@baishuyun/ai-design 1.0.2 → 1.0.4

package/storybook-static/assets/button-Cyp2OfiJ.js

@@ -0,0 +1 @@
+import{j as v}from"./jsx-runtime-CpaO0gaJ.js";import{r as a,R as E}from"./iframe-BNpZCkNl.js";import{c as S}from"./index-KJpiBtEb.js";import{b as j,c as N}from"./utils-CXGjNK-X.js";var R=Symbol.for("react.lazy"),y=E[" use ".trim().toString()];function w(e){return typeof e=="object"&&e!==null&&"then"in e}function x(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===R&&"_payload"in e&&w(e._payload)}function P(e){const n=A(e),t=a.forwardRef((o,r)=>{let{children:i,...d}=o;x(i)&&typeof y=="function"&&(i=y(i._payload));const l=a.Children.toArray(i),f=l.find(T);if(f){const s=f.props.children,u=l.map(c=>c===f?a.Children.count(s)>1?a.Children.only(null):a.isValidElement(s)?s.props.children:null:c);return v.jsx(n,{...d,ref:r,children:a.isValidElement(s)?a.cloneElement(s,void 0,u):null})}return v.jsx(n,{...d,ref:r,children:i})});return t.displayName=`${e}.Slot`,t}var O=P("Slot");function A(e){const n=a.forwardRef((t,o)=>{let{children:r,...i}=t;if(x(r)&&typeof y=="function"&&(r=y(r._payload)),a.isValidElement(r)){const d=B(r),l=$(i,r.props);return r.type!==a.Fragment&&(l.ref=o?S(o,d):d),a.cloneElement(r,l)}return a.Children.count(r)>1?a.Children.only(null):null});return n.displayName=`${e}.SlotClone`,n}var k=Symbol("radix.slottable");function T(e){return a.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===k}function $(e,n){const t={...n};for(const o in n){const r=e[o],i=n[o];/^on[A-Z]/.test(o)?r&&i?t[o]=(...l)=>{const f=i(...l);return r(...l),f}:r&&(t[o]=r):o==="style"?t[o]={...r,...i}:o==="className"&&(t[o]=[r,i].filter(Boolean).join(" "))}return{...e,...t}}function B(e){let n=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,t=n&&"isReactWarning"in n&&n.isReactWarning;return t?e.ref:(n=Object.getOwnPropertyDescriptor(e,"ref")?.get,t=n&&"isReactWarning"in n&&n.isReactWarning,t?e.props.ref:e.props.ref||e.ref)}const b=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,h=j,I=(e,n)=>t=>{var o;if(n?.variants==null)return h(e,t?.class,t?.className);const{variants:r,defaultVariants:i}=n,d=Object.keys(r).map(s=>{const u=t?.[s],c=i?.[s];if(u===null)return null;const p=b(u)||b(c);return r[s][p]}),l=t&&Object.entries(t).reduce((s,u)=>{let[c,p]=u;return p===void 0||(s[c]=p),s},{}),f=n==null||(o=n.compoundVariants)===null||o===void 0?void 0:o.reduce((s,u)=>{let{class:c,className:p,..._}=u;return Object.entries(_).every(V=>{let[g,m]=V;return Array.isArray(m)?m.includes({...i,...l}[g]):{...i,...l}[g]===m})?[...s,c,p]:s},[]);return h(e,d,f,t?.class,t?.className)},W=I("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",entry:""},size:{default:"h-[34px] px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-[24px] w-[24px]",entry:"h-[30px] px-1.5 py-0 gap-1.5"}},defaultVariants:{variant:"default",size:"default"}}),C=a.forwardRef(({className:e,variant:n,size:t,asChild:o=!1,...r},i)=>{const d=o?O:"button";return v.jsx(d,{className:N(W({variant:n,size:t,className:e})),ref:i,...r})});C.displayName="Button";C.__docgenInfo={description:"",methods:[],displayName:"Button",props:{asChild:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}},composes:["VariantProps"]};export{C as B};

package/storybook-static/assets/collapsible-TCbdh_v_.js

@@ -0,0 +1 @@
+import{r as n}from"./iframe-BNpZCkNl.js";import{u as O,c as T,P as g,b as S,a as D,e as M}from"./index-CXB_DHA8.js";import{u as $}from"./index-KJpiBtEb.js";import{u as L}from"./index-DvxqVOC1.js";import{j as c}from"./jsx-runtime-CpaO0gaJ.js";var f="Collapsible",[k]=T(f),[F,v]=k(f),j=n.forwardRef((e,a)=>{const{__scopeCollapsible:r,open:s,defaultOpen:t,disabled:l,onOpenChange:i,...C}=e,[p,d]=O({prop:s,defaultProp:t??!1,onChange:i,caller:f});return c.jsx(F,{scope:r,disabled:l,contentId:L(),open:p,onOpenToggle:n.useCallback(()=>d(b=>!b),[d]),children:c.jsx(g.div,{"data-state":R(p),"data-disabled":l?"":void 0,...C,ref:a})})});j.displayName=f;var w="CollapsibleTrigger",A=n.forwardRef((e,a)=>{const{__scopeCollapsible:r,...s}=e,t=v(w,r);return c.jsx(g.button,{type:"button","aria-controls":t.contentId,"aria-expanded":t.open||!1,"data-state":R(t.open),"data-disabled":t.disabled?"":void 0,disabled:t.disabled,...s,ref:a,onClick:D(e.onClick,t.onOpenToggle)})});A.displayName=w;var x="CollapsibleContent",I=n.forwardRef((e,a)=>{const{forceMount:r,...s}=e,t=v(x,e.__scopeCollapsible);return c.jsx(S,{present:r||t.open,children:({present:l})=>c.jsx(B,{...s,ref:a,present:l})})});I.displayName=x;var B=n.forwardRef((e,a)=>{const{__scopeCollapsible:r,present:s,children:t,...l}=e,i=v(x,r),[C,p]=n.useState(s),d=n.useRef(null),b=$(a,d),h=n.useRef(0),y=h.current,P=n.useRef(0),N=P.current,m=i.open||C,E=n.useRef(m),u=n.useRef(void 0);return n.useEffect(()=>{const o=requestAnimationFrame(()=>E.current=!1);return()=>cancelAnimationFrame(o)},[]),M(()=>{const o=d.current;if(o){u.current=u.current||{transitionDuration:o.style.transitionDuration,animationName:o.style.animationName},o.style.transitionDuration="0s",o.style.animationName="none";const _=o.getBoundingClientRect();h.current=_.height,P.current=_.width,E.current||(o.style.transitionDuration=u.current.transitionDuration,o.style.animationName=u.current.animationName),p(s)}},[i.open,s]),c.jsx(g.div,{"data-state":R(i.open),"data-disabled":i.disabled?"":void 0,id:i.contentId,hidden:!m,...l,ref:b,style:{"--radix-collapsible-content-height":y?`${y}px`:void 0,"--radix-collapsible-content-width":N?`${N}px`:void 0,...e.style},children:m&&t})});function R(e){return e?"open":"closed"}var G=j;const Q=G,U=A,V=I;export{Q as C,U as a,V as b};

package/storybook-static/assets/collapsible-txt-msg-DukRF1Ws.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{r as p}from"./iframe-BNpZCkNl.js";import{c as i}from"./utils-CXGjNK-X.js";import{t as d}from"./ui-B16ZxGB5.js";import{A as m,g as f}from"./bs-icons-CDeLTCWJ.js";const x=({title:n,content:o,icon:a,disableExpand:s,children:l,defaultOpen:c})=>{const[r,t]=p.useState(c);return e.jsxs("div",{className:"bg-[#fafafa] border border-[#e0e0e0] border-solid flex flex-col gap-2.5 p-2.5 rounded-lg w-full",children:[e.jsxs("div",{className:i("flex items-center justify-between w-full",{"cursor-pointer":!s}),onClick:()=>{s||t(!r)},children:[e.jsxs("div",{className:"flex gap-2.5 items-center",children:[e.jsx("div",{className:"w-4 h-4 shrink-0 flex items-center",children:a||e.jsx(m,{})}),e.jsx("p",{className:"text-[#666] text-[14px] leading-normal",children:n})]}),e.jsx("button",{onClick:()=>{s||t(!r)},className:i("flex items-center justify-center w-5 h-5 rounded-[4px] cursor-pointer hover:bg-[#EFF0F6]",d,{"pointer-events-none opacity-0":s}),children:e.jsx(f,{isOpen:r})})]}),r&&!s&&e.jsx("div",{className:"text-[#121111] text-[14px] word-wrap",children:o||l})]})};x.__docgenInfo={description:"",methods:[],displayName:"CollapsibleTxtMsg",props:{title:{required:!0,tsType:{name:"string"},description:""},content:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},defaultOpen:{required:!1,tsType:{name:"boolean"},description:""},children:{required:!1,tsType:{name:"ReactNode"},description:""},disableExpand:{required:!1,tsType:{name:"boolean"},description:""}}};export{x as C};

package/storybook-static/assets/collapsible.stories-DmrXoEsa.js

@@ -0,0 +1,25 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{C as l,a,b as n}from"./collapsible-TCbdh_v_.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";import"./index-CXB_DHA8.js";import"./index-B-T-IyWu.js";import"./index-KJpiBtEb.js";import"./index-DvxqVOC1.js";const g={title:"Example/Chat/Collapsible",component:l,tags:["autodocs"],parameters:{layout:"centered"}},r={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(a,{className:"px-4 py-2 bg-[#EFF0F6] rounded cursor-pointer",children:"点击展开/收起"}),e.jsxs(n,{className:"px-4 py-2",children:[e.jsx("p",{children:"这是可折叠的内容区域。"}),e.jsx("p",{children:"可以放置任意内容。"})]})]})}},s={args:{defaultOpen:!0,children:e.jsxs(e.Fragment,{children:[e.jsx(a,{className:"px-4 py-2 bg-[#EFF0F6] rounded cursor-pointer",children:"默认展开状态"}),e.jsx(n,{className:"px-4 py-2",children:e.jsx("p",{children:"默认展开的内容。"})})]})}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <>
+        <CollapsibleTrigger className="px-4 py-2 bg-[#EFF0F6] rounded cursor-pointer">
+          点击展开/收起
+        </CollapsibleTrigger>
+        <CollapsibleContent className="px-4 py-2">
+          <p>这是可折叠的内容区域。</p>
+          <p>可以放置任意内容。</p>
+        </CollapsibleContent>
+      </>
+  }
+}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    defaultOpen: true,
+    children: <>
+        <CollapsibleTrigger className="px-4 py-2 bg-[#EFF0F6] rounded cursor-pointer">
+          默认展开状态
+        </CollapsibleTrigger>
+        <CollapsibleContent className="px-4 py-2">
+          <p>默认展开的内容。</p>
+        </CollapsibleContent>
+      </>
+  }
+}`,...s.parameters?.docs?.source}}};const x=["Default","DefaultOpen"];export{r as Default,s as DefaultOpen,x as __namedExportsOrder,g as default};

package/storybook-static/assets/confirm-dialog-BO5s3AJb.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{r as i}from"./iframe-BNpZCkNl.js";import{R as C,P as D,C as f,T as x,D as g,O as h}from"./index-CY6zduIX.js";import{c as o}from"./utils-CXGjNK-X.js";import{Q as q}from"./bs-icons-CDeLTCWJ.js";import{B as I}from"./base-button-BGn3Fo0B.js";const R=C,V=D,l=i.forwardRef(({className:a,position:t="fixed",...s},n)=>e.jsx(h,{ref:n,className:o("inset-0 z-50 bg-black/30 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t==="absolute"?"absolute":"fixed",a),...s}));l.displayName=h.displayName;const d=i.forwardRef(({className:a,children:t,container:s,...n},r)=>e.jsxs(V,{container:s,children:[e.jsx(l,{position:s?"absolute":"fixed"}),e.jsx(f,{style:{padding:0},ref:r,className:o("left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg",s?"absolute":"fixed",a),...n,children:t})]}));d.displayName=f.displayName;const c=({className:a,...t})=>e.jsx("div",{className:o("flex flex-col space-y-1.5 text-center sm:text-left",a),...t});c.displayName="DialogHeader";const p=({className:a,...t})=>e.jsx("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",a),...t});p.displayName="DialogFooter";const m=i.forwardRef(({className:a,...t},s)=>e.jsx(x,{ref:s,className:o("text-lg font-semibold leading-none tracking-tight",a),...t}));m.displayName=x.displayName;const u=i.forwardRef(({className:a,...t},s)=>e.jsx(g,{ref:s,className:o("text-sm text-muted-foreground",a),...t}));u.displayName=g.displayName;l.__docgenInfo={description:"",methods:[],props:{position:{required:!1,tsType:{name:"union",raw:"'fixed' | 'absolute'",elements:[{name:"literal",value:"'fixed'"},{name:"literal",value:"'absolute'"}]},description:"",defaultValue:{value:"'fixed'",computed:!1}}}};d.__docgenInfo={description:"",methods:[],props:{container:{required:!1,tsType:{name:"HTMLElement"},description:""}}};c.__docgenInfo={description:"",methods:[],displayName:"DialogHeader"};p.__docgenInfo={description:"",methods:[],displayName:"DialogFooter"};m.__docgenInfo={description:"",methods:[]};u.__docgenInfo={description:"",methods:[]};function z({open:a,onOpenChange:t,title:s,description:n,linkText:r="留在此页",onLinkClick:b,cancelText:y="不保存",onCancel:N,confirmText:v="保存并继续",onConfirm:w,container:j,showLink:T=!0,showCancel:k=!0}){const _={borderRadius:4,padding:"6px 20px"};return e.jsx(R,{open:a,onOpenChange:t,children:e.jsxs(d,{container:j,className:o("w-[480px] max-w-[480px] p-0 gap-0 rounded-[10px] border-none","shadow-[0px_0px_10px_0px_rgba(0,0,0,0.04)]","[&>button]:hidden"),children:[e.jsxs(c,{className:"flex flex-row items-start gap-[10px] p-9 pb-0",children:[e.jsx("div",{className:"size-[30px] shrink-0 text-[#0265FF]",children:e.jsx(q,{})}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(m,{className:"text-[16px] font-[700] text-[#030303] leading-normal",children:s}),n&&e.jsx(u,{className:"text-[14px] text-[#666] leading-normal",children:n})]})]}),e.jsxs(p,{className:"flex flex-row items-center !justify-between p-9 pt-6",children:[T?e.jsx("button",{type:"button",className:"text-[14px] text-[#0265ff] hover:text-[#0265ff]/80 bg-transparent border-none cursor-pointer",onClick:b||(()=>{console.log("Link clicked"),t?.(!1)}),children:r}):e.jsx("div",{}),e.jsxs("div",{className:"flex items-center gap-3",children:[k&&e.jsx(I,{className:"hover:text-[#121111]",onClick:N,children:y}),e.jsx("button",{type:"button",onClick:w,style:_,className:o("text-[14px] text-white bg-[#0265ff]","hover:bg-[#0265ff]/80 cursor-pointer border-none"),children:v})]})]})]})})}z.__docgenInfo={description:"",methods:[],displayName:"ConfirmDialog",props:{open:{required:!1,tsType:{name:"boolean"},description:""},onOpenChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(open: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"open"}],return:{name:"void"}}},description:""},title:{required:!0,tsType:{name:"string"},description:""},description:{required:!1,tsType:{name:"string"},description:""},linkText:{required:!1,tsType:{name:"string"},description:"Text for the left link button",defaultValue:{value:"'留在此页'",computed:!1}},onLinkClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Callback when link button is clicked"},cancelText:{required:!1,tsType:{name:"string"},description:"Text for the cancel button",defaultValue:{value:"'不保存'",computed:!1}},onCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Callback when cancel button is clicked"},confirmText:{required:!1,tsType:{name:"string"},description:"Text for the confirm button",defaultValue:{value:"'保存并继续'",computed:!1}},onConfirm:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Callback when confirm button is clicked"},showLink:{required:!1,tsType:{name:"boolean"},description:"Whether to show the link button",defaultValue:{value:"true",computed:!1}},showCancel:{required:!1,tsType:{name:"boolean"},description:"Whether to show the cancel button",defaultValue:{value:"true",computed:!1}},container:{required:!1,tsType:{name:"HTMLElement"},description:"Container element for the dialog portal"}}};export{z as C};

package/storybook-static/assets/createLucideIcon-CkLwfbD4.js

@@ -0,0 +1,21 @@
+import{r as s}from"./iframe-BNpZCkNl.js";/**
+ * @license lucide-react v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const C=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),w=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,o)=>o?o.toUpperCase():r.toLowerCase()),i=t=>{const e=w(t);return e.charAt(0).toUpperCase()+e.slice(1)},l=(...t)=>t.filter((e,r,o)=>!!e&&e.trim()!==""&&o.indexOf(e)===r).join(" ").trim(),f=t=>{for(const e in t)if(e.startsWith("aria-")||e==="role"||e==="title")return!0};/**
+ * @license lucide-react v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var h={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @license lucide-react v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const g=s.forwardRef(({color:t="currentColor",size:e=24,strokeWidth:r=2,absoluteStrokeWidth:o,className:n="",children:a,iconNode:u,...c},p)=>s.createElement("svg",{ref:p,...h,width:e,height:e,stroke:t,strokeWidth:o?Number(r)*24/Number(e):r,className:l("lucide",n),...!a&&!f(c)&&{"aria-hidden":"true"},...c},[...u.map(([m,d])=>s.createElement(m,d)),...Array.isArray(a)?a:[a]]));/**
+ * @license lucide-react v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const b=(t,e)=>{const r=s.forwardRef(({className:o,...n},a)=>s.createElement(g,{ref:a,iconNode:e,className:l(`lucide-${C(i(t))}`,`lucide-${t}`,o),...n}));return r.displayName=i(t),r};export{b as c};

package/storybook-static/assets/drawer.stories-BdM7Wbzl.js

@@ -0,0 +1,123 @@
+import{j as r}from"./jsx-runtime-CpaO0gaJ.js";import{a,r as Z}from"./iframe-BNpZCkNl.js";import{R as It,a as Mt,T as Pt,b as Ht,C as kt,P as Ft,O as Lt}from"./index-CY6zduIX.js";import{c as ae}from"./utils-CXGjNK-X.js";import{c as Ut}from"./createLucideIcon-CkLwfbD4.js";import{B as V}from"./button-Cyp2OfiJ.js";import"./preload-helper-CmsKOCeN.js";import"./index-CXB_DHA8.js";import"./index-B-T-IyWu.js";import"./index-KJpiBtEb.js";import"./index-DvxqVOC1.js";import"./index-DFx_ePTl.js";import"./Combination-CZ7kzc03.js";/**
+ * @license lucide-react v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Wt=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],zt=Ut("x",Wt);function Vt(e){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css",n.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}const lt=a.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),he=()=>{const e=a.useContext(lt);if(!e)throw new Error("useDrawerContext must be used within a Drawer.Root");return e};Vt(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
+[data-state=closed]
+){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);function Xt(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function Yt(){return Ve(/^Mac/)}function qt(){return Ve(/^iPhone/)}function at(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function Kt(){return Ve(/^iPad/)||Yt()&&navigator.maxTouchPoints>1}function ut(){return qt()||Kt()}function Ve(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const Gt=24,Jt=typeof window<"u"?Z.useLayoutEffect:Z.useEffect;function ot(...e){return(...n)=>{for(let t of e)typeof t=="function"&&t(...n)}}const ke=typeof document<"u"&&window.visualViewport;function it(e){let n=window.getComputedStyle(e);return/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY)}function dt(e){for(it(e)&&(e=e.parentElement);e&&!it(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const Qt=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let De=0,Fe;function Zt(e={}){let{isDisabled:n}=e;Jt(()=>{if(!n)return De++,De===1&&ut()&&(Fe=en()),()=>{De--,De===0&&Fe?.()}},[n])}function en(){let e,n=0,t=m=>{e=dt(m.target),!(e===document.documentElement&&e===document.body)&&(n=m.changedTouches[0].pageY)},o=m=>{if(!e||e===document.documentElement||e===document.body){m.preventDefault();return}let p=m.changedTouches[0].pageY,F=e.scrollTop,H=e.scrollHeight-e.clientHeight;H!==0&&((F<=0&&p>n||F>=H&&p<n)&&m.preventDefault(),n=p)},s=m=>{let p=m.target;We(p)&&p!==document.activeElement&&(m.preventDefault(),p.style.transform="translateY(-2000px)",p.focus(),requestAnimationFrame(()=>{p.style.transform=""}))},i=m=>{let p=m.target;We(p)&&(p.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{p.style.transform="",ke&&(ke.height<window.innerHeight?requestAnimationFrame(()=>{st(p)}):ke.addEventListener("resize",()=>st(p),{once:!0}))}))},x=()=>{window.scrollTo(0,0)},w=window.pageXOffset,E=window.pageYOffset,T=ot(tn(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let g=ot(me(document,"touchstart",t,{passive:!1,capture:!0}),me(document,"touchmove",o,{passive:!1,capture:!0}),me(document,"touchend",s,{passive:!1,capture:!0}),me(document,"focus",i,!0),me(window,"scroll",x));return()=>{T(),g(),window.scrollTo(w,E)}}function tn(e,n,t){let o=e.style[n];return e.style[n]=t,()=>{e.style[n]=o}}function me(e,n,t,o){return e.addEventListener(n,t,o),()=>{e.removeEventListener(n,t,o)}}function st(e){let n=document.scrollingElement||document.documentElement;for(;e&&e!==n;){let t=dt(e);if(t!==document.documentElement&&t!==document.body&&t!==e){let o=t.getBoundingClientRect().top,s=e.getBoundingClientRect().top,i=e.getBoundingClientRect().bottom;const x=t.getBoundingClientRect().bottom+Gt;i>x&&(t.scrollTop+=s-o)}e=t.parentElement}}function We(e){return e instanceof HTMLInputElement&&!Qt.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function nn(e,n){typeof e=="function"?e(n):e!=null&&(e.current=n)}function rn(...e){return n=>e.forEach(t=>nn(t,n))}function ct(...e){return Z.useCallback(rn(...e),e)}const ft=new WeakMap;function O(e,n,t=!1){if(!e||!(e instanceof HTMLElement))return;let o={};Object.entries(n).forEach(([s,i])=>{if(s.startsWith("--")){e.style.setProperty(s,i);return}o[s]=e.style[s],e.style[s]=i}),!t&&ft.set(e,o)}function an(e,n){if(!e||!(e instanceof HTMLElement))return;let t=ft.get(e);t&&(e.style[n]=t[n])}const j=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function Ee(e,n){if(!e)return null;const t=window.getComputedStyle(e),o=t.transform||t.webkitTransform||t.mozTransform;let s=o.match(/^matrix3d\((.+)\)$/);return s?parseFloat(s[1].split(", ")[j(n)?13:12]):(s=o.match(/^matrix\((.+)\)$/),s?parseFloat(s[1].split(", ")[j(n)?5:4]):null)}function on(e){return 8*(Math.log(e+1)-2)}function Le(e,n){if(!e)return()=>{};const t=e.style.cssText;return Object.assign(e.style,n),()=>{e.style.cssText=t}}function sn(...e){return(...n)=>{for(const t of e)typeof t=="function"&&t(...n)}}const C={DURATION:.5,EASE:[.32,.72,0,1]},mt=.4,ln=.25,un=100,pt=8,re=16,ze=26,Ue="vaul-dragging";function ht(e){const n=a.useRef(e);return a.useEffect(()=>{n.current=e}),a.useMemo(()=>(...t)=>n.current==null?void 0:n.current.call(n,...t),[])}function dn({defaultProp:e,onChange:n}){const t=a.useState(e),[o]=t,s=a.useRef(o),i=ht(n);return a.useEffect(()=>{s.current!==o&&(i(o),s.current=o)},[o,s,i]),t}function wt({prop:e,defaultProp:n,onChange:t=()=>{}}){const[o,s]=dn({defaultProp:n,onChange:t}),i=e!==void 0,x=i?e:o,w=ht(t),E=a.useCallback(T=>{if(i){const m=typeof T=="function"?T(e):T;m!==e&&w(m)}else s(T)},[i,e,s,w]);return[x,E]}function cn({activeSnapPointProp:e,setActiveSnapPointProp:n,snapPoints:t,drawerRef:o,overlayRef:s,fadeFromIndex:i,onSnapPointChange:x,direction:w="bottom",container:E,snapToSequentialPoint:T}){const[g,m]=wt({prop:e,defaultProp:t?.[0],onChange:n}),[p,F]=a.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);a.useEffect(()=>{function d(){F({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[]);const H=a.useMemo(()=>g===t?.[t.length-1]||null,[t,g]),N=a.useMemo(()=>{var d;return(d=t?.findIndex(y=>y===g))!=null?d:null},[t,g]),L=t&&t.length>0&&(i||i===0)&&!Number.isNaN(i)&&t[i]===g||!t,h=a.useMemo(()=>{const d=E?{width:E.getBoundingClientRect().width,height:E.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var y;return(y=t?.map(b=>{const I=typeof b=="string";let $=0;if(I&&($=parseInt(b,10)),j(w)){const u=I?$:p?b*d.height:0;return p?w==="bottom"?d.height-u:-d.height+u:u}const W=I?$:p?b*d.width:0;return p?w==="right"?d.width-W:-d.width+W:W}))!=null?y:[]},[t,p,E]),_=a.useMemo(()=>N!==null?h?.[N]:null,[h,N]),B=a.useCallback(d=>{var y;const b=(y=h?.findIndex(I=>I===d))!=null?y:null;x(b),O(o.current,{transition:`transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,transform:j(w)?`translate3d(0, ${d}px, 0)`:`translate3d(${d}px, 0, 0)`}),h&&b!==h.length-1&&i!==void 0&&b!==i&&b<i?O(s.current,{transition:`opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,opacity:"0"}):O(s.current,{transition:`opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,opacity:"1"}),m(t?.[Math.max(b,0)])},[o.current,t,h,i,s,m]);a.useEffect(()=>{if(g||e){var d;const y=(d=t?.findIndex(b=>b===e||b===g))!=null?d:-1;h&&y!==-1&&typeof h[y]=="number"&&B(h[y])}},[g,e,t,h,B]);function c({draggedDistance:d,closeDrawer:y,velocity:b,dismissible:I}){if(i===void 0)return;const $=w==="bottom"||w==="right"?(_??0)-d:(_??0)+d,W=N===i-1,u=N===0,U=d>0;if(W&&O(s.current,{transition:`opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`}),!T&&b>2&&!U){I?y():B(h[0]);return}if(!T&&b>2&&U&&h&&t){B(h[t.length-1]);return}const M=h?.reduce((A,K)=>typeof A!="number"||typeof K!="number"?A:Math.abs(K-$)<Math.abs(A-$)?K:A),z=j(w)?window.innerHeight:window.innerWidth;if(b>mt&&Math.abs(d)<z*.4){const A=U?1:-1;if(A>0&&H&&t){B(h[t.length-1]);return}if(u&&A<0&&I&&y(),N===null)return;B(h[N+A]);return}B(M)}function Y({draggedDistance:d}){if(_===null)return;const y=w==="bottom"||w==="right"?_-d:_+d;(w==="bottom"||w==="right")&&y<h[h.length-1]||(w==="top"||w==="left")&&y>h[h.length-1]||O(o.current,{transform:j(w)?`translate3d(0, ${y}px, 0)`:`translate3d(${y}px, 0, 0)`})}function te(d,y){if(!t||typeof N!="number"||!h||i===void 0)return null;const b=N===i-1;if(N>=i&&y)return 0;if(b&&!y)return 1;if(!L&&!b)return null;const $=b?N+1:N-1,W=b?h[$]-h[$-1]:h[$+1]-h[$],u=d/Math.abs(W);return b?1-u:u}return{isLastSnapPoint:H,activeSnapPoint:g,shouldFade:L,getPercentageDragged:te,setActiveSnapPoint:m,activeSnapPointIndex:N,onRelease:c,onDrag:Y,snapPointsOffset:h}}const fn=()=>()=>{};function mn(){const{direction:e,isOpen:n,shouldScaleBackground:t,setBackgroundColorOnScale:o,noBodyStyles:s}=he(),i=a.useRef(null),x=Z.useMemo(()=>document.body.style.backgroundColor,[]);function w(){return(window.innerWidth-ze)/window.innerWidth}a.useEffect(()=>{if(n&&t){i.current&&clearTimeout(i.current);const E=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!E)return;sn(o&&!s?Le(document.body,{background:"black"}):fn,Le(E,{transformOrigin:j(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${C.DURATION}s`,transitionTimingFunction:`cubic-bezier(${C.EASE.join(",")})`}));const T=Le(E,{borderRadius:`${pt}px`,overflow:"hidden",...j(e)?{transform:`scale(${w()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${w()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{T(),i.current=window.setTimeout(()=>{x?document.body.style.background=x:document.body.style.removeProperty("background")},C.DURATION*1e3)}}},[n,t,x])}let pe=null;function pn({isOpen:e,modal:n,nested:t,hasBeenOpened:o,preventScrollRestoration:s,noBodyStyles:i}){const[x,w]=a.useState(()=>typeof window<"u"?window.location.href:""),E=a.useRef(0),T=a.useCallback(()=>{if(at()&&pe===null&&e&&!i){pe={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:m,innerHeight:p}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-E.current}px`,left:`${-m}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const F=p-window.innerHeight;F&&E.current>=p&&(document.body.style.top=`${-(E.current+F)}px`)}),300)}},[e]),g=a.useCallback(()=>{if(at()&&pe!==null&&!i){const m=-parseInt(document.body.style.top,10),p=-parseInt(document.body.style.left,10);Object.assign(document.body.style,pe),window.requestAnimationFrame(()=>{if(s&&x!==window.location.href){w(window.location.href);return}window.scrollTo(p,m)}),pe=null}},[x]);return a.useEffect(()=>{function m(){E.current=window.scrollY}return m(),window.addEventListener("scroll",m),()=>{window.removeEventListener("scroll",m)}},[]),a.useEffect(()=>{if(n)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||g()}},[n,g]),a.useEffect(()=>{t||!o||(e?(!window.matchMedia("(display-mode: standalone)").matches&&T(),n||window.setTimeout(()=>{g()},500)):g())},[e,o,x,n,t,T,g]),{restorePositionSetting:g}}function hn({open:e,onOpenChange:n,children:t,onDrag:o,onRelease:s,snapPoints:i,shouldScaleBackground:x=!1,setBackgroundColorOnScale:w=!0,closeThreshold:E=ln,scrollLockTimeout:T=un,dismissible:g=!0,handleOnly:m=!1,fadeFromIndex:p=i&&i.length-1,activeSnapPoint:F,setActiveSnapPoint:H,fixed:N,modal:L=!0,onClose:h,nested:_,noBodyStyles:B=!1,direction:c="bottom",defaultOpen:Y=!1,disablePreventScroll:te=!0,snapToSequentialPoint:d=!1,preventScrollRestoration:y=!1,repositionInputs:b=!0,onAnimationEnd:I,container:$,autoFocus:W=!1}){var u,U;const[M=!1,z]=wt({defaultProp:Y,prop:e,onChange:l=>{n?.(l),!l&&!_&&Ct(),setTimeout(()=>{I?.(l)},C.DURATION*1e3),l&&!L&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),l||(document.body.style.pointerEvents="auto")}}),[A,K]=a.useState(!1),[G,le]=a.useState(!1),[yt,qe]=a.useState(!1),oe=a.useRef(null),xe=a.useRef(null),Ae=a.useRef(null),Ie=a.useRef(null),ue=a.useRef(null),de=a.useRef(!1),Me=a.useRef(null),Pe=a.useRef(0),ie=a.useRef(!1),Ke=a.useRef(!Y),Ge=a.useRef(0),f=a.useRef(null),Je=a.useRef(((u=f.current)==null?void 0:u.getBoundingClientRect().height)||0),Qe=a.useRef(((U=f.current)==null?void 0:U.getBoundingClientRect().width)||0),He=a.useRef(0),Dt=a.useCallback(l=>{i&&l===ce.length-1&&(xe.current=new Date)},[]),{activeSnapPoint:Et,activeSnapPointIndex:se,setActiveSnapPoint:Ze,onRelease:St,snapPointsOffset:ce,onDrag:Tt,shouldFade:et,getPercentageDragged:Nt}=cn({snapPoints:i,activeSnapPointProp:F,setActiveSnapPointProp:H,drawerRef:f,fadeFromIndex:p,overlayRef:oe,onSnapPointChange:Dt,direction:c,container:$,snapToSequentialPoint:d});Zt({isDisabled:!M||G||!L||yt||!A||!b||!te});const{restorePositionSetting:Ct}=pn({isOpen:M,modal:L,nested:_??!1,hasBeenOpened:A,preventScrollRestoration:y,noBodyStyles:B});function be(){return(window.innerWidth-ze)/window.innerWidth}function Rt(l){var D,S;!g&&!i||f.current&&!f.current.contains(l.target)||(Je.current=((D=f.current)==null?void 0:D.getBoundingClientRect().height)||0,Qe.current=((S=f.current)==null?void 0:S.getBoundingClientRect().width)||0,le(!0),Ae.current=new Date,ut()&&window.addEventListener("touchend",()=>de.current=!1,{once:!0}),l.target.setPointerCapture(l.pointerId),Pe.current=j(c)?l.pageY:l.pageX)}function tt(l,D){var S;let v=l;const R=(S=window.getSelection())==null?void 0:S.toString(),k=f.current?Ee(f.current,c):null,P=new Date;if(v.tagName==="SELECT"||v.hasAttribute("data-vaul-no-drag")||v.closest("[data-vaul-no-drag]"))return!1;if(c==="right"||c==="left")return!0;if(xe.current&&P.getTime()-xe.current.getTime()<500)return!1;if(k!==null&&(c==="bottom"?k>0:k<0))return!0;if(R&&R.length>0)return!1;if(ue.current&&P.getTime()-ue.current.getTime()<T&&k===0||D)return ue.current=P,!1;for(;v;){if(v.scrollHeight>v.clientHeight){if(v.scrollTop!==0)return ue.current=new Date,!1;if(v.getAttribute("role")==="dialog")return!0}v=v.parentNode}return!0}function jt(l){if(f.current&&G){const D=c==="bottom"||c==="right"?1:-1,S=(Pe.current-(j(c)?l.pageY:l.pageX))*D,v=S>0,R=i&&!g&&!v;if(R&&se===0)return;const k=Math.abs(S),P=document.querySelector("[data-vaul-drawer-wrapper]"),J=c==="bottom"||c==="top"?Je.current:Qe.current;let X=k/J;const ne=Nt(k,v);if(ne!==null&&(X=ne),R&&X>=1||!de.current&&!tt(l.target,v))return;if(f.current.classList.add(Ue),de.current=!0,O(f.current,{transition:"none"}),O(oe.current,{transition:"none"}),i&&Tt({draggedDistance:S}),v&&!i){const q=on(S),ye=Math.min(q*-1,0)*D;O(f.current,{transform:j(c)?`translate3d(0, ${ye}px, 0)`:`translate3d(${ye}px, 0, 0)`});return}const Q=1-X;if((et||p&&se===p-1)&&(o?.(l,X),O(oe.current,{opacity:`${Q}`,transition:"none"},!0)),P&&oe.current&&x){const q=Math.min(be()+X*(1-be()),1),ye=8-X*8,rt=Math.max(0,14-X*14);O(P,{borderRadius:`${ye}px`,transform:j(c)?`scale(${q}) translate3d(0, ${rt}px, 0)`:`scale(${q}) translate3d(${rt}px, 0, 0)`,transition:"none"},!0)}if(!i){const q=k*D;O(f.current,{transform:j(c)?`translate3d(0, ${q}px, 0)`:`translate3d(${q}px, 0, 0)`})}}}a.useEffect(()=>{window.requestAnimationFrame(()=>{Ke.current=!0})},[]),a.useEffect(()=>{var l;function D(){if(!f.current||!b)return;const S=document.activeElement;if(We(S)||ie.current){var v;const R=((v=window.visualViewport)==null?void 0:v.height)||0,k=window.innerHeight;let P=k-R;const J=f.current.getBoundingClientRect().height||0,X=J>k*.8;He.current||(He.current=J);const ne=f.current.getBoundingClientRect().top;if(Math.abs(Ge.current-P)>60&&(ie.current=!ie.current),i&&i.length>0&&ce&&se){const Q=ce[se]||0;P+=Q}if(Ge.current=P,J>R||ie.current){const Q=f.current.getBoundingClientRect().height;let q=Q;Q>R&&(q=R-(X?ne:ze)),N?f.current.style.height=`${Q-Math.max(P,0)}px`:f.current.style.height=`${Math.max(q,R-ne)}px`}else Xt()||(f.current.style.height=`${He.current}px`);i&&i.length>0&&!ie.current?f.current.style.bottom="0px":f.current.style.bottom=`${Math.max(P,0)}px`}}return(l=window.visualViewport)==null||l.addEventListener("resize",D),()=>{var S;return(S=window.visualViewport)==null?void 0:S.removeEventListener("resize",D)}},[se,i,ce]);function fe(l){Ot(),h?.(),l||z(!1),setTimeout(()=>{i&&Ze(i[0])},C.DURATION*1e3)}function nt(){if(!f.current)return;const l=document.querySelector("[data-vaul-drawer-wrapper]"),D=Ee(f.current,c);O(f.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`}),O(oe.current,{transition:`opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,opacity:"1"}),x&&D&&D>0&&M&&O(l,{borderRadius:`${pt}px`,overflow:"hidden",...j(c)?{transform:`scale(${be()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${be()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${C.DURATION}s`,transitionTimingFunction:`cubic-bezier(${C.EASE.join(",")})`},!0)}function Ot(){!G||!f.current||(f.current.classList.remove(Ue),de.current=!1,le(!1),Ie.current=new Date)}function Bt(l){if(!G||!f.current)return;f.current.classList.remove(Ue),de.current=!1,le(!1),Ie.current=new Date;const D=Ee(f.current,c);if(!l||!tt(l.target,!1)||!D||Number.isNaN(D)||Ae.current===null)return;const S=Ie.current.getTime()-Ae.current.getTime(),v=Pe.current-(j(c)?l.pageY:l.pageX),R=Math.abs(v)/S;if(R>.05&&(qe(!0),setTimeout(()=>{qe(!1)},200)),i){St({draggedDistance:v*(c==="bottom"||c==="right"?1:-1),closeDrawer:fe,velocity:R,dismissible:g}),s?.(l,!0);return}if(c==="bottom"||c==="right"?v>0:v<0){nt(),s?.(l,!0);return}if(R>mt){fe(),s?.(l,!1);return}var k;const P=Math.min((k=f.current.getBoundingClientRect().height)!=null?k:0,window.innerHeight);var J;const X=Math.min((J=f.current.getBoundingClientRect().width)!=null?J:0,window.innerWidth),ne=c==="left"||c==="right";if(Math.abs(D)>=(ne?X:P)*E){fe(),s?.(l,!1);return}s?.(l,!0),nt()}a.useEffect(()=>(M&&(O(document.documentElement,{scrollBehavior:"auto"}),xe.current=new Date),()=>{an(document.documentElement,"scrollBehavior")}),[M]);function _t(l){const D=l?(window.innerWidth-re)/window.innerWidth:1,S=l?-re:0;Me.current&&window.clearTimeout(Me.current),O(f.current,{transition:`transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,transform:j(c)?`scale(${D}) translate3d(0, ${S}px, 0)`:`scale(${D}) translate3d(${S}px, 0, 0)`}),!l&&f.current&&(Me.current=setTimeout(()=>{const v=Ee(f.current,c);O(f.current,{transition:"none",transform:j(c)?`translate3d(0, ${v}px, 0)`:`translate3d(${v}px, 0, 0)`})},500))}function $t(l,D){if(D<0)return;const S=(window.innerWidth-re)/window.innerWidth,v=S+D*(1-S),R=-re+D*re;O(f.current,{transform:j(c)?`scale(${v}) translate3d(0, ${R}px, 0)`:`scale(${v}) translate3d(${R}px, 0, 0)`,transition:"none"})}function At(l,D){const S=j(c)?window.innerHeight:window.innerWidth,v=D?(S-re)/S:1,R=D?-re:0;D&&O(f.current,{transition:`transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,transform:j(c)?`scale(${v}) translate3d(0, ${R}px, 0)`:`scale(${v}) translate3d(${R}px, 0, 0)`})}return a.useEffect(()=>{L||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[L]),a.createElement(It,{defaultOpen:Y,onOpenChange:l=>{!g&&!l||(l?K(!0):fe(!0),z(l))},open:M},a.createElement(lt.Provider,{value:{activeSnapPoint:Et,snapPoints:i,setActiveSnapPoint:Ze,drawerRef:f,overlayRef:oe,onOpenChange:n,onPress:Rt,onRelease:Bt,onDrag:jt,dismissible:g,shouldAnimate:Ke,handleOnly:m,isOpen:M,isDragging:G,shouldFade:et,closeDrawer:fe,onNestedDrag:$t,onNestedOpenChange:_t,onNestedRelease:At,keyboardIsOpen:ie,modal:L,snapPointsOffset:ce,activeSnapPointIndex:se,direction:c,shouldScaleBackground:x,setBackgroundColorOnScale:w,noBodyStyles:B,container:$,autoFocus:W}},t))}const gt=a.forwardRef(function({...e},n){const{overlayRef:t,snapPoints:o,onRelease:s,shouldFade:i,isOpen:x,modal:w,shouldAnimate:E}=he(),T=ct(n,t),g=o&&o.length>0;if(!w)return null;const m=a.useCallback(p=>s(p),[s]);return a.createElement(Lt,{onMouseUp:m,ref:T,"data-vaul-overlay":"","data-vaul-snap-points":x&&g?"true":"false","data-vaul-snap-points-overlay":x&&i?"true":"false","data-vaul-animate":E?.current?"true":"false",...e})});gt.displayName="Drawer.Overlay";const vt=a.forwardRef(function({onPointerDownOutside:e,style:n,onOpenAutoFocus:t,...o},s){const{drawerRef:i,onPress:x,onRelease:w,onDrag:E,keyboardIsOpen:T,snapPointsOffset:g,activeSnapPointIndex:m,modal:p,isOpen:F,direction:H,snapPoints:N,container:L,handleOnly:h,shouldAnimate:_,autoFocus:B}=he(),[c,Y]=a.useState(!1),te=ct(s,i),d=a.useRef(null),y=a.useRef(null),b=a.useRef(!1),I=N&&N.length>0;mn();const $=(u,U,M=0)=>{if(b.current)return!0;const z=Math.abs(u.y),A=Math.abs(u.x),K=A>z,G=["bottom","right"].includes(U)?1:-1;if(U==="left"||U==="right"){if(!(u.x*G<0)&&A>=0&&A<=M)return K}else if(!(u.y*G<0)&&z>=0&&z<=M)return!K;return b.current=!0,!0};a.useEffect(()=>{I&&window.requestAnimationFrame(()=>{Y(!0)})},[]);function W(u){d.current=null,b.current=!1,w(u)}return a.createElement(kt,{"data-vaul-drawer-direction":H,"data-vaul-drawer":"","data-vaul-delayed-snap-points":c?"true":"false","data-vaul-snap-points":F&&I?"true":"false","data-vaul-custom-container":L?"true":"false","data-vaul-animate":_?.current?"true":"false",...o,ref:te,style:g&&g.length>0?{"--snap-point-height":`${g[m??0]}px`,...n}:n,onPointerDown:u=>{h||(o.onPointerDown==null||o.onPointerDown.call(o,u),d.current={x:u.pageX,y:u.pageY},x(u))},onOpenAutoFocus:u=>{t?.(u),B||u.preventDefault()},onPointerDownOutside:u=>{if(e?.(u),!p||u.defaultPrevented){u.preventDefault();return}T.current&&(T.current=!1)},onFocusOutside:u=>{if(!p){u.preventDefault();return}},onPointerMove:u=>{if(y.current=u,h||(o.onPointerMove==null||o.onPointerMove.call(o,u),!d.current))return;const U=u.pageY-d.current.y,M=u.pageX-d.current.x,z=u.pointerType==="touch"?10:2;$({x:M,y:U},H,z)?E(u):(Math.abs(M)>z||Math.abs(U)>z)&&(d.current=null)},onPointerUp:u=>{o.onPointerUp==null||o.onPointerUp.call(o,u),d.current=null,b.current=!1,w(u)},onPointerOut:u=>{o.onPointerOut==null||o.onPointerOut.call(o,u),W(y.current)},onContextMenu:u=>{o.onContextMenu==null||o.onContextMenu.call(o,u),y.current&&W(y.current)}})});vt.displayName="Drawer.Content";const wn=250,gn=120,vn=a.forwardRef(function({preventCycle:e=!1,children:n,...t},o){const{closeDrawer:s,isDragging:i,snapPoints:x,activeSnapPoint:w,setActiveSnapPoint:E,dismissible:T,handleOnly:g,isOpen:m,onPress:p,onDrag:F}=he(),H=a.useRef(null),N=a.useRef(!1);function L(){if(N.current){B();return}window.setTimeout(()=>{h()},gn)}function h(){if(i||e||N.current){B();return}if(B(),!x||x.length===0){T||s();return}if(w===x[x.length-1]&&T){s();return}const Y=x.findIndex(d=>d===w);if(Y===-1)return;const te=x[Y+1];E(te)}function _(){H.current=window.setTimeout(()=>{N.current=!0},wn)}function B(){H.current&&window.clearTimeout(H.current),N.current=!1}return a.createElement("div",{onClick:L,onPointerCancel:B,onPointerDown:c=>{g&&p(c),_()},onPointerMove:c=>{g&&F(c)},ref:o,"data-vaul-drawer-visible":m?"true":"false","data-vaul-handle":"","aria-hidden":"true",...t},a.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},n))});vn.displayName="Drawer.Handle";function xn(e){const n=he(),{container:t=n.container,...o}=e;return a.createElement(Ft,{container:t,...o})}const ee={Root:hn,Content:vt,Overlay:gt,Trigger:Mt,Portal:xn,Close:Ht,Title:Pt};function we({...e}){return r.jsx(ee.Root,{"data-slot":"drawer",...e})}function je({...e}){return r.jsx(ee.Trigger,{"data-slot":"drawer-trigger",...e})}function xt({...e}){return r.jsx(ee.Portal,{"data-slot":"drawer-portal",...e})}function Xe({...e}){return r.jsx(ee.Close,{"data-slot":"drawer-close",...e})}function bt({className:e,...n}){return r.jsx(ee.Overlay,{"data-slot":"drawer-overlay",className:ae("fixed inset-0 z-50 bg-black/30 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",e),...n})}function Oe({className:e,children:n,...t}){return r.jsxs(xt,{"data-slot":"drawer-portal",children:[r.jsx(bt,{}),r.jsx(ee.Content,{"data-slot":"drawer-content",className:ae("group/drawer-content fixed z-50 flex h-auto flex-col bg-white shadow-xl","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[90vh] data-[vaul-drawer-direction=bottom]:rounded-t-[10px]","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-sm","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-sm",e),...t,children:n})]})}function Be({className:e,...n}){return r.jsx("div",{"data-slot":"drawer-header",className:ae("flex items-center justify-center relative h-[50px] shrink-0 border-b border-[#E0E0E0]",e),...n})}function _e({className:e,...n}){return r.jsx("div",{"data-slot":"drawer-body",className:ae("flex-1 overflow-y-auto",e),...n})}function ge({className:e,...n}){return r.jsx("div",{"data-slot":"drawer-footer",className:ae("flex items-center justify-center gap-4 h-[52px] shrink-0 border-t border-[#E0E0E0]",e),...n})}function $e({className:e,...n}){return r.jsx(ee.Title,{"data-slot":"drawer-title",className:ae("text-[18px] font-semibold text-black",e),...n})}const ve=Z.forwardRef(({className:e,...n},t)=>r.jsxs(ee.Close,{ref:t,className:ae("absolute right-3 top-1/2 -translate-y-1/2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",e),...n,children:[r.jsx(zt,{className:"h-4 w-4"}),r.jsx("span",{className:"sr-only",children:"Close"})]}));ve.displayName="DrawerCloseButton";we.__docgenInfo={description:"",methods:[],displayName:"Drawer"};xt.__docgenInfo={description:"",methods:[],displayName:"DrawerPortal"};bt.__docgenInfo={description:"",methods:[],displayName:"DrawerOverlay"};je.__docgenInfo={description:"",methods:[],displayName:"DrawerTrigger"};Xe.__docgenInfo={description:"",methods:[],displayName:"DrawerClose"};Oe.__docgenInfo={description:"",methods:[],displayName:"DrawerContent"};Be.__docgenInfo={description:"",methods:[],displayName:"DrawerHeader"};_e.__docgenInfo={description:"",methods:[],displayName:"DrawerBody"};ge.__docgenInfo={description:"",methods:[],displayName:"DrawerFooter"};$e.__docgenInfo={description:"",methods:[],displayName:"DrawerTitle"};ve.__docgenInfo={description:"",methods:[],displayName:"DrawerCloseButton"};const $n={title:"UI/Drawer",component:we,tags:["autodocs"],parameters:{layout:"centered"}},Ye=(e,n)=>{function t(){const[o,s]=Z.useState(!1);return r.jsxs(we,{open:o,onOpenChange:s,children:[r.jsx(je,{asChild:!0,children:r.jsx(V,{children:"打开抽屉"})}),r.jsxs(Oe,{children:[r.jsxs(Be,{children:[r.jsx($e,{children:"智能体设置"}),r.jsx(ve,{})]}),r.jsx(_e,{children:e}),n]})]})}return r.jsx(t,{})},Se={render:()=>Ye(r.jsxs("div",{className:"space-y-4",children:[r.jsx("p",{className:"text-sm text-muted-foreground",children:"智能体可以对表单数据进行XXX，并在表单中再次调用。"}),r.jsxs("p",{className:"text-sm text-muted-foreground",children:["常用于进-销-存等场景。",r.jsx("span",{className:"text-[#0265ff] underline cursor-pointer",children:"了解详情"})]}),r.jsx(V,{className:"bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded",children:"新建智能体"})]}),r.jsxs(ge,{children:[r.jsx(V,{className:"bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded w-[94px]",children:"保存"}),r.jsx(V,{variant:"outline",className:"border-[#E0E0E0] text-[#030303] rounded w-[94px]",children:"取消"})]}))},Te={render:()=>Ye(r.jsx("div",{className:"space-y-4",children:Array.from({length:20},(e,n)=>r.jsxs("div",{className:"p-4 border rounded-lg",children:[r.jsxs("h4",{className:"font-medium mb-2",children:["选项 ",n+1]}),r.jsxs("p",{className:"text-sm text-muted-foreground",children:["这是第 ",n+1," 个选项的描述内容，用于演示抽屉内容区域的滚动行为。"]})]},n))}),r.jsxs(ge,{children:[r.jsx(V,{className:"bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded w-[94px]",children:"保存"}),r.jsx(Xe,{asChild:!0,children:r.jsx(V,{variant:"outline",className:"border-[#E0E0E0] text-[#030303] rounded w-[94px]",children:"取消"})})]}))},Ne={render:()=>Ye(r.jsxs("div",{className:"space-y-4",children:[r.jsx("p",{className:"text-sm text-muted-foreground",children:"这是一个没有底部操作栏的抽屉，内容区域会自动填充剩余空间。"}),r.jsxs("div",{className:"p-4 border rounded-lg",children:[r.jsx("h4",{className:"font-medium mb-2",children:"说明"}),r.jsx("p",{className:"text-sm text-muted-foreground",children:"当不需要操作按钮时，可以省略 DrawerFooter 组件。"})]})]}))},Ce={render:()=>{function e(){const[n,t]=Z.useState(!1);return r.jsxs(we,{open:n,onOpenChange:t,children:[r.jsx(je,{asChild:!0,children:r.jsx(V,{children:"打开抽屉"})}),r.jsxs(Oe,{className:"max-h-[600px]",children:[r.jsxs(Be,{children:[r.jsx($e,{children:"自定义高度"}),r.jsx(ve,{})]}),r.jsx(_e,{children:r.jsx("div",{className:"space-y-4",children:r.jsx("p",{className:"text-sm text-muted-foreground",children:"这个抽屉通过 className 设置了 max-h-[600px]，覆盖了默认的 max-h-[90vh]。"})})}),r.jsxs(ge,{children:[r.jsx(V,{className:"bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded w-[94px]",children:"保存"}),r.jsx(V,{variant:"outline",className:"border-[#E0E0E0] text-[#030303] rounded w-[94px]",children:"取消"})]})]})]})}return r.jsx(e,{})}},Re={render:()=>{function e(){const[n,t]=Z.useState(!1);return r.jsxs(we,{open:n,onOpenChange:t,children:[r.jsx(je,{asChild:!0,children:r.jsx(V,{children:"编辑信息"})}),r.jsxs(Oe,{children:[r.jsxs(Be,{children:[r.jsx($e,{children:"编辑智能体信息"}),r.jsx(ve,{})]}),r.jsx(_e,{children:r.jsxs("div",{className:"space-y-4",children:[r.jsxs("div",{children:[r.jsx("label",{className:"text-sm font-medium mb-1.5 block",children:"名称"}),r.jsx("input",{className:"w-full h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",defaultValue:"智能体名称"})]}),r.jsxs("div",{children:[r.jsx("label",{className:"text-sm font-medium mb-1.5 block",children:"描述"}),r.jsx("textarea",{className:"w-full min-h-[80px] rounded-md border border-input bg-transparent px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",defaultValue:"这是一个智能体描述"})]}),r.jsxs("div",{children:[r.jsx("label",{className:"text-sm font-medium mb-1.5 block",children:"类型"}),r.jsxs("select",{className:"w-full h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:[r.jsx("option",{children:"表单搭建"}),r.jsx("option",{children:"数据查询"}),r.jsx("option",{children:"表单填写"})]})]})]})}),r.jsxs(ge,{children:[r.jsx(V,{className:"bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded w-[94px]",children:"保存"}),r.jsx(Xe,{asChild:!0,children:r.jsx(V,{variant:"outline",className:"border-[#E0E0E0] text-[#030303] rounded w-[94px]",children:"取消"})})]})]})]})}return r.jsx(e,{})}};Se.parameters={...Se.parameters,docs:{...Se.parameters?.docs,source:{originalSource:`{
+  render: () => renderDrawer(<div className="space-y-4">
+        <p className="text-sm text-muted-foreground">
+          智能体可以对表单数据进行XXX，并在表单中再次调用。
+        </p>
+        <p className="text-sm text-muted-foreground">
+          常用于进-销-存等场景。
+          <span className="text-[#0265ff] underline cursor-pointer">了解详情</span>
+        </p>
+        <Button className="bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded">新建智能体</Button>
+      </div>, <DrawerFooter>
+        <Button className="bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded w-[94px]">保存</Button>
+        <Button variant="outline" className="border-[#E0E0E0] text-[#030303] rounded w-[94px]">取消</Button>
+      </DrawerFooter>)
+}`,...Se.parameters?.docs?.source}}};Te.parameters={...Te.parameters,docs:{...Te.parameters?.docs,source:{originalSource:`{
+  render: () => renderDrawer(<div className="space-y-4">
+        {Array.from({
+      length: 20
+    }, (_, i) => <div key={i} className="p-4 border rounded-lg">
+            <h4 className="font-medium mb-2">选项 {i + 1}</h4>
+            <p className="text-sm text-muted-foreground">
+              这是第 {i + 1} 个选项的描述内容，用于演示抽屉内容区域的滚动行为。
+            </p>
+          </div>)}
+      </div>, <DrawerFooter>
+        <Button className="bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded w-[94px]">保存</Button>
+        <DrawerClose asChild>
+          <Button variant="outline" className="border-[#E0E0E0] text-[#030303] rounded w-[94px]">取消</Button>
+        </DrawerClose>
+      </DrawerFooter>)
+}`,...Te.parameters?.docs?.source}}};Ne.parameters={...Ne.parameters,docs:{...Ne.parameters?.docs,source:{originalSource:`{
+  render: () => renderDrawer(<div className="space-y-4">
+        <p className="text-sm text-muted-foreground">
+          这是一个没有底部操作栏的抽屉，内容区域会自动填充剩余空间。
+        </p>
+        <div className="p-4 border rounded-lg">
+          <h4 className="font-medium mb-2">说明</h4>
+          <p className="text-sm text-muted-foreground">
+            当不需要操作按钮时，可以省略 DrawerFooter 组件。
+          </p>
+        </div>
+      </div>)
+}`,...Ne.parameters?.docs?.source}}};Ce.parameters={...Ce.parameters,docs:{...Ce.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    function CustomHeightDrawer() {
+      const [open, setOpen] = useState(false);
+      return <Drawer open={open} onOpenChange={setOpen}>
+          <DrawerTrigger asChild>
+            <Button>打开抽屉</Button>
+          </DrawerTrigger>
+          <DrawerContent className="max-h-[600px]">
+            <DrawerHeader>
+              <DrawerTitle>自定义高度</DrawerTitle>
+              <DrawerCloseButton />
+            </DrawerHeader>
+            <DrawerBody>
+              <div className="space-y-4">
+                <p className="text-sm text-muted-foreground">
+                  这个抽屉通过 className 设置了 max-h-[600px]，覆盖了默认的 max-h-[90vh]。
+                </p>
+              </div>
+            </DrawerBody>
+            <DrawerFooter>
+              <Button className="bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded w-[94px]">保存</Button>
+              <Button variant="outline" className="border-[#E0E0E0] text-[#030303] rounded w-[94px]">取消</Button>
+            </DrawerFooter>
+          </DrawerContent>
+        </Drawer>;
+    }
+    return <CustomHeightDrawer />;
+  }
+}`,...Ce.parameters?.docs?.source}}};Re.parameters={...Re.parameters,docs:{...Re.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    function FormDrawer() {
+      const [open, setOpen] = useState(false);
+      return <Drawer open={open} onOpenChange={setOpen}>
+          <DrawerTrigger asChild>
+            <Button>编辑信息</Button>
+          </DrawerTrigger>
+          <DrawerContent>
+            <DrawerHeader>
+              <DrawerTitle>编辑智能体信息</DrawerTitle>
+              <DrawerCloseButton />
+            </DrawerHeader>
+            <DrawerBody>
+              <div className="space-y-4">
+                <div>
+                  <label className="text-sm font-medium mb-1.5 block">名称</label>
+                  <input className="w-full h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" defaultValue="智能体名称" />
+                </div>
+                <div>
+                  <label className="text-sm font-medium mb-1.5 block">描述</label>
+                  <textarea className="w-full min-h-[80px] rounded-md border border-input bg-transparent px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" defaultValue="这是一个智能体描述" />
+                </div>
+                <div>
+                  <label className="text-sm font-medium mb-1.5 block">类型</label>
+                  <select className="w-full h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring">
+                    <option>表单搭建</option>
+                    <option>数据查询</option>
+                    <option>表单填写</option>
+                  </select>
+                </div>
+              </div>
+            </DrawerBody>
+            <DrawerFooter>
+              <Button className="bg-[#0265ff] hover:bg-[#0265ff]/90 text-white rounded w-[94px]">保存</Button>
+              <DrawerClose asChild>
+                <Button variant="outline" className="border-[#E0E0E0] text-[#030303] rounded w-[94px]">取消</Button>
+              </DrawerClose>
+            </DrawerFooter>
+          </DrawerContent>
+        </Drawer>;
+    }
+    return <FormDrawer />;
+  }
+}`,...Re.parameters?.docs?.source}}};const An=["Default","WithScrollableContent","WithoutFooter","CustomHeight","FormContent"];export{Ce as CustomHeight,Se as Default,Re as FormContent,Te as WithScrollableContent,Ne as WithoutFooter,An as __namedExportsOrder,$n as default};

package/storybook-static/assets/field-checker-f9FOL58q.js

@@ -0,0 +1 @@
+import{j as n}from"./jsx-runtime-CpaO0gaJ.js";import{r as i}from"./iframe-BNpZCkNl.js";import{b as f}from"./ui-B16ZxGB5.js";import{L as x}from"./line-checker-DSzQ_hxZ.js";import{O as S}from"./option-item-DVwitDz1.js";import{F as V}from"./field-icon-6Mrtj4c9.js";const C=i.memo(({field:t,disabled:o,isSubField:I,onChange:u,onLoaded:U,icon:T,value:h,checked:r,streaming:y,confirmed:F})=>{const{widget:d,label:k}=t;if(!d)return null;const{type:c}=d,j=c;if(!f.hasOwnProperty(c))return null;const O=f[j]||f.unknown,l=c==="subform",g=l?[]:d.items||[],m=l?d.items:[],[q,P]=i.useState(()=>{const e={};return m.forEach((s,a)=>{e[a]=!0}),e}),b=i.useRef(r);i.useEffect(()=>{if(l&&r!==b.current&&(b.current=r,r!==void 0)){const e={};m.forEach((s,a)=>{e[a]=r}),P(e)}},[r,l,m.length]);const N=(e,s,a)=>{P(E=>{const p={...E,[a]:e};return Object.values(p).every(Boolean)&&u?.(!0,t),Object.values(p).every(R=>R===!1)&&u?.(!1,t),p}),u?.(e,s,t.widget.widgetName,a)};i.useEffect(()=>{U?.(t)},[]);const w=e=>{u?.(e,t)},v=I?"pl-[38px]":"";return h?n.jsx(x,{title:k,disabled:o,checked:r,defaultChecked:!0,onCheckedChange:w,icon:T,className:v,shortDesc:h}):n.jsxs(n.Fragment,{children:[n.jsx(x,{streaming:y,confirmed:F,title:k,disabled:o,checked:r,defaultChecked:!0,onCheckedChange:w,icon:T,shortDesc:O,className:v,extra:g.length?n.jsx(n.Fragment,{children:g.map(({value:e,text:s,color:a})=>n.jsx(S,{color:a?"white":void 0,bgColor:a,children:s},e))}):null}),l?m.map((e,s)=>n.jsx(C,{confirmed:F,streaming:y,isSubField:!0,disabled:o,checked:q[s],field:e,icon:n.jsx(V,{type:e.widget?.type}),onChange:a=>{N(a,e,s)}},e.label)):null]})},(t,o)=>t.field?.label===o.field?.label&&t.disabled===o.disabled&&t.checked===o.checked&&t.confirmed===o.confirmed&&t.streaming===o.streaming);C.__docgenInfo={description:"",methods:[],displayName:"FieldChecker",props:{field:{required:!0,tsType:{name:"ValueOf",elements:[{name:"Pick",elements:[{name:"ToolUIPart",elements:[{name:"FieldsTools"}],raw:"ToolUIPart<FieldsTools>"},{name:"literal",value:"'output'"}],raw:"Pick<ToolUIPart<FieldsTools>, 'output'>"}],raw:"ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>"},description:""},isSubField:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},icon:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(checked: boolean, field: Field, parentFieldName?: string, index?: number) => void",signature:{arguments:[{type:{name:"boolean"},name:"checked"},{type:{name:"ValueOf",elements:[{name:"Pick",elements:[{name:"ToolUIPart",elements:[{name:"FieldsTools"}],raw:"ToolUIPart<FieldsTools>"},{name:"literal",value:"'output'"}],raw:"Pick<ToolUIPart<FieldsTools>, 'output'>"}],raw:"ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>"},name:"field"},{type:{name:"string"},name:"parentFieldName"},{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},value:{required:!1,tsType:{name:"unknown"},description:""},checked:{required:!1,tsType:{name:"boolean"},description:""},streaming:{required:!1,tsType:{name:"boolean"},description:""},confirmed:{required:!1,tsType:{name:"boolean"},description:""},onLoaded:{required:!1,tsType:{name:"signature",type:"function",raw:"(field: Field) => void",signature:{arguments:[{type:{name:"ValueOf",elements:[{name:"Pick",elements:[{name:"ToolUIPart",elements:[{name:"FieldsTools"}],raw:"ToolUIPart<FieldsTools>"},{name:"literal",value:"'output'"}],raw:"Pick<ToolUIPart<FieldsTools>, 'output'>"}],raw:"ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>"},name:"field"}],return:{name:"void"}}},description:""}}};export{C as F};

package/storybook-static/assets/field-checker-list-msg.stories-B_6usiWl.js

@@ -0,0 +1,37 @@
+import{j as r}from"./jsx-runtime-CpaO0gaJ.js";import{r as t}from"./iframe-BNpZCkNl.js";import{C as v}from"./collapsible-txt-msg-DukRF1Ws.js";import{F as T}from"./field-checker-f9FOL58q.js";import{f as q,E as N}from"./bs-icons-CDeLTCWJ.js";import{F as A}from"./field-value-checker-BOyFGXwK.js";import{S as I}from"./square-checker-BKGRXJag.js";import{c as _}from"./utils-CXGjNK-X.js";import{F as m}from"./field-icon-6Mrtj4c9.js";import"./preload-helper-CmsKOCeN.js";import"./ui-B16ZxGB5.js";import"./line-checker-DSzQ_hxZ.js";import"./index-CaU3vELI.js";import"./option-item-DVwitDz1.js";import"./subform-fields-value-checker-DCstRpVF.js";import"./collapsible-TCbdh_v_.js";import"./index-CXB_DHA8.js";import"./index-B-T-IyWu.js";import"./index-KJpiBtEb.js";import"./index-DvxqVOC1.js";import"./index-D-D2iJjc.js";import"./index-DZuATJno.js";import"./font-icon-Ts3EnP1y.js";const S=t.memo(t.forwardRef(({fields:e,children:a,streaming:o,confirmed:d},k)=>{const[n,b]=t.useState(()=>{const s={};return e.forEach(i=>{s[i.field?.label??""]=!0}),s}),F=t.useMemo(()=>e.length>0&&e.every(s=>n[s.field?.label??""]!==!1),[n,e]),L=t.useMemo(()=>e.some(s=>n[s.field?.label??""]!==!1),[n,e]),E=o||!F&&L;t.useImperativeHandle(k,()=>({getCheckedFieldsLength:()=>e.filter(s=>n[s.field?.label??""]!==!1).length}),[n,e]);const j=t.useCallback(s=>{const i=s===!0,c={};e.forEach(l=>{c[l.field?.label??""]=i}),b(c),e.forEach(l=>l.onChange?.(i,l.field))},[e]);return r.jsxs(v,{title:"字段生成",icon:r.jsx(q,{}),defaultOpen:!0,children:[r.jsx("div",{className:_("flex gap-2.5 px-4 py-2.5 rounded-[4px] w-full transition-colors cursor-pointer hover:bg-[#EFF0F6] items-center",{"pointer-events-none":d||o}),onClick:()=>{if(d)return;j(!F)},children:r.jsx(I,{readonly:d||o,checked:F&&!o,onCheckedChange:j,intermediate:E,children:r.jsx("span",{className:"text-[#0265ff]! font-bold!",children:"全选"})})}),e.map(s=>t.createElement(T,{...s,key:s.field?.label,checked:n[s.field?.label??""],streaming:o,confirmed:d,onChange:(i,c,l,w)=>{w!==void 0&&l!==void 0||b(V=>({...V,[s.field?.label??""]:i})),s.onChange?.(i,c,l,w)}})),a]})})),x=t.memo(({props:e,readonly:a,children:o,streaming:d})=>r.jsxs(v,{title:"字段填写",icon:r.jsx(N,{}),defaultOpen:!0,children:[e.map(k=>r.jsx(A,{...k,readonly:a,streaming:d})),o]}));S.__docgenInfo={description:"",methods:[{name:"getCheckedFieldsLength",docblock:null,modifiers:[],params:[],returns:null}],displayName:"FieldCheckerListMsg",props:{fields:{required:!0,tsType:{name:"Array",elements:[{name:"FieldCheckerProps"}],raw:"Array<FieldCheckerProps>"},description:""},children:{required:!1,tsType:{name:"ReactNode"},description:""},streaming:{required:!0,tsType:{name:"boolean"},description:""},confirmed:{required:!1,tsType:{name:"boolean"},description:""}}};x.__docgenInfo={description:"",methods:[],displayName:"FieldValueCheckerListMsg",props:{props:{required:!0,tsType:{name:"Array",elements:[{name:"FieldValueCheckerProps"}],raw:"Array<FieldValueCheckerProps>"},description:""},children:{required:!1,tsType:{name:"ReactNode"},description:""},readonly:{required:!1,tsType:{name:"boolean"},description:""},streaming:{required:!1,tsType:{name:"boolean"},description:""}}};const p=(e,a="text")=>({label:e,widget:{widgetName:e,type:a}}),y=()=>[{field:p("供应商名称","text"),icon:r.jsx(m,{type:"text"}),onChange:(e,a)=>console.log("change",e,a.label)},{field:p("联系方式","text"),icon:r.jsx(m,{type:"text"}),onChange:(e,a)=>console.log("change",e,a.label)},{field:p("地址","location"),icon:r.jsx(m,{type:"location"}),onChange:(e,a)=>console.log("change",e,a.label)},{field:p("供应商等级","radiogroup"),icon:r.jsx(m,{type:"radiogroup"}),onChange:(e,a)=>console.log("change",e,a.label)}],M=()=>[{field:{label:"供应商名称",widget:{widgetName:"name",type:"text",value:"腾讯科技"}},onChange:()=>{}},{field:{label:"联系电话",widget:{widgetName:"phone",type:"text",value:"0755-86013388"}},onChange:()=>{}},{field:{label:"员工数量",widget:{widgetName:"count",type:"number",value:5e4}},onChange:()=>{}}],ie={title:"Example/Chat/FieldCheckerListMsg",component:S,tags:["autodocs"],parameters:{layout:"centered"},decorators:[e=>r.jsx("div",{style:{width:500},children:r.jsx(e,{})})]},g={args:{fields:y(),streaming:!1}},u={args:{fields:y(),streaming:!0}},h={args:{fields:y(),streaming:!1,confirmed:!0}},f={args:{fields:[],streaming:!1},render:()=>r.jsx("div",{style:{width:500},children:r.jsx(x,{props:M(),streaming:!1})})},C={args:{fields:[],streaming:!1},render:()=>r.jsx("div",{style:{width:500},children:r.jsx(x,{props:M(),streaming:!0})})};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  args: {
+    fields: makeCheckerFields(),
+    streaming: false
+  }
+}`,...g.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  args: {
+    fields: makeCheckerFields(),
+    streaming: true
+  }
+}`,...u.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  args: {
+    fields: makeCheckerFields(),
+    streaming: false,
+    confirmed: true
+  }
+}`,...h.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  args: {
+    fields: [],
+    streaming: false
+  },
+  render: () => <div style={{
+    width: 500
+  }}>
+      <FieldValueCheckerListMsg props={makeFilledFields()} streaming={false} />
+    </div>
+}`,...f.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  args: {
+    fields: [],
+    streaming: false
+  },
+  render: () => <div style={{
+    width: 500
+  }}>
+      <FieldValueCheckerListMsg props={makeFilledFields()} streaming={true} />
+    </div>
+}`,...C.parameters?.docs?.source}}};const le=["Default","StreamingState","ConfirmedState","FieldValueCheckerListMsgDefault","FieldValueCheckerListMsgStreaming"];export{h as ConfirmedState,g as Default,f as FieldValueCheckerListMsgDefault,C as FieldValueCheckerListMsgStreaming,u as StreamingState,le as __namedExportsOrder,ie as default};

package/storybook-static/assets/field-checker.stories-BghsIYEd.js

@@ -0,0 +1,91 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{F as u}from"./field-checker-f9FOL58q.js";import{F as t}from"./field-icon-6Mrtj4c9.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";import"./ui-B16ZxGB5.js";import"./line-checker-DSzQ_hxZ.js";import"./index-CaU3vELI.js";import"./utils-CXGjNK-X.js";import"./bs-icons-CDeLTCWJ.js";import"./square-checker-BKGRXJag.js";import"./index-KJpiBtEb.js";import"./index-CXB_DHA8.js";import"./index-B-T-IyWu.js";import"./index-D-D2iJjc.js";import"./index-DZuATJno.js";import"./option-item-DVwitDz1.js";import"./font-icon-Ts3EnP1y.js";const r=(n={})=>({label:"供应商名称",widget:{widgetName:"supplier_name",type:"text",...n.widget},...n}),W={title:"Example/Chat/FieldChecker",component:u,tags:["autodocs"],parameters:{layout:"centered"},decorators:[n=>e.jsx("div",{style:{width:400},children:e.jsx(n,{})})]},a={args:{field:r(),icon:e.jsx(t,{type:"text"})}},o={args:{field:{label:"供应商等级",widget:{widgetName:"supplier_level",type:"radiogroup",items:[{value:"A",text:"A级",color:"#52c41a"},{value:"B",text:"B级",color:"#1677ff"},{value:"C",text:"C级",color:"#fa8c16"}]}},icon:e.jsx(t,{type:"radiogroup"})}},i={args:{field:r({widget:{widgetName:"supplier_name",type:"text"}}),value:"深圳市腾讯计算机系统有限公司",icon:e.jsx(t,{type:"text"})}},s={args:{field:{label:"联系方式",widget:{widgetName:"contact_info",type:"subform",items:[{label:"联系人",widget:{widgetName:"contact_name",type:"text"}},{label:"电话",widget:{widgetName:"contact_phone",type:"text"}}]}},icon:e.jsx(t,{type:"subform"}),onChange:(n,m,p,g)=>{console.log("FieldChecker onChange:",{checked:n,field:m.label,parentFieldName:p,index:g})}}},c={args:{field:r(),disabled:!0,icon:e.jsx(t,{type:"text"})}},d={args:{field:r(),confirmed:!0,icon:e.jsx(t,{type:"text"})}},l={args:{field:r(),streaming:!0,icon:e.jsx(t,{type:"text"})}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    field: makeField(),
+    icon: <FieldIcon type="text" />
+  }
+}`,...a.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    field: {
+      label: "供应商等级",
+      widget: {
+        widgetName: "supplier_level",
+        type: "radiogroup",
+        items: [{
+          value: "A",
+          text: "A级",
+          color: "#52c41a"
+        }, {
+          value: "B",
+          text: "B级",
+          color: "#1677ff"
+        }, {
+          value: "C",
+          text: "C级",
+          color: "#fa8c16"
+        }]
+      }
+    },
+    icon: <FieldIcon type="radiogroup" />
+  }
+}`,...o.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    field: makeField({
+      widget: {
+        widgetName: "supplier_name",
+        type: "text"
+      }
+    }),
+    value: "深圳市腾讯计算机系统有限公司",
+    icon: <FieldIcon type="text" />
+  }
+}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    field: {
+      label: "联系方式",
+      widget: {
+        widgetName: "contact_info",
+        type: "subform",
+        items: [{
+          label: "联系人",
+          widget: {
+            widgetName: "contact_name",
+            type: "text"
+          }
+        }, {
+          label: "电话",
+          widget: {
+            widgetName: "contact_phone",
+            type: "text"
+          }
+        }]
+      }
+    },
+    icon: <FieldIcon type="subform" />,
+    onChange: (checked, field, parentFieldName, index) => {
+      console.log("FieldChecker onChange:", {
+        checked,
+        field: field.label,
+        parentFieldName,
+        index
+      });
+    }
+  }
+}`,...s.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    field: makeField(),
+    disabled: true,
+    icon: <FieldIcon type="text" />
+  }
+}`,...c.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  args: {
+    field: makeField(),
+    confirmed: true,
+    icon: <FieldIcon type="text" />
+  }
+}`,...d.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  args: {
+    field: makeField(),
+    streaming: true,
+    icon: <FieldIcon type="text" />
+  }
+}`,...l.parameters?.docs?.source}}};const E=["Default","WithOptions","WithValue","Subform","Disabled","Confirmed","Streaming"];export{d as Confirmed,a as Default,c as Disabled,l as Streaming,s as Subform,o as WithOptions,i as WithValue,E as __namedExportsOrder,W as default};

package/storybook-static/assets/field-icon-6Mrtj4c9.js

@@ -0,0 +1 @@
+import{j as r}from"./jsx-runtime-CpaO0gaJ.js";import{a as n}from"./ui-B16ZxGB5.js";import{F as s}from"./font-icon-Ts3EnP1y.js";import{m as t}from"./bs-icons-CDeLTCWJ.js";const i=({type:o})=>{const e=n[o]||"unknown";return o==="formula"?r.jsx(t,{}):r.jsx(s,{code:e})};i.__docgenInfo={description:"",methods:[],displayName:"FieldIcon",props:{type:{required:!0,tsType:{name:"FieldType"},description:""}}};export{i as F};

package/storybook-static/assets/field-icon.stories-D9Ukdb7l.js

@@ -0,0 +1,57 @@
+import{j as e}from"./jsx-runtime-CpaO0gaJ.js";import{F as u}from"./field-icon-6Mrtj4c9.js";import"./iframe-BNpZCkNl.js";import"./preload-helper-CmsKOCeN.js";import"./ui-B16ZxGB5.js";import"./font-icon-Ts3EnP1y.js";import"./bs-icons-CDeLTCWJ.js";import"./utils-CXGjNK-X.js";const w={title:"Example/Chat/FieldIcon",component:u,tags:["autodocs"],parameters:{layout:"centered"}},r={args:{type:"text"}},a={args:{type:"number"}},o={args:{type:"datetime"}},t={args:{type:"subform"}},s={args:{type:"formula"}},n={args:{type:"location"}},p={args:{type:"upload"}},c={args:{type:"unknown"}},m={args:{type:"text"},render:()=>{const i=["text","number","datetime","location","address","subform","password","textarea","radiogroup","radio","combo","combocheck","checkboxgroup","separator","upload","image","signature","button","user","usergroup","dept","deptgroup","dataload","linkdata","linkquery","sn","formula","flowState","unknown"];return e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)",gap:12},children:i.map(d=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:4},children:[e.jsx(u,{type:d}),e.jsx("span",{style:{fontSize:11},children:d})]},d))})}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "text"
+  }
+}`,...r.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "number"
+  }
+}`,...a.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "datetime"
+  }
+}`,...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "subform"
+  }
+}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "formula"
+  }
+}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "location"
+  }
+}`,...n.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "upload"
+  }
+}`,...p.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "unknown"
+  }
+}`,...c.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "text"
+  },
+  render: () => {
+    const types = ["text", "number", "datetime", "location", "address", "subform", "password", "textarea", "radiogroup", "radio", "combo", "combocheck", "checkboxgroup", "separator", "upload", "image", "signature", "button", "user", "usergroup", "dept", "deptgroup", "dataload", "linkdata", "linkquery", "sn", "formula", "flowState", "unknown"] as const;
+    return <div style={{
+      display: "grid",
+      gridTemplateColumns: "repeat(6, 1fr)",
+      gap: 12
+    }}>
+        {types.map(type => <div key={type} style={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 4
+      }}>
+            <FieldIcon type={type} />
+            <span style={{
+          fontSize: 11
+        }}>{type}</span>
+          </div>)}
+      </div>;
+  }
+}`,...m.parameters?.docs?.source}}};const h=["Text","Number","Datetime","Subform","Formula","Location","Upload","Unknown","AllIcons"];export{m as AllIcons,o as Datetime,s as Formula,n as Location,a as Number,t as Subform,r as Text,c as Unknown,p as Upload,h as __namedExportsOrder,w as default};

package/storybook-static/assets/field-value-checker-BOyFGXwK.js

@@ -0,0 +1 @@
+import{j as t}from"./jsx-runtime-CpaO0gaJ.js";import{r as c}from"./iframe-BNpZCkNl.js";import{b as P}from"./ui-B16ZxGB5.js";import{t as g,i as y}from"./utils-CXGjNK-X.js";import{S as k}from"./subform-fields-value-checker-DCstRpVF.js";import{L as q}from"./line-checker-DSzQ_hxZ.js";const w=c.memo(({field:e,disabled:a,isSubField:n,readonly:o,streaming:i,onChange:s,onLoaded:d})=>{const{widget:u,label:f}=e;if(!u)return null;const{type:r,value:p}=u,T=g(p,r);if(!P.hasOwnProperty(r))return null;const m=r==="subform";c.useEffect(()=>{d?.(e)},[]);const F=l=>{s?.(l,e)},b=n?"pl-6":"";return t.jsxs(t.Fragment,{children:[t.jsx(q,{streaming:i,title:f,disabled:a,defaultChecked:!0,onCheckedChange:F,className:b,readonly:o,shortDesc:m?"":T}),m&&t.jsx(k,{readonly:o,subformField:e,onChange:l=>{s?.(l.checked,l.field,l.parentFieldName,l.row)},streaming:i})]})},(e,a)=>!(e.field?.label===a.field?.label)||!(e.field?.widget?.widgetName===a.field?.widget?.widgetName)||!(e.disabled===a.disabled)||!(e.readonly===a.readonly)||!(e.streaming===a.streaming)?!1:y(e?.field,a?.field));w.__docgenInfo={description:"",methods:[],displayName:"FieldValueChecker",props:{field:{required:!0,tsType:{name:"ValueOf",elements:[{name:"Pick",elements:[{name:"ToolUIPart",elements:[{name:"FieldsTools"}],raw:"ToolUIPart<FieldsTools>"},{name:"literal",value:"'output'"}],raw:"Pick<ToolUIPart<FieldsTools>, 'output'>"}],raw:"ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>"},description:""},isSubField:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},readonly:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(checked: boolean, field: Field, parentFieldName?: string, index?: number) => void",signature:{arguments:[{type:{name:"boolean"},name:"checked"},{type:{name:"ValueOf",elements:[{name:"Pick",elements:[{name:"ToolUIPart",elements:[{name:"FieldsTools"}],raw:"ToolUIPart<FieldsTools>"},{name:"literal",value:"'output'"}],raw:"Pick<ToolUIPart<FieldsTools>, 'output'>"}],raw:"ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>"},name:"field"},{type:{name:"string"},name:"parentFieldName"},{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},onLoaded:{required:!1,tsType:{name:"signature",type:"function",raw:"(field: Field) => void",signature:{arguments:[{type:{name:"ValueOf",elements:[{name:"Pick",elements:[{name:"ToolUIPart",elements:[{name:"FieldsTools"}],raw:"ToolUIPart<FieldsTools>"},{name:"literal",value:"'output'"}],raw:"Pick<ToolUIPart<FieldsTools>, 'output'>"}],raw:"ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>"},name:"field"}],return:{name:"void"}}},description:""},streaming:{required:!1,tsType:{name:"boolean"},description:""}}};export{w as F};