https://cowork.livery135.com/assets/Storybook-M7UKDDjj.js

1import{j as e}from"./vendor-puck-lPnaRYA0.js";import{L as l,r}from"./vendor-react-TOOSQ9Q-.js";import{q as m,A as h,u as M,a as T,dO as U,dP as y,aS as f,a1 as c,dQ as O,aw as v,b7 as I,dR as L,dS as R,dT as H,dU as q}from"./index-wdjyQqoD.js";import{A as u}from"./ArkLargeCard-WLFrQjE5.js";import{A as g}from"./ArkSmallCard-bcGD1agf.js";import{D as o}from"./vendor-luxon-2n2xc3QM.js";import{A as S}from"./SmallVerticalCard-12togXlF.js";import{B as j,F as p,a as z}from"./vendor-bootstrap-fxQA9rHL.js";import{u as Q}from"./vendor-i18n-eTj0Pfmx.js";import{Q as V}from"./QuantityInput-K9Lv8Fiz.js";import"./vendor-calendar-WlMSM93F.js";import"./vendor-motion-BX6prKAE.js";const W=()=>e.jsxs("div",{className:"d-flex flex-column gap-4",children:[e.jsx(u,{imageMode:"top",title:"Private office",description:"Our Daily Private Offices give you on-demand access to a fully equipped private workspace.",imgUrl:"https://picsum.photos/id/100/600/450"}),e.jsx("hr",{}),e.jsx(u,{imageMode:"top",title:"Private office",description:"Our Daily Private Offices give you on-demand access to a fully equipped private workspace."}),e.jsx("hr",{}),e.jsx(u,{style:{height:500},imageMode:"full",imgUrl:"https://picsum.photos/id/110/600/450",title:"Private office",description:"Our Daily Private Offices give you on-demand access to a fully equipped private workspace."}),e.jsx("hr",{}),e.jsx(u,{style:{height:300},imageMode:"full",imgUrl:"https://picsum.photos/id/120/600/450",title:"The Frames London",description:"1-3 Brixton Road"}),e.jsx("hr",{}),e.jsx(u,{imageMode:"top",title:"Private office",description:"Our Daily Private Offices give you on-demand access to a fully equipped private workspace.",imgUrl:"https://picsum.photos/id/130/600/450",contentElement:e.jsxs("div",{className:"mt-4",children:[e.jsx("div",{className:"fs-2 fw-bold mb-0 lh-1",children:"£110"}),e.jsx("div",{className:"fw-bold",children:"per month billed monthly"}),e.jsxs("div",{className:"mt-3",children:[e.jsx(m,{name:"check",className:"me-1"}),"Full-time access"]}),e.jsxs("div",{className:"mt-3",children:[e.jsx(m,{name:"check",className:"me-1"}),"7 access pass / week"]}),e.jsxs("div",{className:"mt-3",children:[e.jsx(m,{name:"check",className:"me-1"}),"Your own dedicated unit or desk"]}),e.jsx("div",{className:"mt-3 fw-bold",children:"More details"}),e.jsx("div",{className:"mt-4",children:e.jsx(h,{variant:"primary",classNames:"btn btn-primary w-100",label:"Join this plan"})})]})})]}),_=()=>e.jsxs("div",{className:"d-flex flex-wrap gap-3",children:[e.jsx(h,{variant:"primary",classNames:"btn btn-primary",label:"Primary Button"}),e.jsx(h,{variant:"secondary",classNames:"btn btn-secondary",label:"Secondary Button"}),e.jsx(h,{variant:"success",classNames:"btn btn-success",label:"Success Button"}),e.jsx(h,{variant:"danger",classNames:"btn btn-danger",label:"Danger Button"})]}),G=()=>e.jsxs("div",{children:[e.jsx(g,{style:{minHeight:300},imgUrl:"https://picsum.photos/id/100/600/450",title:"Day Pass",description:"Ditch your home office and grab a desk in Shoreditch, refreshments included!"}),e.jsx("hr",{}),e.jsx(g,{style:{minHeight:300},imgUrl:"https://picsum.photos/id/110/600/450",title:"A very long title that might even wrap onto a second line",description:"Ditch your home office and grab a desk in Shoreditch, refreshments included! This description is also quite long and might wrap onto a second line."}),e.jsx("hr",{}),e.jsx(g,{style:{minHeight:450},imgUrl:"https://picsum.photos/id/120/600/450",title:"Day Pass",description:"Ditch your home office and grab a desk in Shoreditch, refreshments included!",contentElement:e.jsxs("div",{children:[e.jsx("div",{className:"fs-3 fw-bold",children:"£50"}),e.jsx("div",{className:"mt-3",children:e.jsx(h,{variant:"outline-primary",classNames:"btn w-100",label:"Buy now"})})]})}),e.jsx("hr",{}),e.jsx(g,{style:{minHeight:500},imgUrl:"https://picsum.photos/id/130/600/450",contentElement:e.jsxs("div",{children:[e.jsx("div",{children:e.jsx("small",{className:"fw-bolder text-sm",children:"08:00, 30 April 2026 - General Area"})}),e.jsx("div",{className:"fs-5 fw-bolder mt-2",children:"Design Thinking Workshop"}),e.jsx("div",{className:"mt-2",children:"Hosted by Mrs J Smith "}),e.jsxs("div",{className:"d-flex mt-2 items-center",style:{marginLeft:6}

1,children:[e.jsx("img",{src:"https://coworking-network.spaces-demo.nexudus.com/en/coworker/getAvatar/4706?h=128&w=128",alt:"Avatar 1",className:"rounded-circle",style:{width:18,height:18,marginLeft:"-6px"}}),e.jsx("img",{src:"https://coworking-network.spaces-demo.nexudus.com/en/coworker/getAvatar/4706?h=128&w=128",alt:"Avatar 2",className:"rounded-circle",style:{width:18,height:18,marginLeft:"-6px"}}),e.jsx("img",{src:"https://coworking-network.spaces-demo.nexudus.com/en/coworker/getAvatar/4706?h=128&w=128",alt:"Avatar 3",className:"rounded-circle",style:{width:18,height:18,marginLeft:"-6px"}}),e.jsx("span",{className:"ms-1 fw-bold",children:"22 attending"})]})]})})]}),J=()=>{const{business:s}=M(),{getBusinessLogoUrl:a}=T(),n=a(s,300);return e.jsx("div",{children:e.jsx(U,{saying:"Nothing will work unless you do",sayingBy:"Maya Angelou",logoUrl:n,phone:"+44 0745 5432 2989",column1:{title:"Contact",items:[e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Contact us"}),e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Book a tour"})]},column2:{title:"Services",items:[e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Join a plan"}),e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Events"}),e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Social"}),e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Workshos"})]},column3:{title:"Bookings",items:[e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Hot-desks"}),e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Meeting rooms"}),e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Conference venue"})]},column4:{title:"Help",items:[e.jsx(l,{className:"text-primary-contrast",to:"#",children:"FAQ"}),e.jsx(l,{className:"text-primary-contrast",to:"#",children:"Help-desk"})]},socials:e.jsxs(e.Fragment,{children:[e.jsx(m,{size:32,name:"social-twitter",className:"me-1 text-primary-contrast",style:{cursor:"pointer"}}),e.jsx(m,{size:32,name:"social-facebook",className:"me-1 text-primary-contrast",style:{cursor:"pointer"}}),e.jsx(m,{size:32,name:"social-linkedin",className:"me-1 text-primary-contrast",style:{cursor:"pointer"}}),e.jsx(m,{size:32,name:"social-instagram",className:"text-primary-contrast",style:{cursor:"pointer"}})]}),copyrightText:"Custom copyright text for Ark by Nexudus.",termsAndConditionsUrl:"#",privacyPolicyUrl:"#",cookiePolicyUrl:"#",languages:[{code:"ES",name:"Spanish"},{code:"en-GB",name:"English (UK)"},{code:"fr-FR",name:"Français"}]})})},Y=()=>{const[s,a]=r.useState(o.now().startOf("hour")),[n,t]=r.useState(o.now().startOf("hour").plus({days:2})),[x,w]=r.useState(o.now().startOf("hour")),[k,b]=r.useState(o.now().startOf("hour").plus({days:2})),[N,C]=r.useState(o.now().startOf("hour")),[A,D]=r.useState(o.now().startOf("hour").plus({hours:2})),[E,B]=r.useState(o.now().startOf("hour")),[P,F]=r.useState(o.now().startOf("hour").plus({hours:2}));return e.jsxs("div",{style:{maxWidth:306},children:[e.jsx(y,{label:"Date only (single day)",inputElement:e.jsx(f,{canBookAcrossDays:!1,onChange:(d,i)=>{a(()=>d),i&&t(()=>i)},format:o.DATE_MED,selectedStart:s,selectedEnd:n})}),e.jsx("hr",{}),e.jsx(y,{label:"Date only (single / multiple days)",inputElement:e.jsx(f,{canBookAcrossDays:!0,format:o.DATE_MED,onChange:(d,i)=>{w(()=>d),i&&b(()=>i)},selectedStart:x,selectedEnd:k})}),e.jsx("hr",{}),e.jsx(y,{label:"Date and time",inputElement:e.jsx(f,{format:o.DATETIME_MED,showTimeSelector:!0,onChange:(d,i)=>{C(()=>d),i&&D(()=>i)},selectedStart:N,selectedEnd:A})}),e.jsx("hr",{}),e.jsx(y,{label:"Date and time (with shortcuts)",inputElement:e.jsx(f,{format:o.DATETIME_MED,showTimeSelector:!0,showShortCuts:!0,onChange:(d,i)=>{B(()=>d),i&&F(()=>i)},selectedStart:E,selectedEnd:P})})]})},$=()=>e.jsxs("div",{className:"d-flex flex-wrap gap-2",children:[e.jsx(c,{label:"New",badgeColor:"success"}),e.jsx(c,{label:"Updated",badgeColor:"warning"}),e.jsx(c,{label:"Deprecated",badgeColor:"danger"}),e.jsx(c,{label:"Info",badgeColor:"info"}),e.jsx(c,{label:"Primary",badgeColor:"primary"}),e.jsx(c,{label:"Secondary",badgeColor:"secondary"})]}),K=()=>e.jsxs("div",{className:"d-flex flex-column gap-4",children:[e.jsx(S,{imgUrl:"https://picsum.photos/id/120/600/450",contentElement:e.jsxs("div",{className:"d-flex flex-column gap-2",children:[e.jsx(c,{badgeColor:"success",label:"Confirmed"}),e.jsx("div",{className:"text-muted fw-bolder",children:"29 Nov 2025 • 15:00 - 16:00"}),e.jsx("div",{className:"fw-bolder fs-lg",children:"Banana Booth 6"}),e.jsx("div",{children:"Coworking Network"}),e.jsx("div",{children:e.jsx(j,{className:"btn-sm px-0 py-1 m-0",variant:"link",children:"Modify"})})]})}),e.jsx("hr",{}),e.jsx(S,{imgUrl:"https://picsum.photos/id/130/600/450",contentElement:e.jsxs("div",{className:"d-flex flex-column gap-2",children:[e.jsx(c,{badgeColor:"warning",label:"Awaiting payment"}),e.jsx("div",{className:"text-muted fw-bolder",children:"29 Nov 2025 • 15:00 - 16:00"}),e.jsx("div",{className:"fw-bolder fs-lg",children:"Banana Booth 6"}),e.jsx("div",{children:"Coworking Network"}),e.jsx("div",{children:e.jsx(j,{className:"btn-sm px-0 py-1 m-0",variant:"link",children:"Modify"})})]})})]}),X=()=>{const{t:s}=Q(),[a,n]=r.useState(!1),t=r.useRef(null);return e.jsxs(e.Fragment,{children:[e.jsx(j,{onClick:()=>n(!0),children:s("Open flyout")}),e.jsx(O,{show:a,onHide:()=>n(!1),title:s("Edit details"),placement:"end",size:"md",initialFocusRef:t,footer

1:e.jsxs(e.Fragment,{children:[e.jsx(j,{variant:"secondary",onClick:()=>n(!1),children:s("Cancel")}),e.jsx(j,{variant:"primary",children:s("Save")})]}),children:e.jsx(p,{children:e.jsxs(p.Group,{controlId:"name",children:[e.jsx(p.Label,{children:s("Name")}),e.jsx(p.Control,{ref:t,type:"text",placeholder:s("Enter name")})]})})})]})},Z=()=>{const[s,a]=r.useState(void 0),n=[{key:"1",label:"Apple",value:"apple"},{key:"2",label:"Banana",value:"banana"},{key:"3",label:"Orange",value:"orange"}];return e.jsxs(e.Fragment,{children:[e.jsx(v,{title:"Fruit",className:"rounded-3",items:n,selectedValue:s,onSelect:t=>a(t),searchable:!0}),e.jsx("div",{style:{width:200},children:e.jsx(v,{className:"p-3 rounded-3 w-100 text-start",title:"Fruit",items:n,selectedValue:s,onSelect:t=>a(t),searchable:!1})})]})},ee=()=>{const s=[e.jsx(e.Fragment,{children:e.jsxs("div",{className:"d-flex align-items-center justify-content-between",children:[e.jsxs("div",{className:"text-body",children:[e.jsx("div",{className:"fw-bolder",children:"Product"}),e.jsx("div",{className:"fs-sm fw-light",children:"1 x Widget A"})]}),e.jsx("div",{className:"fw-bolder",children:"$50.00"})]})}),e.jsx(e.Fragment,{children:e.jsxs("div",{className:"d-flex align-items-center justify-content-between",children:[e.jsxs("div",{className:"text-body",children:[e.jsx("div",{className:"fw-bolder",children:"Service"}),e.jsx("div",{className:"fs-sm fw-light",children:"1 x Service A"})]}),e.jsx("div",{className:"fw-bolder",children:"$30.00"})]})})];return e.jsx("div",{style:{maxWidth:"400px"},children:e.jsx(I,{appliedDiscountCodes:[{code:"SUMMER2024",amount:15,currencyCode:"USD"}],currencyCode:"USD",appliedTimeCredits:[{amount:60,period:L.Minutes}],previouslyPaid:20,newTotal:75,subTotal:80,taxAmount:8,appliedBookingCreditInCurrency:5,totalAmount:83,hasInvalidDiscountCode:!1,selectedDiscountCode:"SUMMER2024",setSelectedDiscountCode:a=>{console.log("Selected discount code:",a)},messages:[{type:"info",text:"You have a special discount applied!"}],buttons:[{text:"Proceed to Payment",variant:"primary",onClick:()=>{console.log("Proceed to Payment clicked")}}],items:s})})},se=()=>{const[s,a]=r.useState(1);return e.jsx("div",{style:{width:"200px"},children:e.jsx(V,{value:s,onChange:a,min:0,max:10})})},te=()=>{const[s,a]=r.useState(!1);return e.jsx(R,{id:"theme-switch",label:"Dark mode",checked:s,onChange:a,onIcon:e.jsx(H,{size:12}),offIcon:e.jsx(q,{size:12})})},ae=[{name:"Ark Large Card",element:e.jsx(W,{})},{name:"Ark Button",element:e.jsx(_,{})},{name:"Ark Badge",element:e.jsx($,{})},{name:"Ark Small Card",element:e.jsx(G,{})},{name:"Ark Footer",element:e.jsx(J,{})},{name:"Date Time Picker",element:e.jsx(Y,{})},{name:"Ark Small Vertical Card",element:e.jsx(K,{})},{name:"Flyout",element:e.jsx(X,{})},{name:"Dropdown",element:e.jsx(Z,{})},{name:"Basket Summary",element:e.jsx(ee,{})},{name:"Quantity Input",element:e.jsx(se,{})},{name:"Ark Icon Switch",element:e.jsx(te,{})}],je=()=>{const[s,a]=r.useState(""),n=ae.filter(t=>t.name.toLowerCase().includes(s.toLowerCase()));return e.jsxs(z,{className:"py-5",children:[e.jsx("h1",{children:"Storybook"}),e.jsx(p.Control,{type:"text",placeholder:"Search stories...",className:"my-3",value:s,onChange:t=>a(t.target.value)}),n.sort((t,x)=>t.name.localeCompare(x.name)).map((t,x)=>e.jsxs("div",{className:"my-4 mb-6",children:[e.jsx("h4",{className:"mb-3",children:t.name}),t.element]},x))]})};export{je as default};