@pstdio/ui 0.0.1

package/storybook-static/assets/open-source-notices-screen.stories-BpdJxDZC.js

@@ -0,0 +1,21 @@
+import{j as r}from"./iframe-B8FSoBNY.js";import{c as A}from"./compiler-runtime-BXE7OOXE.js";import{T as o}from"./index-cFwdnc0b.js";import{S as i}from"./stack-CN4X31TA.js";import{B as T}from"./index-B0y2_lLF.js";import{L as H}from"./link-DE5grRtm.js";import{H as D}from"./h-stack-DWHd8f97.js";import{S as I}from"./separator-CQkMOHNm.js";import"./preload-helper-PPVm8Dsz.js";import"./create-recipe-context-BU56IzEo.js";import"./factory-DAJZwK4o.js";const L=(t,e)=>`${t.name}-${t.version??"unknown"}-${e}`,V=t=>t.version?`${t.name} v${t.version}`:t.name,N=t=>{const e=A.c(30),{notices:s,title:_,description:O,productName:h,productVersion:x,generatedAt:f,emptyTitle:q,emptyDescription:C}=t,v=_===void 0?"Open Source and Third-Party Notices":_,w=O===void 0?"This product includes software developed by the open source community.":O,U=q===void 0?"No third-party notices available":q,P=C===void 0?"No third-party packages were included in this build.":C;let S;e[0]===Symbol.for("react.memo_cache_sentinel")?(S={base:"md",md:"xl"},e[0]=S):S=e[0];let n;e[1]!==v?(n=r.jsx(o,{textStyle:"heading/L",children:v}),e[1]=v,e[2]=n):n=e[2];let l;e[3]!==w?(l=r.jsx(o,{textStyle:"paragraph/S/regular",color:"fg.muted",children:w}),e[3]=w,e[4]=l):l=e[4];let a;e[5]!==h?(a=h?r.jsxs(o,{textStyle:"label/XS",color:"fg.muted",children:["Product: ",h]}):null,e[5]=h,e[6]=a):a=e[6];let c;e[7]!==x?(c=x?r.jsxs(o,{textStyle:"label/XS",color:"fg.muted",children:["Version: ",x]}):null,e[7]=x,e[8]=c):c=e[8];let d;e[9]!==s.length?(d=r.jsxs(o,{textStyle:"label/XS",color:"fg.muted",children:["Packages: ",s.length]}),e[9]=s.length,e[10]=d):d=e[10];let p;e[11]!==f?(p=f?r.jsxs(o,{textStyle:"label/XS",color:"fg.muted",children:["Generated: ",f]}):null,e[11]=f,e[12]=p):p=e[12];let m;e[13]!==p||e[14]!==a||e[15]!==c||e[16]!==d?(m=r.jsxs(D,{gap:"md",flexWrap:"wrap",children:[a,c,d,p]}),e[13]=p,e[14]=a,e[15]=c,e[16]=d,e[17]=m):m=e[17];let u;e[18]!==m||e[19]!==n||e[20]!==l?(u=r.jsxs(i,{gap:"xs",children:[n,l,m]}),e[18]=m,e[19]=n,e[20]=l,e[21]=u):u=e[21];let b;e[22]===Symbol.for("react.memo_cache_sentinel")?(b=r.jsx(I,{borderColor:"border.secondary"}),e[22]=b):b=e[22];let g;e[23]!==P||e[24]!==U||e[25]!==s?(g=s.length===0?r.jsxs(i,{borderWidth:"1px",borderColor:"border.muted",borderRadius:"md",padding:"lg",gap:"xs",children:[r.jsx(o,{textStyle:"label/L/medium",children:U}),r.jsx(o,{textStyle:"paragraph/S/regular",color:"fg.muted",children:P})]}):r.jsx(i,{gap:"md",children:s.map(B)}),e[23]=P,e[24]=U,e[25]=s,e[26]=g):g=e[26];let y;return e[27]!==u||e[28]!==g?(y=r.jsxs(i,{width:"full",minHeight:"100%",background:"bg",color:"fg",padding:S,gap:"lg",children:[u,b,g]}),e[27]=u,e[28]=g,e[29]=y):y=e[29],y};N.__docgenInfo={description:"",methods:[],displayName:"OpenSourceNoticesScreen",props:{notices:{required:!0,tsType:{name:"Array",elements:[{name:"OpenSourceNotice"}],raw:"OpenSourceNotice[]"},description:""},title:{required:!1,tsType:{name:"string"},description:""},description:{required:!1,tsType:{name:"string"},description:""},productName:{required:!1,tsType:{name:"string"},description:""},productVersion:{required:!1,tsType:{name:"string"},description:""},generatedAt:{required:!1,tsType:{name:"string"},description:""},emptyTitle:{required:!1,tsType:{name:"string"},description:""},emptyDescription:{required:!1,tsType:{name:"string"},description:""}}};function B(t,e){return r.jsx(T,{borderWidth:"1px",borderColor:"border.muted",borderRadius:"md",padding:"md",children:r.jsxs(i,{gap:"sm",children:[r.jsxs(i,{gap:"2xs",children:[r.jsx(o,{textStyle:"label/L/medium",children:V(t)}),r.jsxs(o,{textStyle:"label/S/regular",color:"fg.muted",children:["License: ",t.license??"Unknown"]})]}),t.copyright?r.jsx(o,{textStyle:"label/S/regular",color:"fg.muted",children:t.copyright}):null,(t.homepageUrl||t.sourceUrl)&&r.jsxs(i,{gap:"2xs",children:[t.homepageUrl?r.jsx(H,{href:t.homepageUrl,target:"_blank",rel:"noreferrer",textStyle:"label/S/medium",width:"fit-content",children:"Homepage"}):null,t.sourceUrl?r.jsx(H,{href:t.sourceUrl,target:"_blank",rel:"noreferrer",textStyle:"label/S/medium",width:"fit-content",children:"Source code"}):null]}),t.attribution?r.jsx(T,{background:"bg.muted",borderRadius:"sm",padding:"sm",children:r.jsx(o,{textStyle:"label/S/regular",whiteSpace:"pre-wrap",children:t.attribution})}):null]})},L(t,e))}const Y={title:"Components/OpenSourceNoticesScreen",component:N,parameters:{layout:"fullscreen"}},$=[{name:"react",version:"19.0.0",license:"MIT",copyright:"Copyright (c) Meta Platforms, Inc.",homepageUrl:"https://react.dev",sourceUrl:"https://github.com/facebook/react"},{name:"chakra-ui",version:"3.28.0",license:"MIT",copyright:"Copyright (c) Chakra UI Team",homepageUrl:"https://chakra-ui.com",sourceUrl:"https://github.com/chakra-ui/chakra-ui",attribution:"Portions of this software include work distributed under the MIT License. See project repository for full text."},{name:"lucide-react",version:"0.469.0",license:"ISC",sourceUrl:"https://github.com/lucide-icons/lucide"}],j={render:t=>r.jsx(T,{minHeight:"100vh",bg:"bg",children:r.jsx(N,{...t})}),args:{notices:$,productName:"Prompt Studio Desktop",productVersion:"1.8.3",generatedAt:"2026-02-27"}},k={render:t=>r.jsx(T,{minHeight:"100vh",bg:"bg",children:r.jsx(N,{...t})}),args:{notices:[],productName:"Prompt Studio Desktop",productVersion:"1.8.3",generatedAt:"2026-02-27"}};j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
+  render: props => <Box minHeight="100vh" bg="bg">
+      <OpenSourceNoticesScreen {...props} />
+    </Box>,
+  args: {
+    notices,
+    productName: "Prompt Studio Desktop",
+    productVersion: "1.8.3",
+    generatedAt: "2026-02-27"
+  }
+}`,...j.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
+  render: props => <Box minHeight="100vh" bg="bg">
+      <OpenSourceNoticesScreen {...props} />
+    </Box>,
+  args: {
+    notices: [],
+    productName: "Prompt Studio Desktop",
+    productVersion: "1.8.3",
+    generatedAt: "2026-02-27"
+  }
+}`,...k.parameters?.docs?.source}}};const Z=["Populated","Empty"];export{k as Empty,j as Populated,Z as __namedExportsOrder,Y as default};

package/storybook-static/assets/overflow-CkG1DOya.js

@@ -0,0 +1 @@
+import{F as a,G as u,g as f,d as w,q as i}from"./factory-BR3bc_RM.js";function c(t){const o=a(t);return u(o)?f(o).body:w(o)&&s(o)?o:c(o)}function d(t,o=[]){const n=c(t),e=n===t.ownerDocument.body,r=i(n);return e?o.concat(r,r.visualViewport||[],s(n)?n:[]):o.concat(n,d(n,[]))}var v=/auto|scroll|overlay|hidden|clip/,g=new Set(["inline","contents"]);function s(t){const o=i(t),{overflow:n,overflowX:e,overflowY:r,display:l}=o.getComputedStyle(t);return v.test(n+r+e)&&!g.has(l)}function m(t){return t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth}function O(t,o){const{rootEl:n,...e}=o||{};!t||!n||!s(n)||!m(n)||t.scrollIntoView(e)}export{c as a,d as g,O as s};

package/storybook-static/assets/panel-menu-CqLSrdTB.js

@@ -0,0 +1 @@
+import{j as s}from"./iframe-B8FSoBNY.js";import{c as m}from"./compiler-runtime-BXE7OOXE.js";import{F as d}from"./flex-DAJL4AFZ.js";import{T as a}from"./index-cFwdnc0b.js";import{S as l}from"./stack-CN4X31TA.js";function c(p){const e=m.c(7),{title:n,children:r}=p;let t;e[0]!==n?(t=s.jsx(d,{height:"49px",p:"xs",borderBottomWidth:"1px",alignItems:"center",children:s.jsx(a,{pb:"0",textStyle:"label/L/medium",color:"fg.muted",children:n})}),e[0]=n,e[1]=t):t=e[1];let i;e[2]!==r?(i=r&&s.jsx(l,{p:"xs",gap:"xs",flex:"1",minH:"0",overflowY:"auto",children:r}),e[2]=r,e[3]=i):i=e[3];let o;return e[4]!==t||e[5]!==i?(o=s.jsxs(l,{borderRightWidth:"1px",width:"64",gap:"0",minH:"0",children:[t,i]}),e[4]=t,e[5]=i,e[6]=o):o=e[6],o}c.__docgenInfo={description:"",methods:[],displayName:"PanelMenu",props:{title:{required:!0,tsType:{name:"string"},description:""},children:{required:!1,tsType:{name:"ReactNode"},description:""}}};export{c as P};

package/storybook-static/assets/panel-menu.stories-CxdWaWjq.js

@@ -0,0 +1,14 @@
+import{j as t}from"./iframe-B8FSoBNY.js";import{I as i}from"./item-section-AoQrVPNJ.js";import{M as o}from"./menu-item-CrqDaj9K.js";import{P as s}from"./panel-menu-CqLSrdTB.js";import{S as p}from"./stack-CN4X31TA.js";import{F as a}from"./file-text-D5m8MJlG.js";import{F as n}from"./folder-C5dba_Co.js";import{S as c}from"./settings-DUgg22A7.js";import{B as l}from"./index-B0y2_lLF.js";import"./preload-helper-PPVm8Dsz.js";import"./compiler-runtime-BXE7OOXE.js";import"./index-cFwdnc0b.js";import"./create-recipe-context-BU56IzEo.js";import"./factory-DAJZwK4o.js";import"./chevron-right-owK1wZnx.js";import"./createLucideIcon-CcBBUKX8.js";import"./flex-DAJL4AFZ.js";import"./collapsible-DBDG7h1r.js";import"./create-slot-recipe-context-DAhDE6G_.js";import"./factory-BR3bc_RM.js";import"./collapsible-content-B1Uq3jUM.js";import"./create-split-props-u5h9OPvL.js";import"./normalize-props-D7NI5JRu.js";import"./index-DaXC_qY_.js";import"./index-DpB4ozcR.js";import"./mutation-observer-CAfGweIM.js";import"./tabbable-DHAf8oAu.js";import"./computed-style-C0hzrq9-.js";import"./number-C92MPsRM.js";import"./tooltip-DZxUoouw.js";import"./portal-CZHfPTRw.js";import"./tooltip-C_a-XGZ8.js";import"./use-presence-context-DK2PGZth.js";import"./overflow-CkG1DOya.js";import"./icons-WRA1cA-W.js";import"./typeahead-CuY9WxfQ.js";import"./dismissable-layer-Cc5dFRd8.js";import"./icon-C8FN9JqD.js";import"./badge-CtgJasjB.js";const Y={title:"Components/PanelMenu",component:s,decorators:[m=>t.jsx(l,{height:"560px",bg:"bg",children:t.jsx(m,{})})],args:{title:"Project"}},e={},r={args:{title:"Resources",children:t.jsxs(p,{gap:"sm",children:[t.jsxs(i,{title:"Workspace",children:[t.jsx(o,{primaryLabel:"Overview",leftIcon:a}),t.jsx(o,{primaryLabel:"Files",leftIcon:n})]}),t.jsx(i,{title:"Settings",children:t.jsx(o,{primaryLabel:"Preferences",leftIcon:c})})]})}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"{}",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: "Resources",
+    children: <Stack gap="sm">
+        <ItemSection title="Workspace">
+          <MenuItem primaryLabel="Overview" leftIcon={FileText} />
+          <MenuItem primaryLabel="Files" leftIcon={Folder} />
+        </ItemSection>
+        <ItemSection title="Settings">
+          <MenuItem primaryLabel="Preferences" leftIcon={Settings} />
+        </ItemSection>
+      </Stack>
+  }
+}`,...r.parameters?.docs?.source}}};const Z=["Default","WithSections"];export{e as Default,r as WithSections,Z as __namedExportsOrder,Y as default};

package/storybook-static/assets/param-editor-horizontal.stories-C1o-VOjG.js

@@ -0,0 +1,561 @@
+import{r as D,j as t}from"./iframe-B8FSoBNY.js";import{c as B}from"./compiler-runtime-BXE7OOXE.js";import{N as F,S as K,D as $,C as X,a as V}from"./param-editor-selection-input-2pJE1_W1.js";import{T as Z}from"./tooltip-DZxUoouw.js";import{B as G}from"./index-B0y2_lLF.js";import{F as ee}from"./flex-DAJL4AFZ.js";import{T as Y}from"./index-cFwdnc0b.js";import{I as ne}from"./input-ZSs5cSFQ.js";import{T as te}from"./textarea-rqmaWSc5.js";import{V as ae}from"./v-stack-Btoq6OB_.js";import{H as ie}from"./h-stack-DWHd8f97.js";import{S as re}from"./stack-CN4X31TA.js";import"./preload-helper-PPVm8Dsz.js";import"./create-recipe-context-BU56IzEo.js";import"./factory-DAJZwK4o.js";import"./number-C92MPsRM.js";import"./create-slot-recipe-context-DAhDE6G_.js";import"./icons-WRA1cA-W.js";import"./icon-button-DHiUe7rR.js";import"./button-C7it2n8t.js";import"./spinner-ZYH_gvW-.js";import"./index-CXwl6T4k.js";import"./factory-BR3bc_RM.js";import"./create-split-props-u5h9OPvL.js";import"./use-presence-context-DK2PGZth.js";import"./normalize-props-D7NI5JRu.js";import"./index-DaXC_qY_.js";import"./index-DpB4ozcR.js";import"./computed-style-C0hzrq9-.js";import"./use-field-context-DoxKQlMm.js";import"./tooltip-C_a-XGZ8.js";import"./overflow-CkG1DOya.js";import"./typeahead-CuY9WxfQ.js";import"./menu-item-CrqDaj9K.js";import"./tabbable-DHAf8oAu.js";import"./mutation-observer-CAfGweIM.js";import"./dismissable-layer-Cc5dFRd8.js";import"./icon-C8FN9JqD.js";import"./badge-CtgJasjB.js";import"./form-D_Xln9tK.js";import"./number-input-D1aC-9ls.js";import"./chevron-down-BYCAGyCV.js";import"./createLucideIcon-CcBBUKX8.js";import"./portal-CZHfPTRw.js";const J=a=>{const e=B.c(29),{id:y,defaultValue:u,name:i,onChange:l,description:d,readOnly:o,hideLabel:P,tooltipPlacement:S}=a,p=P===void 0?!1:P,h=S===void 0?"right":S,[s,f]=D.useState(u),[c,x]=D.useState(!1),n=D.useRef(null);let r;e[0]!==y||e[1]!==l?(r=m=>{n.current&&clearTimeout(n.current),n.current=setTimeout(()=>l(y,m),540)},e[0]=y,e[1]=l,e[2]=r):r=e[2];const q=r;let v,T;e[3]!==u?(v=()=>{f(u)},T=[u],e[3]=u,e[4]=v,e[5]=T):(v=e[4],T=e[5]),D.useEffect(v,T);let j;e[6]!==q?(j=m=>{f(m),q(m)},e[6]=q,e[7]=j):j=e[7];const w=j;let A;e[8]!==o?(A=()=>{o||x(!0)},e[8]=o,e[9]=A):A=e[9];const _=A;let L;e[10]!==s?(L=()=>{s.trim().length===0&&x(!1)},e[10]=s,e[11]=L):L=e[11];const N=L;let M;e[12]===Symbol.for("react.memo_cache_sentinel")?(M=m=>{m.key==="Escape"&&(x(!1),m.preventDefault())},e[12]=M):M=e[12];const Q=M;let C;e[13]!==h?(C={placement:h},e[13]=h,e[14]=C):C=e[14];let I;e[15]===Symbol.for("react.memo_cache_sentinel")?(I={padding:"xxs"},e[15]=I):I=e[15];let b;e[16]!==N||e[17]!==w||e[18]!==_||e[19]!==p||e[20]!==c||e[21]!==i||e[22]!==o||e[23]!==s?(b=t.jsx(G,{position:"relative",minHeight:"2rem",children:c?t.jsxs(G,{position:"absolute",top:"0",left:"0",right:"0",zIndex:"10",bg:"background.primary",borderWidth:"1px",borderStyle:"solid",borderColor:"border.secondary",borderRadius:"lg",p:"2",boxShadow:"lg",children:[!p&&t.jsx(Y,{textStyle:"label/M/medium",mb:"sm",children:i}),t.jsx(te,{className:"nodrag",readOnly:o,width:"100%",size:"sm",placeholder:p?i:void 0,value:s,onChange:m=>w(m.target.value),onBlur:N,onKeyDown:Q,rows:3,resize:"vertical",autoFocus:!0})]}):t.jsxs(ee,{alignItems:"center",justifyContent:"space-between",height:"2rem",children:[!p&&t.jsx(Y,{textStyle:"label/M/medium",children:i}),t.jsx(ne,{className:"nodrag",readOnly:o,flex:"1",maxW:"12.5rem",size:"sm",type:"text",placeholder:p?i:void 0,value:s,onClick:_,onChange:m=>w(m.target.value),onKeyUp:se})]})}),e[16]=N,e[17]=w,e[18]=_,e[19]=p,e[20]=c,e[21]=i,e[22]=o,e[23]=s,e[24]=b):b=e[24];let k;return e[25]!==d||e[26]!==b||e[27]!==C?(k=t.jsx(G,{position:"relative",flex:"1",minW:"12.5rem",children:t.jsx(Z,{positioning:C,content:d,contentProps:I,children:b})}),e[25]=d,e[26]=b,e[27]=C,e[28]=k):k=e[28],k};J.__docgenInfo={description:"",methods:[],displayName:"HorizontalTextInput",props:{id:{required:!0,tsType:{name:"string"},description:""},defaultValue:{required:!0,tsType:{name:"string"},description:""},name:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(id: string, value: string) => void",signature:{arguments:[{type:{name:"string"},name:"id"},{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},description:{required:!0,tsType:{name:"string"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},hideLabel:{required:!1,tsType:{name:"boolean"},description:""},tooltipPlacement:{required:!1,tsType:{name:"union",raw:'"top" | "right" | "bottom" | "left"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"right"'},{name:"literal",value:'"bottom"'},{name:"literal",value:'"left"'}]},description:""}}};function se(a){a.key==="Enter"&&a.currentTarget.blur()}const g=a=>{const e=B.c(19),{params:y,groups:u,defaultValues:i,onChange:l,readOnly:d}=a;let o;e[0]!==y?(o=y===void 0?[]:y,e[0]=y,e[1]=o):o=e[1];const P=o;let S;e[2]!==u?(S=u===void 0?[]:u,e[2]=u,e[3]=S):S=e[3];const p=S;let h;e[4]!==i||e[5]!==l||e[6]!==d?(h=n=>{if(n.type==="number"){const r=i[n.id]===void 0?n.defaultValue:i[n.id];return t.jsx(F,{hideLabel:!0,hideSlider:!0,readOnly:d,id:n.id,name:n.name,description:n.description||"",defaultValue:r,min:n.min,max:n.max,step:n.step,onChange:l,tooltipPlacement:"top"},n.id)}if(n.type==="text"){const r=i[n.id]===void 0?n.defaultValue:i[n.id];return t.jsx(J,{hideLabel:!0,readOnly:d,id:n.id,name:n.name,description:n.description||"",defaultValue:r,onChange:l,tooltipPlacement:"top"},n.id)}if(n.type==="selection"){const r=i[n.id]===void 0?n.defaultValue:i[n.id];return t.jsx(K,{hideLabel:!0,readOnly:d,id:n.id,name:n.name,description:n.description||"",defaultValue:r,options:n.options,onChange:l,multiSelect:n.multiSelect,tooltipPlacement:"top",placeholder:n.placeholder},n.id)}if(n.type==="date"){const r=i[n.id]===void 0?n.defaultValue:i[n.id];return t.jsx($,{hideLabel:!0,readOnly:d,id:n.id,name:n.name,description:n.description||"",defaultValue:r,min:n.min,max:n.max,onChange:l,tooltipPlacement:"top"},n.id)}if(n.type==="color"){const r=i[n.id]===void 0?n.defaultValue:i[n.id];return t.jsx(X,{hideLabel:!0,readOnly:d,id:n.id,name:n.name,description:n.description||"",defaultValue:r,onChange:l,tooltipPlacement:"top"},n.id)}return null},e[4]=i,e[5]=l,e[6]=d,e[7]=h):h=e[7];const s=h;let f;e[8]!==P||e[9]!==s?(f=P.map(s),e[8]=P,e[9]=s,e[10]=f):f=e[10];let c;if(e[11]!==p||e[12]!==s){let n;e[14]!==s?(n=r=>t.jsxs(ae,{gap:"xs",align:"start",children:[t.jsx(Y,{fontSize:"sm",fontWeight:"medium",color:"foreground.secondary",children:r.title}),t.jsx(ie,{gap:"xs",children:r.params.map(s)})]},r.id),e[14]=s,e[15]=n):n=e[15],c=p.map(n),e[11]=p,e[12]=s,e[13]=c}else c=e[13];let x;return e[16]!==f||e[17]!==c?(x=t.jsxs(re,{direction:"row",flex:"1",maxW:"full",gap:"sm",flexWrap:"wrap",children:[f,c]}),e[16]=f,e[17]=c,e[18]=x):x=e[18],x};g.__docgenInfo={description:"",methods:[],displayName:"ParamEditorHorizontal",props:{params:{required:!1,tsType:{name:"Array",elements:[{name:"union",raw:`| NumberParam
+| TextParam
+| SelectionParam
+| DateParam
+| ColorParam
+| ObjectParam
+| ListParam
+| VectorParam`,elements:[{name:"NumberParam"},{name:"TextParam"},{name:"SelectionParam"},{name:"DateParam"},{name:"ColorParam"},{name:"ObjectParam"},{name:"ListParam"},{name:"VectorParam"}]}],raw:"Param[]"},description:""},groups:{required:!1,tsType:{name:"Array",elements:[{name:"InputGroup"}],raw:"InputGroup[]"},description:""},defaultValues:{required:!0,tsType:{name:"Record",elements:[{name:"string"},{name:"union",raw:"number | string | null | ObjectDefinition | Array<number> | Array<string>",elements:[{name:"number"},{name:"string"},{name:"null"},{name:"Array",elements:[{name:"unknown"}],raw:"(NumberParam | TextParam)[]"},{name:"Array",elements:[{name:"number"}],raw:"Array<number>"},{name:"Array",elements:[{name:"string"}],raw:"Array<string>"}]}],raw:"Record<string, ParamValue>"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(id: string, value: ParamValue) => void",signature:{arguments:[{type:{name:"string"},name:"id"},{type:{name:"union",raw:"number | string | null | ObjectDefinition | Array<number> | Array<string>",elements:[{name:"number"},{name:"string"},{name:"null"},{name:"Array",elements:[{name:"unknown"}],raw:"(NumberParam | TextParam)[]"},{name:"Array",elements:[{name:"number"}],raw:"Array<number>"},{name:"Array",elements:[{name:"string"}],raw:"Array<string>"}]},name:"value"}],return:{name:"void"}}},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},fullWidth:{required:!1,tsType:{name:"boolean"},description:""}}};const $e={title:"Components/ParamEditorHorizontal",component:g,parameters:{layout:"fullscreen"},tags:[],argTypes:{}},U={render:a=>t.jsx(V,{padding:"md",children:t.jsx(g,{...a})}),args:{defaultValues:{1:5,2:5,3:"Hello World",4:`This is a multiline text example
+with multiple lines`,5:"user",6:"2024-07-30",7:"#ff0000"},onChange:()=>{},params:[{id:"1",name:"Temperature",type:"number",description:"Controls randomness in the output",defaultValue:1,min:0,max:2,step:.1},{id:"2",name:"Max Tokens",type:"number",description:"Maximum number of tokens to generate",defaultValue:100,min:1,max:1e3,step:1},{id:"3",name:"System Message",type:"text",description:"Single line system instruction",defaultValue:"You are a helpful assistant",singleLine:!0},{id:"4",name:"Prompt Template",type:"text",description:"Multi-line prompt template",defaultValue:`Please help me with:
+{user_input}`,singleLine:!1},{id:"5",name:"Role",type:"selection",description:"Select a role",defaultValue:"user",options:[{id:"user",name:"User"},{id:"assistant",name:"Assistant"},{id:"system",name:"System"}]},{id:"6",name:"Start Date",type:"date",description:"Select the start date for the process",defaultValue:"2024-01-01",min:"2024-01-01",max:"2024-12-31"},{id:"7",name:"Theme Color",type:"color",description:"Pick a theme color",defaultValue:"#ff0000"}],readOnly:!1}},E={render:a=>t.jsx(V,{padding:"md",children:t.jsx(g,{...a})}),args:{defaultValues:{1:"2024-07-30",2:"2024-01-01",3:"2025-12-31",4:"user"},onChange:()=>{},params:[{id:"1",name:"Current Date",type:"date",description:"Today's date with no restrictions",defaultValue:"2024-07-30"},{id:"2",name:"Start Date",type:"date",description:"Project start date (minimum: 2024-01-01)",defaultValue:"2024-01-01",min:"2024-01-01"},{id:"3",name:"End Date",type:"date",description:"Project end date (maximum: 2025-12-31)",defaultValue:"2025-12-31",max:"2025-12-31"},{id:"4",name:"Role",type:"selection",description:"Select a role for comparison",defaultValue:"user",options:[{id:"user",name:"User"},{id:"assistant",name:"Assistant"},{id:"system",name:"System"}]}],readOnly:!1}},R={render:a=>t.jsx(V,{padding:"md",children:t.jsx(g,{...a})}),args:{defaultValues:{1:.7,2:["javascript","python"],3:"assistant",4:[],5:"2024-12-31"},onChange:()=>{},params:[{id:"1",name:"Temperature",type:"number",description:"Controls randomness in the output",defaultValue:.7,min:0,max:2,step:.1},{id:"2",name:"Languages",type:"selection",description:"Select multiple programming languages",defaultValue:["javascript","python"],multiSelect:!0,placeholder:"Languages...",options:[{id:"javascript",name:"JavaScript"},{id:"python",name:"Python"},{id:"typescript",name:"TypeScript"},{id:"java",name:"Java"},{id:"csharp",name:"C#"}]},{id:"3",name:"Role",type:"selection",description:"Select a single role",defaultValue:"assistant",options:[{id:"user",name:"User"},{id:"assistant",name:"Assistant"},{id:"system",name:"System"}]},{id:"4",name:"Priorities",type:"selection",description:"Select multiple priority levels",defaultValue:[],multiSelect:!0,placeholder:"Priorities...",options:[{id:"low",name:"Low"},{id:"medium",name:"Medium"},{id:"high",name:"High"},{id:"urgent",name:"Urgent"}]},{id:"5",name:"Deadline",type:"date",description:"Project deadline date",defaultValue:"2024-12-31",min:"2024-01-01",max:"2025-12-31"}],readOnly:!1}},H={render:a=>t.jsx(V,{padding:"md",children:t.jsx(g,{...a})}),args:{defaultValues:{temp:.7,maxTokens:150,systemMsg:"You are a helpful assistant",role:"assistant",startDate:"2024-01-01",apiUrl:"https://api.example.com",timeout:30},onChange:()=>{},groups:[{id:"llm-settings",title:"LLM Configuration",params:[{id:"temp",name:"Temperature",type:"number",description:"Controls randomness in the output",defaultValue:.7,min:0,max:2,step:.1},{id:"maxTokens",name:"Max Tokens",type:"number",description:"Maximum number of tokens to generate",defaultValue:150,min:1,max:1e3,step:1}]},{id:"prompt-settings",title:"Prompt Configuration",params:[{id:"systemMsg",name:"System Message",type:"text",description:"System-level instructions",defaultValue:"You are a helpful assistant",singleLine:!0},{id:"role",name:"Default Role",type:"selection",description:"Select the default role",defaultValue:"assistant",options:[{id:"user",name:"User"},{id:"assistant",name:"Assistant"},{id:"system",name:"System"}]}]},{id:"api-config",title:"API Settings",params:[{id:"apiUrl",name:"API URL",type:"text",description:"Base URL for API calls",defaultValue:"https://api.example.com",singleLine:!0},{id:"timeout",name:"Timeout (seconds)",type:"number",description:"Request timeout in seconds",defaultValue:30,min:5,max:300,step:5}]}],readOnly:!1}},O={render:a=>t.jsx(V,{padding:"md",children:t.jsx(g,{...a})}),args:{defaultValues:{standalone:"Quick setting",temp:.8,model:"gpt-4"},onChange:()=>{},params:[{id:"standalone",name:"Quick Setting",type:"text",description:"A standalone parameter outside of groups",defaultValue:"Quick setting",singleLine:!0}],groups:[{id:"model-config",title:"Model Configuration",params:[{id:"temp",name:"Temperature",type:"number",description:"Model temperature",defaultValue:.8,min:0,max:1,step:.1},{id:"model",name:"Model",type:"selection",description:"Choose the AI model",defaultValue:"gpt-4",options:[{id:"gpt-3.5-turbo",name:"GPT-3.5 Turbo"},{id:"gpt-4",name:"GPT-4"},{id:"claude-3",name:"Claude 3"}]}]}],readOnly:!1}},z={render:a=>t.jsx(V,{padding:"md",children:t.jsx(g,{...a})}),args:{defaultValues:{1:"user",2:["javascript","typescript"],3:"home-2",4:["high","medium"]},onChange:()=>{},params:[{id:"1",name:"User Role",type:"selection",description:"Select a user role with icons",defaultValue:"user",options:[{id:"user",name:"User",icon:"user"},{id:"assistant",name:"Assistant",icon:"code"},{id:"system",name:"System",icon:"component"},{id:"admin",name:"Administrator",icon:"teacher"}]},{id:"2",name:"Programming Languages",type:"selection",description:"Choose programming languages with icons",defaultValue:["javascript","typescript"],multiSelect:!0,options:[{id:"javascript",name:"JavaScript",icon:"code"},{id:"typescript",name:"TypeScript",icon:"code-1"},{id:"python",name:"Python",icon:"code-circle"},{id:"java",name:"Java",icon:"document-code"},{id:"csharp",name:"C#",icon:"component"}]},{id:"3",name:"Navigation Section",type:"selection",description:"Choose a navigation section with icons",defaultValue:"home-2",options:[{id:"home-2",name:"Home",icon:"home-2"},{id:"folder-2",name:"Projects",icon:"folder-2"},{id:"user",name:"Profile",icon:"user"},{id:"wallet-2",name:"Billing",icon:"wallet-2"},{id:"component",name:"Settings",icon:"component"}]},{id:"4",name:"Priority Levels",type:"selection",description:"Select priority levels with status icons",defaultValue:["high"],multiSelect:!0,options:[{id:"low",name:"Low Priority",icon:"arrow-down"},{id:"medium",name:"Medium Priority",icon:"minus"},{id:"high",name:"High Priority",icon:"arrow-up-3"},{id:"urgent",name:"Urgent",icon:"danger"}]}],readOnly:!1}},W={render:a=>t.jsx(V,{padding:"md",children:t.jsx(g,{...a})}),args:{defaultValues:{1:.7,2:"You are a helpful assistant",3:"user",4:"2024-01-01"},onChange:()=>{},params:[{id:"1",name:"Temperature",type:"number",description:"Controls randomness in the output",defaultValue:.7,min:0,max:2,step:.1},{id:"2",name:"System Message",type:"text",description:"System-level instructions for the AI",defaultValue:"You are a helpful assistant",singleLine:!0},{id:"3",name:"User Role",type:"selection",description:"Select a user role",defaultValue:"user",options:[{id:"user",name:"User",icon:"user"},{id:"assistant",name:"Assistant",icon:"code"},{id:"system",name:"System",icon:"component"}]},{id:"4",name:"Start Date",type:"date",description:"Project start date",defaultValue:"2024-01-01"}],fullWidth:!0,readOnly:!1}};U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+  render: props => {
+    return <Container padding="md">
+        <ParamEditorHorizontal {...props} />
+      </Container>;
+  },
+  args: {
+    defaultValues: {
+      "1": 5,
+      "2": 5,
+      "3": "Hello World",
+      "4": "This is a multiline text example\\nwith multiple lines",
+      "5": "user",
+      "6": "2024-07-30",
+      "7": "#ff0000"
+    },
+    onChange: () => {},
+    params: [{
+      id: "1",
+      name: "Temperature",
+      type: "number",
+      description: "Controls randomness in the output",
+      defaultValue: 1,
+      min: 0,
+      max: 2,
+      step: 0.1
+    }, {
+      id: "2",
+      name: "Max Tokens",
+      type: "number",
+      description: "Maximum number of tokens to generate",
+      defaultValue: 100,
+      min: 1,
+      max: 1000,
+      step: 1
+    }, {
+      id: "3",
+      name: "System Message",
+      type: "text",
+      description: "Single line system instruction",
+      defaultValue: "You are a helpful assistant",
+      singleLine: true
+    }, {
+      id: "4",
+      name: "Prompt Template",
+      type: "text",
+      description: "Multi-line prompt template",
+      defaultValue: "Please help me with:\\n{user_input}",
+      singleLine: false
+    }, {
+      id: "5",
+      name: "Role",
+      type: "selection",
+      description: "Select a role",
+      defaultValue: "user",
+      options: [{
+        id: "user",
+        name: "User"
+      }, {
+        id: "assistant",
+        name: "Assistant"
+      }, {
+        id: "system",
+        name: "System"
+      }]
+    }, {
+      id: "6",
+      name: "Start Date",
+      type: "date",
+      description: "Select the start date for the process",
+      defaultValue: "2024-01-01",
+      min: "2024-01-01",
+      max: "2024-12-31"
+    }, {
+      id: "7",
+      name: "Theme Color",
+      type: "color",
+      description: "Pick a theme color",
+      defaultValue: "#ff0000"
+    }],
+    readOnly: false
+  }
+}`,...U.parameters?.docs?.source}}};E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  render: props => {
+    return <Container padding="md">
+        <ParamEditorHorizontal {...props} />
+      </Container>;
+  },
+  args: {
+    defaultValues: {
+      "1": "2024-07-30",
+      "2": "2024-01-01",
+      "3": "2025-12-31",
+      "4": "user"
+    },
+    onChange: () => {},
+    params: [{
+      id: "1",
+      name: "Current Date",
+      type: "date",
+      description: "Today's date with no restrictions",
+      defaultValue: "2024-07-30"
+    }, {
+      id: "2",
+      name: "Start Date",
+      type: "date",
+      description: "Project start date (minimum: 2024-01-01)",
+      defaultValue: "2024-01-01",
+      min: "2024-01-01"
+    }, {
+      id: "3",
+      name: "End Date",
+      type: "date",
+      description: "Project end date (maximum: 2025-12-31)",
+      defaultValue: "2025-12-31",
+      max: "2025-12-31"
+    }, {
+      id: "4",
+      name: "Role",
+      type: "selection",
+      description: "Select a role for comparison",
+      defaultValue: "user",
+      options: [{
+        id: "user",
+        name: "User"
+      }, {
+        id: "assistant",
+        name: "Assistant"
+      }, {
+        id: "system",
+        name: "System"
+      }]
+    }],
+    readOnly: false
+  }
+}`,...E.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+  render: props => {
+    return <Container padding="md">
+        <ParamEditorHorizontal {...props} />
+      </Container>;
+  },
+  args: {
+    defaultValues: {
+      "1": 0.7,
+      "2": ["javascript", "python"],
+      "3": "assistant",
+      "4": [],
+      "5": "2024-12-31"
+    },
+    onChange: () => {},
+    params: [{
+      id: "1",
+      name: "Temperature",
+      type: "number",
+      description: "Controls randomness in the output",
+      defaultValue: 0.7,
+      min: 0,
+      max: 2,
+      step: 0.1
+    }, {
+      id: "2",
+      name: "Languages",
+      type: "selection",
+      description: "Select multiple programming languages",
+      defaultValue: ["javascript", "python"],
+      multiSelect: true,
+      placeholder: "Languages...",
+      options: [{
+        id: "javascript",
+        name: "JavaScript"
+      }, {
+        id: "python",
+        name: "Python"
+      }, {
+        id: "typescript",
+        name: "TypeScript"
+      }, {
+        id: "java",
+        name: "Java"
+      }, {
+        id: "csharp",
+        name: "C#"
+      }]
+    }, {
+      id: "3",
+      name: "Role",
+      type: "selection",
+      description: "Select a single role",
+      defaultValue: "assistant",
+      options: [{
+        id: "user",
+        name: "User"
+      }, {
+        id: "assistant",
+        name: "Assistant"
+      }, {
+        id: "system",
+        name: "System"
+      }]
+    }, {
+      id: "4",
+      name: "Priorities",
+      type: "selection",
+      description: "Select multiple priority levels",
+      defaultValue: [],
+      multiSelect: true,
+      placeholder: "Priorities...",
+      options: [{
+        id: "low",
+        name: "Low"
+      }, {
+        id: "medium",
+        name: "Medium"
+      }, {
+        id: "high",
+        name: "High"
+      }, {
+        id: "urgent",
+        name: "Urgent"
+      }]
+    }, {
+      id: "5",
+      name: "Deadline",
+      type: "date",
+      description: "Project deadline date",
+      defaultValue: "2024-12-31",
+      min: "2024-01-01",
+      max: "2025-12-31"
+    }],
+    readOnly: false
+  }
+}`,...R.parameters?.docs?.source}}};H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
+  render: props => {
+    return <Container padding="md">
+        <ParamEditorHorizontal {...props} />
+      </Container>;
+  },
+  args: {
+    defaultValues: {
+      temp: 0.7,
+      maxTokens: 150,
+      systemMsg: "You are a helpful assistant",
+      role: "assistant",
+      startDate: "2024-01-01",
+      apiUrl: "https://api.example.com",
+      timeout: 30
+    },
+    onChange: () => {},
+    groups: [{
+      id: "llm-settings",
+      title: "LLM Configuration",
+      params: [{
+        id: "temp",
+        name: "Temperature",
+        type: "number",
+        description: "Controls randomness in the output",
+        defaultValue: 0.7,
+        min: 0,
+        max: 2,
+        step: 0.1
+      }, {
+        id: "maxTokens",
+        name: "Max Tokens",
+        type: "number",
+        description: "Maximum number of tokens to generate",
+        defaultValue: 150,
+        min: 1,
+        max: 1000,
+        step: 1
+      }]
+    }, {
+      id: "prompt-settings",
+      title: "Prompt Configuration",
+      params: [{
+        id: "systemMsg",
+        name: "System Message",
+        type: "text",
+        description: "System-level instructions",
+        defaultValue: "You are a helpful assistant",
+        singleLine: true
+      }, {
+        id: "role",
+        name: "Default Role",
+        type: "selection",
+        description: "Select the default role",
+        defaultValue: "assistant",
+        options: [{
+          id: "user",
+          name: "User"
+        }, {
+          id: "assistant",
+          name: "Assistant"
+        }, {
+          id: "system",
+          name: "System"
+        }]
+      }]
+    }, {
+      id: "api-config",
+      title: "API Settings",
+      params: [{
+        id: "apiUrl",
+        name: "API URL",
+        type: "text",
+        description: "Base URL for API calls",
+        defaultValue: "https://api.example.com",
+        singleLine: true
+      }, {
+        id: "timeout",
+        name: "Timeout (seconds)",
+        type: "number",
+        description: "Request timeout in seconds",
+        defaultValue: 30,
+        min: 5,
+        max: 300,
+        step: 5
+      }]
+    }],
+    readOnly: false
+  }
+}`,...H.parameters?.docs?.source}}};O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+  render: props => {
+    return <Container padding="md">
+        <ParamEditorHorizontal {...props} />
+      </Container>;
+  },
+  args: {
+    defaultValues: {
+      standalone: "Quick setting",
+      temp: 0.8,
+      model: "gpt-4"
+    },
+    onChange: () => {},
+    params: [{
+      id: "standalone",
+      name: "Quick Setting",
+      type: "text",
+      description: "A standalone parameter outside of groups",
+      defaultValue: "Quick setting",
+      singleLine: true
+    }],
+    groups: [{
+      id: "model-config",
+      title: "Model Configuration",
+      params: [{
+        id: "temp",
+        name: "Temperature",
+        type: "number",
+        description: "Model temperature",
+        defaultValue: 0.8,
+        min: 0,
+        max: 1,
+        step: 0.1
+      }, {
+        id: "model",
+        name: "Model",
+        type: "selection",
+        description: "Choose the AI model",
+        defaultValue: "gpt-4",
+        options: [{
+          id: "gpt-3.5-turbo",
+          name: "GPT-3.5 Turbo"
+        }, {
+          id: "gpt-4",
+          name: "GPT-4"
+        }, {
+          id: "claude-3",
+          name: "Claude 3"
+        }]
+      }]
+    }],
+    readOnly: false
+  }
+}`,...O.parameters?.docs?.source}}};z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  render: props => {
+    return <Container padding="md">
+        <ParamEditorHorizontal {...props} />
+      </Container>;
+  },
+  args: {
+    defaultValues: {
+      "1": "user",
+      "2": ["javascript", "typescript"],
+      "3": "home-2",
+      "4": ["high", "medium"]
+    },
+    onChange: () => {},
+    params: [{
+      id: "1",
+      name: "User Role",
+      type: "selection",
+      description: "Select a user role with icons",
+      defaultValue: "user",
+      options: [{
+        id: "user",
+        name: "User",
+        icon: "user"
+      }, {
+        id: "assistant",
+        name: "Assistant",
+        icon: "code"
+      }, {
+        id: "system",
+        name: "System",
+        icon: "component"
+      }, {
+        id: "admin",
+        name: "Administrator",
+        icon: "teacher"
+      }]
+    }, {
+      id: "2",
+      name: "Programming Languages",
+      type: "selection",
+      description: "Choose programming languages with icons",
+      defaultValue: ["javascript", "typescript"],
+      multiSelect: true,
+      options: [{
+        id: "javascript",
+        name: "JavaScript",
+        icon: "code"
+      }, {
+        id: "typescript",
+        name: "TypeScript",
+        icon: "code-1"
+      }, {
+        id: "python",
+        name: "Python",
+        icon: "code-circle"
+      }, {
+        id: "java",
+        name: "Java",
+        icon: "document-code"
+      }, {
+        id: "csharp",
+        name: "C#",
+        icon: "component"
+      }]
+    }, {
+      id: "3",
+      name: "Navigation Section",
+      type: "selection",
+      description: "Choose a navigation section with icons",
+      defaultValue: "home-2",
+      options: [{
+        id: "home-2",
+        name: "Home",
+        icon: "home-2"
+      }, {
+        id: "folder-2",
+        name: "Projects",
+        icon: "folder-2"
+      }, {
+        id: "user",
+        name: "Profile",
+        icon: "user"
+      }, {
+        id: "wallet-2",
+        name: "Billing",
+        icon: "wallet-2"
+      }, {
+        id: "component",
+        name: "Settings",
+        icon: "component"
+      }]
+    }, {
+      id: "4",
+      name: "Priority Levels",
+      type: "selection",
+      description: "Select priority levels with status icons",
+      defaultValue: ["high"],
+      multiSelect: true,
+      options: [{
+        id: "low",
+        name: "Low Priority",
+        icon: "arrow-down"
+      }, {
+        id: "medium",
+        name: "Medium Priority",
+        icon: "minus"
+      }, {
+        id: "high",
+        name: "High Priority",
+        icon: "arrow-up-3"
+      }, {
+        id: "urgent",
+        name: "Urgent",
+        icon: "danger"
+      }]
+    }],
+    readOnly: false
+  }
+}`,...z.parameters?.docs?.source}}};W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+  render: props => {
+    return <Container padding="md">
+        <ParamEditorHorizontal {...props} />
+      </Container>;
+  },
+  args: {
+    defaultValues: {
+      "1": 0.7,
+      "2": "You are a helpful assistant",
+      "3": "user",
+      "4": "2024-01-01"
+    },
+    onChange: () => {},
+    params: [{
+      id: "1",
+      name: "Temperature",
+      type: "number",
+      description: "Controls randomness in the output",
+      defaultValue: 0.7,
+      min: 0,
+      max: 2,
+      step: 0.1
+    }, {
+      id: "2",
+      name: "System Message",
+      type: "text",
+      description: "System-level instructions for the AI",
+      defaultValue: "You are a helpful assistant",
+      singleLine: true
+    }, {
+      id: "3",
+      name: "User Role",
+      type: "selection",
+      description: "Select a user role",
+      defaultValue: "user",
+      options: [{
+        id: "user",
+        name: "User",
+        icon: "user"
+      }, {
+        id: "assistant",
+        name: "Assistant",
+        icon: "code"
+      }, {
+        id: "system",
+        name: "System",
+        icon: "component"
+      }]
+    }, {
+      id: "4",
+      name: "Start Date",
+      type: "date",
+      description: "Project start date",
+      defaultValue: "2024-01-01"
+    }],
+    fullWidth: true,
+    readOnly: false
+  }
+}`,...W.parameters?.docs?.source}}};const Xe=["Demo","DateInputs","MultiSelectExample","WithInputGroups","MixedGroupsAndParams","SelectionsWithIcons","FullWidthNoEffect"];export{E as DateInputs,U as Demo,W as FullWidthNoEffect,O as MixedGroupsAndParams,R as MultiSelectExample,z as SelectionsWithIcons,H as WithInputGroups,Xe as __namedExportsOrder,$e as default};