admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/showcase/assets/onboarding-checklist-26XVWgDF.js

@@ -1,119 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Sr as i,Tr as a,gr as o,hr as s,mr as c,r as l,t as u}from"./example-C6-_Sy6B.js";import{t as d}from"./circle-check-BCxORlAM.js";import{D as f,a as p,r as m}from"./index-B8DVXCmf.js";import{t as h}from"./props-table-CM_1cocj.js";import{a as g,c as _,i as v,n as y,o as b,r as x,s as S,t as C}from"./accordion-variants-C_sHrQ7C.js";import{t as w}from"./smart-card-7szg_qSt.js";import{t as T}from"./input-25epjsiD.js";import{t as E}from"./spinner-C77XIUVf.js";import{t as D}from"./PreviewLayout-N1PTTyZK.js";var O=m(`qr-code`,[[`rect`,{width:`5`,height:`5`,x:`3`,y:`3`,rx:`1`,key:`1tu5fj`}],[`rect`,{width:`5`,height:`5`,x:`16`,y:`3`,rx:`1`,key:`1v8r4q`}],[`rect`,{width:`5`,height:`5`,x:`3`,y:`16`,rx:`1`,key:`1x03jg`}],[`path`,{d:`M21 16h-3a2 2 0 0 0-2 2v3`,key:`177gqh`}],[`path`,{d:`M21 21v.01`,key:`ents32`}],[`path`,{d:`M12 7v3a2 2 0 0 1-2 2H7`,key:`8crl2c`}],[`path`,{d:`M3 12h.01`,key:`nlz23k`}],[`path`,{d:`M12 3h.01`,key:`n36tog`}],[`path`,{d:`M12 16v.01`,key:`133mhm`}],[`path`,{d:`M16 12h1`,key:`1slzba`}],[`path`,{d:`M21 12v.01`,key:`1lwtk9`}],[`path`,{d:`M12 21v-1`,key:`1880an`}]]),k={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`},A=p();function j({status:e,ariaLabel:t,className:n}){return e===`completed`?(0,A.jsx)(`span`,{role:`img`,"aria-label":t,className:a(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,n),children:(0,A.jsx)(d,{className:`size-4`})}):e===`in-progress`?(0,A.jsx)(`span`,{role:`img`,"aria-label":t,className:a(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,n),children:(0,A.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,A.jsx)(`span`,{role:`img`,"aria-label":t,className:a(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,n),children:(0,A.jsx)(E,{className:`size-4 opacity-60`})})}j.displayName=`StepStatusIndicator`;var M=t(n(),1),N={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function P(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function F(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var I=(0,M.forwardRef)(function({steps:e,defaultExpanded:t,multiple:n=!1,value:i,onValueChange:o,onStepOpen:s,variant:c=`bordered`,className:l,stepClassName:u,strings:d},p){let m=f(k,d),h=i!==void 0,w=(0,M.useMemo)(()=>t??F(e),[]),[T,E]=(0,M.useState)(w),D=(0,M.useRef)(!1),O=h?i:T,I=(0,M.useRef)(new Set(w));(0,M.useEffect)(()=>{if(h||D.current||t!==void 0||e.length===0||T.length>0)return;let n=F(e);n.length>0&&E(n)},[e,h,t,T.length]);let L=(0,M.useCallback)(e=>{let t=e??[];D.current=!0,h||E(t),o?.(t)},[h,o]);return(0,M.useEffect)(()=>{if(!s){I.current=new Set(O);return}let e=I.current;for(let t of O)e.has(t)||s(t);I.current=new Set(O)},[O,s]),(0,A.jsx)(g,{ref:p,multiple:n,value:O,onValueChange:L,"aria-label":m.regionAriaLabel,className:a(`checklist--component`,x[c],l),children:e.map(e=>(0,A.jsxs)(S,{value:e.id,className:a(y[c],u),children:[(0,A.jsx)(_,{disabled:e.disabled,className:a(v,`min-h-16 items-center`),children:(0,A.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,A.jsx)(j,{status:e.status,ariaLabel:P(e.status,m)}),(0,A.jsx)(r,{tag:`span`,weight:`semibold`,className:a(N[e.status]),children:e.title}),!!e.badge&&(0,A.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,A.jsx)(b,{className:C.withMedallion,children:(0,A.jsx)(r,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});I.displayName=`OnboardingChecklist`;var L=e({BorderedDefaultPointOfSaleOnboarding:()=>V,CardVariantWorkspaceSetupControlled:()=>H,FlatVariantMinimal:()=>U});function R(){return(0,A.jsxs)(`div`,{className:`flex flex-col gap-5 md:flex-row md:items-start md:justify-between`,children:[(0,A.jsxs)(`div`,{className:`flex-1 space-y-4`,children:[(0,A.jsx)(r,{size:`sm`,type:`secondary`,className:`leading-relaxed`,children:`Scan the QR code or send yourself the link to get the app. The mobile app is where you’ll manage orders, track inventory, and view analytics on the go.`}),(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,A.jsx)(T,{placeholder:`you@example.com`,className:`flex-1`}),(0,A.jsx)(l,{variant:`secondary`,children:`Send link`})]})]}),(0,A.jsx)(`div`,{className:`flex shrink-0 items-center justify-center rounded-md border border-border bg-muted/30 p-3`,children:(0,A.jsx)(O,{className:`size-20 text-foreground`,strokeWidth:1.5})})]})}var z=[{id:`add-products`,status:`completed`,title:`Add products`,badge:(0,A.jsx)(o,{variant:`success`,children:`Ready`}),content:(0,A.jsx)(r,{size:`sm`,type:`secondary`,children:`Your products have been successfully added and are ready for sale.`})},{id:`pos-app`,status:`in-progress`,title:`Get the point-of-sale application`,content:(0,A.jsx)(R,{})},{id:`price-stock`,status:`pending`,title:`Product price & stock`,content:(0,A.jsx)(r,{size:`sm`,type:`secondary`,children:`Configure your product pricing and manage stock levels across all locations.`})}],B=[{id:`workspace`,status:`completed`,title:`Create your workspace`,content:(0,A.jsx)(r,{size:`sm`,type:`secondary`,children:`Workspace created.`})},{id:`invite`,status:`completed`,title:`Invite teammates`,content:(0,A.jsx)(r,{size:`sm`,type:`secondary`,children:`3 members joined.`})},{id:`integrations`,status:`in-progress`,title:`Connect integrations`,badge:(0,A.jsx)(o,{variant:`warning`,children:`Recommended`}),content:(0,A.jsx)(r,{size:`sm`,type:`secondary`,children:`Connect Slack, GitHub, and Linear.`})},{id:`billing`,status:`pending`,title:`Add payment method`,content:(0,A.jsx)(r,{size:`sm`,type:`secondary`,children:`Required before launch.`}),disabled:!1}];function V(){return(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(D,{className:`max-w-2xl`,children:(0,A.jsx)(I,{steps:z})})})}function H(){let[e,t]=(0,M.useState)([`integrations`]);return(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(D,{className:`max-w-2xl`,children:(0,A.jsx)(w,{padding:`sm`,children:(0,A.jsxs)(D,{className:`gap-3`,children:[(0,A.jsx)(i,{tag:`h3`,className:`border-0 pb-0 text-base`,children:`Set up your workspace`}),(0,A.jsx)(I,{steps:B,variant:`card`,value:e,onValueChange:t})]})})})})}function U(){return(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(D,{className:`max-w-2xl`,children:(0,A.jsx)(I,{steps:z,variant:`flat`,defaultExpanded:[]})})})}var W=`import { useState } from 'react';
-import { QrCode } from 'lucide-react';
-import { Badge } from '@/components/base/badge';
-import { Button } from '@/components/base/buttons';
-import { SmartCard } from '@/components/base/cards';
-import { Input } from '@/components/base/forms/fields';
-import {
-	OnboardingChecklist,
-	type OnboardingChecklistStep,
-} from '@/components/composed/onboarding';
-import { Heading, Text } from '@/components/typography';
-import { Col } from '../../PreviewLayout';
-
-function PosAppBody() {
-	return (
-		<div className="flex flex-col gap-5 md:flex-row md:items-start md:justify-between">
-			<div className="flex-1 space-y-4">
-				<Text size="sm" type="secondary" className="leading-relaxed">
-					Scan the QR code or send yourself the link to get the app. The
-					mobile app is where you&rsquo;ll manage orders, track inventory,
-					and view analytics on the go.
-				</Text>
-				<div className="flex items-center gap-2">
-					<Input placeholder="you@example.com" className="flex-1" />
-					<Button variant="secondary">Send link</Button>
-				</div>
-			</div>
-			<div className="flex shrink-0 items-center justify-center rounded-md border border-border bg-muted/30 p-3">
-				<QrCode className="size-20 text-foreground" strokeWidth={1.5} />
-			</div>
-		</div>
-	);
-}
-
-const onboardingSteps: OnboardingChecklistStep[] = [
-	{
-		id: 'add-products',
-		status: 'completed',
-		title: 'Add products',
-		badge: <Badge variant="success">Ready</Badge>,
-		content: (
-			<Text size="sm" type="secondary">
-				Your products have been successfully added and are ready for sale.
-			</Text>
-		),
-	},
-	{
-		id: 'pos-app',
-		status: 'in-progress',
-		title: 'Get the point-of-sale application',
-		content: <PosAppBody />,
-	},
-	{
-		id: 'price-stock',
-		status: 'pending',
-		title: 'Product price & stock',
-		content: (
-			<Text size="sm" type="secondary">
-				Configure your product pricing and manage stock levels across all
-				locations.
-			</Text>
-		),
-	},
-];
-
-const settingsSteps: OnboardingChecklistStep[] = [
-	{ id: 'workspace', status: 'completed', title: 'Create your workspace', content: <Text size="sm" type="secondary">Workspace created.</Text> },
-	{ id: 'invite', status: 'completed', title: 'Invite teammates', content: <Text size="sm" type="secondary">3 members joined.</Text> },
-	{ id: 'integrations', status: 'in-progress', title: 'Connect integrations', badge: <Badge variant="warning">Recommended</Badge>, content: <Text size="sm" type="secondary">Connect Slack, GitHub, and Linear.</Text> },
-	{ id: 'billing', status: 'pending', title: 'Add payment method', content: <Text size="sm" type="secondary">Required before launch.</Text>, disabled: false },
-];
-
-export function BorderedDefaultPointOfSaleOnboarding() {
-	return (
-		<>
-			<Col className="max-w-2xl">
-								<OnboardingChecklist steps={onboardingSteps} />
-							</Col>
-		</>
-	);
-}
-
-export function CardVariantWorkspaceSetupControlled() {
-	const [expanded, setExpanded] = useState<string[]>(['integrations']);
-	return (
-		<>
-			<Col className="max-w-2xl">
-								<SmartCard padding="sm">
-									<Col className="gap-3">
-										<Heading tag="h3" className="border-0 pb-0 text-base">
-											Set up your workspace
-										</Heading>
-										<OnboardingChecklist
-											steps={settingsSteps}
-											variant="card"
-											value={expanded}
-											onValueChange={setExpanded}
-										/>
-									</Col>
-								</SmartCard>
-							</Col>
-		</>
-	);
-}
-
-export function FlatVariantMinimal() {
-	return (
-		<>
-			<Col className="max-w-2xl">
-								<OnboardingChecklist
-									steps={onboardingSteps}
-									variant="flat"
-									defaultExpanded={[]}
-								/>
-							</Col>
-		</>
-	);
-}
-`;function G(e){let t={h4:`h4`,...e.components};return L||q(`Examples`,!1),V||q(`Examples.BorderedDefaultPointOfSaleOnboarding`,!0),H||q(`Examples.CardVariantWorkspaceSetupControlled`,!0),U||q(`Examples.FlatVariantMinimal`,!0),(0,A.jsxs)(s,{title:`Composed · Onboarding · Checklist`,description:`Step-list accordion with completed / in-progress / pending status indicators. Auto-opens the next non-completed step. Strings + status ARIA fully overridable. Composes base/accordion.`,layer:`composed`,status:`ready`,children:[(0,A.jsxs)(c,{title:`Examples`,id:`examples`,children:[(0,A.jsx)(u,{name:`BorderedDefaultPointOfSaleOnboarding`,source:W,children:(0,A.jsx)(V,{})}),(0,A.jsx)(u,{name:`CardVariantWorkspaceSetupControlled`,source:W,children:(0,A.jsx)(H,{})}),(0,A.jsx)(u,{name:`FlatVariantMinimal`,source:W,children:(0,A.jsx)(U,{})})]}),(0,A.jsxs)(c,{title:`API`,id:`api`,children:[(0,A.jsx)(t.h4,{children:`OnboardingChecklist`}),(0,A.jsx)(h,{component:`OnboardingChecklist`})]})]})}function K(e={}){let{wrapper:t}=e.components||{};return t?(0,A.jsx)(t,{...e,children:(0,A.jsx)(G,{...e})}):G(e)}function q(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{K as default};

package/dist/showcase/assets/overlays-2sVGhanu.js

@@ -1,88 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n,t as r}from"./react-dom-Bz4cALsF.js";import{$ as i,A as a,Bn as o,C as s,D as c,E as l,Gn as u,Ht as d,I as f,Jn as p,L as m,M as h,N as g,O as _,P as v,Qt as y,R as b,Rn as x,S,Tr as C,Un as w,V as T,W as E,Y as D,Z as O,a as k,b as A,c as j,d as ee,et as te,f as ne,fn as re,g as ie,h as ae,hr as oe,ir as se,j as ce,k as le,lr as ue,lt as de,mr as fe,nr as pe,o as me,p as he,rr as M,t as N,tr as P,tt as ge,u as _e,v as ve,w as ye,x as be,zn as xe}from"./example-C6-_Sy6B.js";import{a as Se}from"./index-B8DVXCmf.js";import{n as Ce,r as we,t as Te}from"./popover-T85aV4zW.js";import{a as Ee,i as De,n as Oe,o as ke,r as Ae,s as je,t as Me}from"./dialog-BYHZvlL8.js";import{n as Ne}from"./PreviewLayout-N1PTTyZK.js";import{a as Pe,i as Fe,n as Ie,o as Le,r as Re,t as ze}from"./sheet-CwcLVoF3.js";function F(e,t,n,r){return{left:e,top:t,right:n,bottom:r,x:e,y:t,width:n-e,height:r-t}}function Be(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}function Ve(e){let t=[],n,r=1/0,i=1/0,a=-1/0,o=-1/0;for(let s of Array.from(e).sort((e,t)=>e.top-t.top)){if(r=Math.min(r,s.left),i=Math.min(i,s.top),a=Math.max(a,s.right),o=Math.max(o,s.bottom),!n||s.top-n.top>n.height/2)t.push(Be(s));else{let e=t[t.length-1];e.left=Math.min(e.left,s.left),e.right=Math.max(e.right,s.right),e.bottom=Math.max(e.bottom,s.bottom),e.width=e.right-e.left,e.height=e.bottom-e.top}n=s}return{lines:t,fallback:F(r,i,a,o)}}function I(e,t,n){return e.findIndex(e=>t>e.left-2&&t<e.right+2&&n>e.top-2&&n<e.bottom+2)}function L(e){return F(e.left,e.top,e.right,e.bottom)}function He(e,t,n){let{lines:r}=Ve(e.getClientRects());if(r.length<2)return;let i=I(r,t,n);return{x:t,y:n,lineIndex:i===-1?void 0:i,element:e}}function Ue(e,t,n){let{lines:r,fallback:i}=Ve(e.getClientRects());if(r.length<2)return null;let a=n?.x,o=n?.y,s=t[0];if(n?.lineIndex!=null&&r[n.lineIndex])return L(r[n.lineIndex]);if(a!=null&&o!=null){let e=I(r,a,o);if(e!==-1)return L(r[e])}if(r.length===2&&r[0].left>r[1].right&&a!=null&&o!=null)return i;if(s===`t`||s===`b`){let e=r[0],t=r[r.length-1],n=s===`t`?e:t;return F(n.left,e.top,n.right,t.bottom)}let c=s===`l`,l=r[0].left,u=r[0].right,d=c?1/0:-1/0,f=r[0],p=r[0];for(let e of r){l=Math.min(l,e.left),u=Math.max(u,e.right);let t=c?e.left:e.right;c&&t<d||!c&&t>d?(d=t,f=e,p=e):t===d&&(p=e)}return F(l,f.top,u,p.bottom)}function We(e){return`contextElement`in e&&e.contextElement?e.contextElement:ue(e)?e:void 0}function Ge(e,t){function n(t){R(e,t.currentTarget,t.clientX,t.clientY)}function r(e){t||n(e)}return{onFocus(){e.current=void 0},onMouseEnter:n,onMouseMove:r}}function R(e,t,n,r){let i=He(t,n,r);return e.current=i,i}function Ke(e){return{name:`inline`,async fn(t){let n=t.elements.reference;if(typeof n?.getClientRects!=`function`)return{};let r=We(n),i=e.current,a=i?.element===n||i?.element===r?i:void 0,o=Ue(n,t.placement,a);if(!o||typeof t.platform.getElementRects!=`function`)return{};let s=await t.platform.getElementRects({reference:{contextElement:r,getBoundingClientRect(){return o}},floating:t.elements.floating,strategy:t.strategy});return t.rects.reference.x===s.reference.x&&t.rects.reference.y===s.reference.y&&t.rects.reference.width===s.reference.width&&t.rects.reference.height===s.reference.height?{}:{reset:{rects:s}}}}}var z=t(n()),B=z.createContext(void 0);function V(e){let t=z.useContext(B);if(t===void 0&&!e)throw Error(P(50));return t}var qe=t(r()),Je={..._,instantType:D(e=>e.instantType),hasViewport:D(e=>e.hasViewport)},Ye=class e extends E{constructor(e,t,n=!1){let r=new le,i={...Xe(),...e};i.floatingRootContext=c(r,t,n),super(i,{popupRef:z.createRef(),onOpenChange:void 0,onOpenChangeComplete:void 0,triggerElements:r,closeDelayRef:{current:300},inlineRectCoordsRef:{current:void 0}},Je)}setOpen=(e,t)=>{let n=t.reason,r=n===re,i=e&&n===`trigger-focus`,a=!e&&(n===`trigger-press`||n===`escape-key`);if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},this.context.onOpenChange?.(e,t),t.isCanceled)return;let o=t.event;e&&r&&t.trigger&&`clientX`in o&&`clientY`in o&&this.context.inlineRectCoordsRef.current?.element!==t.trigger&&R(this.context.inlineRectCoordsRef,t.trigger,o.clientX,o.clientY),this.state.floatingRootContext.dispatchOpenChange(e,t);let s=()=>{let r={open:e};i?r.instantType=`focus`:a?r.instantType=`dismiss`:n===`trigger-hover`&&(r.instantType=void 0),ce(r,e,t.trigger),this.update(r)};r?qe.flushSync(s):s()};static useStore(t,n){return f(t,(t,r)=>new e(n,t,r)).store}};function Xe(){return{...l(),instantType:void 0,hasViewport:!1}}var H=Se();function U(e){let{open:t,defaultOpen:n=!1,onOpenChange:r,onOpenChangeComplete:i,actionsRef:a,handle:o,triggerId:s,defaultTriggerId:c=null,children:l}=e,u=Ye.useStore(o?.store,{open:n,openProp:t,activeTriggerId:c,triggerIdProp:s});x(()=>{t===void 0&&u.state.open===!1&&n===!0&&u.update({open:!0,activeTriggerId:c})}),u.useControlledProp(`openProp`,t),u.useControlledProp(`triggerIdProp`,s),u.useContextCallback(`onOpenChange`,r),u.useContextCallback(`onOpenChangeComplete`,i);let f=u.useState(`open`),p=u.useState(`activeTriggerId`),m=u.useState(`mounted`),_=u.useState(`payload`);h(u);let{forceUnmount:v}=g(f,u,()=>{u.context.inlineRectCoordsRef.current=void 0});M(()=>{f&&(p??u.set(`payload`,void 0))},[u,p,f]);let b=z.useCallback(()=>{u.setOpen(!1,d(y))},[u]);z.useImperativeHandle(a,()=>({unmount:v,close:b}),[v,b]);let S=f||m;return(0,H.jsxs)(B.Provider,{value:u,children:[S&&(0,H.jsx)(Ze,{store:u}),typeof l==`function`?l({payload:_}):l]})}function Ze({store:e}){let t=O(e.useState(`floatingRootContext`));return v(e,{activeTriggerProps:t.reference??p,inactiveTriggerProps:t.trigger??p,popupProps:z.useMemo(()=>pe(a,t.floating),[t.floating])}),null}var Qe=xe(function(e){return V(!0)?(0,H.jsx)(U,{...e}):(0,H.jsx)(te,{children:(0,H.jsx)(U,{...e})})}),W=z.createContext(void 0);function $e(){let e=z.useContext(W);if(e===void 0)throw Error(P(48));return e}var et=z.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e;return V().useState(`mounted`)||n?(0,H.jsx)(W.Provider,{value:n,children:(0,H.jsx)(ae,{ref:t,...r})}):null}),tt=o(function(e,t){let{render:n,className:r,delay:i,closeDelay:a,id:o,payload:s,handle:c,style:l,...d}=e,f=V(!0),p=c?.store??f;if(!p)throw Error(P(89));let h=ie(o),g=p.useState(`isTriggerActive`,h),_=p.useState(`isOpenedByTrigger`,h),v=p.useState(`floatingRootContext`),y=p.context.inlineRectCoordsRef,b=z.useRef(null),x=i??600,C=a??300,{registerTrigger:w,isMountedByThisTrigger:T}=m(h,b,p,{payload:s});M(()=>{T&&(p.context.closeDelayRef.current=C)},[p,T,C]);let E=S(v,{mouseOnly:!0,move:!1,handleClose:be(),delay:()=>({open:x,close:C}),triggerElementRef:b,isActiveTrigger:g,isClosing:()=>p.select(`transitionStatus`)===`ending`}),D=ye(v,{delay:x}),O={open:_},k=p.useState(`triggerProps`,T),j=Ge(y,_);return u(`a`,e,{state:O,ref:[t,w,b],props:[E,D.reference,k,j,{id:h},d],stateAttributesMapping:A})}),G=z.createContext(void 0);function nt(){let e=z.useContext(G);if(e===void 0)throw Error(P(49));return e}var rt=z.forwardRef(function(e,t){let{render:n,className:r,anchor:a,positionMethod:o=`absolute`,side:s=`bottom`,align:c=`center`,sideOffset:l=0,alignOffset:u=0,collisionBoundary:d=`clipping-ancestors`,collisionPadding:f=5,arrowPadding:p=5,sticky:m=!1,disableAnchorTracking:h=!1,collisionAvoidance:g=de,style:_,...v}=e,y=V(),b=$e(),x=ge(),S=y.useState(`open`),C=y.useState(`mounted`),w=y.useState(`floatingRootContext`),T=y.useState(`instantType`),E=y.useState(`transitionStatus`),D=y.useState(`hasViewport`),O=y.context.inlineRectCoordsRef,k=ne({anchor:a,floatingRootContext:w,positionMethod:o,mounted:C,side:s,sideOffset:l,align:c,alignOffset:u,arrowPadding:p,collisionBoundary:d,collisionPadding:f,sticky:m,disableAnchorTracking:h,keepMounted:b,nodeId:x,collisionAvoidance:g,adaptiveOrigin:D?he:void 0,inline:Ke(O)}),A=k.update;M(()=>{S&&C&&A()},[S,C,A]);let j=_e(e,{open:S,side:k.side,align:k.align,anchorHidden:k.anchorHidden,instant:T},{styles:k.positionerStyles,transitionStatus:E,props:v,refs:[t,y.useStateSetter(`positionerElement`)],hidden:!C,inert:!S});return(0,H.jsx)(G.Provider,{value:k,children:(0,H.jsx)(i,{id:x,children:j})})}),it={...ve,...T},at=z.forwardRef(function(e,t){let{className:n,render:r,style:i,...a}=e,o=V(),{side:c,align:l}=nt(),d=o.useState(`open`),f=o.useState(`instantType`),p=o.useState(`transitionStatus`),m=o.useState(`popupProps`),h=o.useState(`floatingRootContext`);return b({open:d,ref:o.context.popupRef,onComplete(){d&&o.context.onOpenChangeComplete?.(!0)}}),s(h,{closeDelay:se(()=>o.context.closeDelayRef.current)}),u(`div`,e,{state:{open:d,side:c,align:l,instant:f,transitionStatus:p},ref:[t,o.context.popupRef,o.useStateSetter(`popupElement`)],props:[m,ee(p),a],stateAttributesMapping:it})});function ot({...e}){return(0,H.jsx)(Qe,{"data-slot":`hover-card`,...e})}function st({...e}){return(0,H.jsx)(tt,{"data-slot":`hover-card-trigger`,...e})}function ct({className:e,side:t=`bottom`,sideOffset:n=4,align:r=`center`,alignOffset:i=4,...a}){return(0,H.jsx)(et,{"data-slot":`hover-card-portal`,children:(0,H.jsx)(rt,{align:r,alignOffset:i,side:t,sideOffset:n,className:`isolate z-50`,children:(0,H.jsx)(at,{"data-slot":`hover-card-content`,className:C(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-4 text-sm shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 origin-(--transform-origin) outline-hidden`,e),...a})})})}var lt=e({DialogExample:()=>K,HoverCardExample:()=>X,PopoverExample:()=>J,SheetExample:()=>q,TooltipExample:()=>Y});function K(){let[e,t]=(0,z.useState)(!1);return(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(Me,{open:e,onOpenChange:t,children:[(0,H.jsx)(je,{render:e=>(0,H.jsx)(w,{...e,children:`Open dialog`})}),(0,H.jsxs)(Oe,{children:[(0,H.jsxs)(Ee,{children:[(0,H.jsx)(ke,{children:`Confirm action`}),(0,H.jsx)(Ae,{children:`This is a controlled dialog.`})]}),(0,H.jsxs)(De,{children:[(0,H.jsx)(w,{variant:`outline`,onClick:()=>t(!1),children:`Cancel`}),(0,H.jsx)(w,{onClick:()=>t(!1),children:`Confirm`})]})]})]})})}function q(){return(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(ze,{children:[(0,H.jsx)(Le,{render:e=>(0,H.jsx)(w,{variant:`outline`,...e,children:`Open sheet`})}),(0,H.jsxs)(Ie,{children:[(0,H.jsxs)(Fe,{children:[(0,H.jsx)(Pe,{children:`Sheet title`}),(0,H.jsx)(Re,{children:`Side-anchored panel.`})]}),(0,H.jsx)(`div`,{className:`px-4 py-2 text-sm`,children:`Sheet body content.`})]})]})})}function J(){return(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(Te,{children:[(0,H.jsx)(we,{render:e=>(0,H.jsx)(w,{variant:`outline`,...e,children:`Open popover`})}),(0,H.jsx)(Ce,{className:`w-64 text-sm`,children:`Popover content with arbitrary children.`})]})})}function Y(){return(0,H.jsx)(H.Fragment,{children:(0,H.jsx)(Ne,{children:(0,H.jsxs)(k,{children:[(0,H.jsx)(j,{render:e=>(0,H.jsx)(w,{variant:`outline`,...e,children:`Hover me`})}),(0,H.jsx)(me,{children:`Hello, I'm a tooltip.`})]})})})}function X(){return(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(ot,{children:[(0,H.jsx)(st,{render:e=>(0,H.jsx)(w,{variant:`link`,...e,children:`@maria`})}),(0,H.jsxs)(ct,{className:`w-64 text-sm`,children:[(0,H.jsx)(`div`,{className:`font-medium`,children:`Sarah Smitha`}),(0,H.jsx)(`div`,{className:`text-muted-foreground`,children:`Account Manager`}),(0,H.jsx)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:`Joined Jan 2023.`})]})]})})}var Z=`import { useState } from 'react';
-import { Button } from '@/components/ui/button';
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from '@/components/base/sheet';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
-import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
-import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
-import { Row } from '../../PreviewLayout';
-
-export function DialogExample() {
-	const [open, setOpen] = useState(false);
-	return (
-		<>
-			<Dialog open={open} onOpenChange={setOpen}>
-									<DialogTrigger render={(p) => <Button {...p}>Open dialog</Button>} />
-									<DialogContent>
-										<DialogHeader>
-											<DialogTitle>Confirm action</DialogTitle>
-											<DialogDescription>This is a controlled dialog.</DialogDescription>
-										</DialogHeader>
-										<DialogFooter>
-											<Button variant="outline" onClick={() => setOpen(false)}>Cancel</Button>
-											<Button onClick={() => setOpen(false)}>Confirm</Button>
-										</DialogFooter>
-									</DialogContent>
-								</Dialog>
-		</>
-	);
-}
-
-export function SheetExample() {
-	return (
-		<>
-			<Sheet>
-									<SheetTrigger render={(p) => <Button variant="outline" {...p}>Open sheet</Button>} />
-									<SheetContent>
-										<SheetHeader>
-											<SheetTitle>Sheet title</SheetTitle>
-											<SheetDescription>Side-anchored panel.</SheetDescription>
-										</SheetHeader>
-										<div className="px-4 py-2 text-sm">Sheet body content.</div>
-									</SheetContent>
-								</Sheet>
-		</>
-	);
-}
-
-export function PopoverExample() {
-	return (
-		<>
-			<Popover>
-									<PopoverTrigger render={(p) => <Button variant="outline" {...p}>Open popover</Button>} />
-									<PopoverContent className="w-64 text-sm">
-										Popover content with arbitrary children.
-									</PopoverContent>
-								</Popover>
-		</>
-	);
-}
-
-export function TooltipExample() {
-	return (
-		<>
-			<Row>
-									<Tooltip>
-										<TooltipTrigger render={(p) => <Button variant="outline" {...p}>Hover me</Button>} />
-										<TooltipContent>Hello, I'm a tooltip.</TooltipContent>
-									</Tooltip>
-								</Row>
-		</>
-	);
-}
-
-export function HoverCardExample() {
-	return (
-		<>
-			<HoverCard>
-									<HoverCardTrigger render={(p) => <Button variant="link" {...p}>@maria</Button>} />
-									<HoverCardContent className="w-64 text-sm">
-										<div className="font-medium">Sarah Smitha</div>
-										<div className="text-muted-foreground">Account Manager</div>
-										<div className="mt-2 text-xs text-muted-foreground">Joined Jan 2023.</div>
-									</HoverCardContent>
-								</HoverCard>
-		</>
-	);
-}
-`;function Q(e){return lt||$(`Examples`,!1),K||$(`Examples.DialogExample`,!0),X||$(`Examples.HoverCardExample`,!0),J||$(`Examples.PopoverExample`,!0),q||$(`Examples.SheetExample`,!0),Y||$(`Examples.TooltipExample`,!0),(0,H.jsx)(oe,{title:`UI · Overlays`,description:`Dialog, Sheet, Popover, Tooltip, HoverCard.`,layer:`ui`,status:`ready`,children:(0,H.jsxs)(fe,{title:`Examples`,id:`examples`,children:[(0,H.jsx)(N,{name:`DialogExample`,source:Z,children:(0,H.jsx)(K,{})}),(0,H.jsx)(N,{name:`SheetExample`,source:Z,children:(0,H.jsx)(q,{})}),(0,H.jsx)(N,{name:`PopoverExample`,source:Z,children:(0,H.jsx)(J,{})}),(0,H.jsx)(N,{name:`TooltipExample`,source:Z,children:(0,H.jsx)(Y,{})}),(0,H.jsx)(N,{name:`HoverCardExample`,source:Z,children:(0,H.jsx)(X,{})})]})})}function ut(e={}){let{wrapper:t}=e.components||{};return t?(0,H.jsx)(t,{...e,children:(0,H.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ut as default};