@acusti/uikit-docs 0.4.4 → 0.4.6

package/dist/assets/Dropdown.stories-2Wtw1otE.js

@@ -1,336 +0,0 @@
-import{r as e,R as ie}from"./iframe-ByGa_ItU.js";import{C as g}from"./CSSValueInput-BoZriUnh.js";import{D as re}from"./Dropdown-DUP_ybXe.js";/* empty css                  */import"./jsx-runtime-D_zvdyIk.js";import"./clsx-hXifHU8N.js";import"./index-BRXcJgsA.js";const{fn:l}=__STORYBOOK_MODULE_TEST__,{Fragment:se}=ie,Ee={component:re,parameters:{docs:{description:{component:"`Dropdown` is a React component that renders a menu-like UI with a trigger that the user clicks to disclose a dropdown positioned below the trigger. The body of the dropdown can include any DOM, and many dropdowns can be combined to form a multi-item menu, like the system menu in the top toolbar of macOS."}}},tags:["autodocs"],title:"UIKit/Controls/Dropdown"},n={args:{children:e.createElement("ul",null,e.createElement("li",null,"0px"),e.createElement("li",null,"4px"),e.createElement("li",null,"9px"),e.createElement("li",null,"18px"),e.createElement("li",null,"36px"),e.createElement("li",null,"54px"),e.createElement("li",null,"72px"),e.createElement("li",null,"144px"),e.createElement("li",null,"167px"),e.createElement("li",null,"198px")),className:"css-lengths no-trigger-text"}},t={args:{children:e.createElement("ul",null,e.createElement("li",null,"Alabama"),e.createElement("li",null,"Alaska"),e.createElement("li",null,"Arizona"),e.createElement("li",null,"Arkansas"),e.createElement("li",null,"California"),e.createElement("li",null,"Colorado"),e.createElement("li",null,"Connecticut"),e.createElement("li",null,"Delaware"),e.createElement("li",null,"Florida"),e.createElement("li",null,"Georgia"),e.createElement("li",null,"Hawaii"),e.createElement("li",null,"Idaho"),e.createElement("li",null,"Illinois"),e.createElement("li",null,"Indiana"),e.createElement("li",null,"Iowa"),e.createElement("li",null,"Kansas"),e.createElement("li",null,"Kentucky"),e.createElement("li",null,"Louisiana"),e.createElement("li",null,"Maine"),e.createElement("li",null,"Maryland"),e.createElement("li",null,"Massachusetts"),e.createElement("li",null,"Michigan"),e.createElement("li",null,"Minnesota"),e.createElement("li",null,"Mississippi"),e.createElement("li",null,"Missouri"),e.createElement("li",null,"Montana"),e.createElement("li",null,"Nebraska"),e.createElement("li",null,"Nevada"),e.createElement("li",null,"New Hampshire"),e.createElement("li",null,"New Jersey"),e.createElement("li",null,"New Mexico"),e.createElement("li",null,"New York"),e.createElement("li",null,"North Carolina"),e.createElement("li",null,"North Dakota"),e.createElement("li",null,"Ohio"),e.createElement("li",null,"Oklahoma"),e.createElement("li",null,"Oregon"),e.createElement("li",null,"Pennsylvania"),e.createElement("li",null,"Rhode Island"),e.createElement("li",null,"South Carolina"),e.createElement("li",null,"South Dakota"),e.createElement("li",null,"Tennessee"),e.createElement("li",null,"Texas"),e.createElement("li",null,"Utah"),e.createElement("li",null,"Vermont"),e.createElement("li",null,"Virginia"),e.createElement("li",null,"Washington"),e.createElement("li",null,"West Virginia"),e.createElement("li",null,"Wisconsin"),e.createElement("li",null,"Wyoming")),className:"states-dropdown",isSearchable:!0,placeholder:"Choose a state…"}},a={args:{children:e.createElement("ul",null,e.createElement("li",{"data-ukt-value":"100"},e.createElement("span",{className:"item-title"},"Font Weight - "),"100"),e.createElement("li",{"data-ukt-value":"200"},e.createElement("span",{className:"item-title"},"Font Weight - "),"200"),e.createElement("li",{"data-ukt-value":"300"},e.createElement("span",{className:"item-title"},"Font Weight - "),"300"),e.createElement("li",{"data-ukt-value":"400"},e.createElement("span",{className:"item-title"},"Font Weight - "),"400"),e.createElement("li",{"data-ukt-value":"500"},e.createElement("span",{className:"item-title"},"Font Weight - "),"500"),e.createElement("li",{"data-ukt-value":"600"},e.createElement("span",{className:"item-title"},"Font Weight - "),"600"),e.createElement("li",{"data-ukt-value":"700"},e.createElement("span",{className:"item-title"},"Font Weight - "),"700")),className:"font-weight",isSearchable:!0}},i={args:{children:["View menu",e.createElement(se,null,e.createElement("h4",{className:"heading"},"View"),e.createElement("ul",null,e.createElement("li",{"data-ukt-item":!0},"Open"),e.createElement("li",{"data-ukt-item":!0},"Preview")),e.createElement("h4",{className:"heading"},"Edit"),e.createElement("ul",null,e.createElement("li",{"data-ukt-value":"save-item"},"Save"),e.createElement("li",{"data-ukt-value":"edit-item"},"Edit"),e.createElement("li",{"data-ukt-value":"delete-item"},"Delete")))],className:"open-on-mount-context-menu",isOpenOnMount:!0,onClick:l(),onClose:l(),onMouseDown:l(),onMouseUp:l(),onOpen:l(),onSubmitItem:l()}},r={args:{children:["Open",e.createElement("div",null,e.createElement("p",null,"Try interacting with the controls here. The dropdown should only close when you click outside of the entire dropdown or if you hit the escape key when focus isn’t in the input controls."),e.createElement(g,{cssValueType:"length",label:"Width",onSubmitValue:()=>{},placeholder:"100vw",unit:"vw"}),e.createElement(g,{cssValueType:"length",label:"Rotation",onSubmitValue:()=>{},placeholder:"0deg",step:5,unit:"deg"}))],className:"dropdown-without-items",hasItems:!1}},s={args:{children:e.createElement("ul",null,e.createElement("li",null,"0px"),e.createElement("li",null,"4px"),e.createElement("li",null,"9px"),e.createElement("li",null,"18px"),e.createElement("li",null,"36px"),e.createElement("li",null,"54px"),e.createElement("li",null,"72px"),e.createElement("li",null,"144px"),e.createElement("li",null,"167px"),e.createElement("li",null,"198px")),className:"searchable-with-label",isSearchable:!0,label:"Font size"}},o={args:{allowCreate:!0,children:e.createElement("ul",null,e.createElement("li",null,"0px"),e.createElement("li",null,"4px"),e.createElement("li",null,"9px"),e.createElement("li",null,"18px"),e.createElement("li",null,"36px"),e.createElement("li",null,"54px"),e.createElement("li",null,"72px"),e.createElement("li",null,"144px"),e.createElement("li",null,"167px"),e.createElement("li",null,"198px")),className:"searchable-and-allow-create",isSearchable:!0,label:"Font size"}},c={args:{allowCreate:!0,children:[e.createElement(g,{name:"cssinputbackgroundsize",onSubmitValue:()=>{},placeholder:"cover",validator:/^(auto|contain|cover)$/}),e.createElement("ul",null,e.createElement("li",null,"cover"),e.createElement("li",null,"contain"),e.createElement("li",null,"auto"),e.createElement("li",null,"50px"),e.createElement("li",null,"100px"),e.createElement("li",null,"200px"),e.createElement("li",null,"50%"))],className:"css-value-input-trigger",hasItems:!0,label:"Background size"}},u={args:{children:[e.createElement("textarea",null),e.createElement("ul",null,e.createElement("li",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ullamcorper fringilla quam, vel tincidunt nisl mattis vel."),e.createElement("li",null,"Aenean posuere erat sed enim luctus, et accumsan nisl elementum. Nulla vel blandit urna, vel accumsan nulla. Nulla varius luctus ex, gravida ultrices orci sagittis eu."),e.createElement("li",null,"Quisque vitae magna euismod ligula molestie maximus id et nunc. Nam et lacus euismod, porttitor massa vel, sollicitudin ex. Sed ut tellus suscipit, faucibus tortor nec, fermentum mi."),e.createElement("li",null,"Nulla sagittis justo non accumsan sagittis. Cras a eros et dolor dapibus bibendum lobortis quis ante. Ut eget scelerisque massa."),e.createElement("li",null,"Vestibulum quis dignissim nunc. Mauris fringilla at nulla non lacinia. Etiam tristique elit non nisl finibus, fringilla hendrerit ligula hendrerit. Fusce eget leo lacinia, eleifend diam non, suscipit purus."))],className:"textarea-trigger",hasItems:!0}},m={args:{children:["Colors",e.createElement("ul",null,e.createElement("li",null,e.createElement("label",null,e.createElement("input",{type:"checkbox"})," Red")),e.createElement("li",null,e.createElement("label",null,e.createElement("input",{type:"checkbox"})," Blue")),e.createElement("li",null,e.createElement("label",null,e.createElement("input",{type:"checkbox"})," Yellow")),e.createElement("li",null,e.createElement("label",null,e.createElement("input",{type:"checkbox"})," Cyan")),e.createElement("li",null,e.createElement("label",null,e.createElement("input",{type:"checkbox"})," Orchid")),e.createElement("li",null,e.createElement("label",null,e.createElement("input",{type:"checkbox"})," Slate")))],className:"checkboxes",keepOpenOnSubmit:!0}},p={args:{children:e.createElement("ul",null,e.createElement("li",null,"0px"),e.createElement("li",null,"4px"),e.createElement("li",null,"9px"),e.createElement("li",null,"18px"),e.createElement("li",null,"36px"),e.createElement("li",null,"54px"),e.createElement("li",null,"72px"),e.createElement("li",null,"144px"),e.createElement("li",null,"167px"),e.createElement("li",null,"198px")),className:"disabled-dropdown",disabled:!0,isSearchable:!0,label:"Disabled",name:"disabledexample",value:"167px"}},d={args:{children:e.createElement("ul",null,e.createElement("li",null,"the carbon in our apple pies"),e.createElement("li",null,"sea of tranquility tesseract"),e.createElement("li",null,"encyclopaedia galactica"),e.createElement("li",null,"billions upon billions"),e.createElement("li",null,"network of wormholes"),e.createElement("li",null,"tingling of the spine"),e.createElement("li",null,"corpus callosum"),e.createElement("li",null,"finite but unbounded")),className:"overlapping-dropdown no-trigger-text"}},h={args:{children:e.createElement("ul",null,e.createElement("li",null,"0px"),e.createElement("li",null,"4px"),e.createElement("li",null,"9px"),e.createElement("li",null,"18px"),e.createElement("li",null,"36px"),e.createElement("li",null,"54px"),e.createElement("li",null,"72px"),e.createElement("li",null,"144px"),e.createElement("li",null,"167px"),e.createElement("li",null,"198px")),className:"out-of-bounds-example position-right",isSearchable:!0,name:"outofboundsatright",placeholder:"Show above & to the left"}},E={args:{children:e.createElement("ul",null,e.createElement("li",null,"Antarctica"),e.createElement("li",null,"Arctic Circle"),e.createElement("li",null,"North Pole")),className:"out-of-bounds-example no-direction-change",isSearchable:!0,name:"outofboundsatbottomnodirectionchange",placeholder:"Show below even though it goes out of bounds"}};var x,b,w;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  args: {
-    children: <ul>
-                <li>0px</li>
-                <li>4px</li>
-                <li>9px</li>
-                <li>18px</li>
-                <li>36px</li>
-                <li>54px</li>
-                <li>72px</li>
-                <li>144px</li>
-                <li>167px</li>
-                <li>198px</li>
-            </ul>,
-    className: 'css-lengths no-trigger-text'
-  }
-}`,...(w=(b=n.parameters)==null?void 0:b.docs)==null?void 0:w.source}}};var S,k,v;t.parameters={...t.parameters,docs:{...(S=t.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    children: <ul>
-                <li>Alabama</li>
-                <li>Alaska</li>
-                <li>Arizona</li>
-                <li>Arkansas</li>
-                <li>California</li>
-                <li>Colorado</li>
-                <li>Connecticut</li>
-                <li>Delaware</li>
-                <li>Florida</li>
-                <li>Georgia</li>
-                <li>Hawaii</li>
-                <li>Idaho</li>
-                <li>Illinois</li>
-                <li>Indiana</li>
-                <li>Iowa</li>
-                <li>Kansas</li>
-                <li>Kentucky</li>
-                <li>Louisiana</li>
-                <li>Maine</li>
-                <li>Maryland</li>
-                <li>Massachusetts</li>
-                <li>Michigan</li>
-                <li>Minnesota</li>
-                <li>Mississippi</li>
-                <li>Missouri</li>
-                <li>Montana</li>
-                <li>Nebraska</li>
-                <li>Nevada</li>
-                <li>New Hampshire</li>
-                <li>New Jersey</li>
-                <li>New Mexico</li>
-                <li>New York</li>
-                <li>North Carolina</li>
-                <li>North Dakota</li>
-                <li>Ohio</li>
-                <li>Oklahoma</li>
-                <li>Oregon</li>
-                <li>Pennsylvania</li>
-                <li>Rhode Island</li>
-                <li>South Carolina</li>
-                <li>South Dakota</li>
-                <li>Tennessee</li>
-                <li>Texas</li>
-                <li>Utah</li>
-                <li>Vermont</li>
-                <li>Virginia</li>
-                <li>Washington</li>
-                <li>West Virginia</li>
-                <li>Wisconsin</li>
-                <li>Wyoming</li>
-            </ul>,
-    className: 'states-dropdown',
-    isSearchable: true,
-    placeholder: 'Choose a state…'
-  }
-}`,...(v=(k=t.parameters)==null?void 0:k.docs)==null?void 0:v.source}}};var N,f,y;a.parameters={...a.parameters,docs:{...(N=a.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  args: {
-    children: <ul>
-                <li data-ukt-value="100">
-                    <span className="item-title">Font Weight - </span>
-                    100
-                </li>
-                <li data-ukt-value="200">
-                    <span className="item-title">Font Weight - </span>
-                    200
-                </li>
-                <li data-ukt-value="300">
-                    <span className="item-title">Font Weight - </span>
-                    300
-                </li>
-                <li data-ukt-value="400">
-                    <span className="item-title">Font Weight - </span>
-                    400
-                </li>
-                <li data-ukt-value="500">
-                    <span className="item-title">Font Weight - </span>
-                    500
-                </li>
-                <li data-ukt-value="600">
-                    <span className="item-title">Font Weight - </span>
-                    600
-                </li>
-                <li data-ukt-value="700">
-                    <span className="item-title">Font Weight - </span>
-                    700
-                </li>
-            </ul>,
-    className: 'font-weight',
-    isSearchable: true
-  }
-}`,...(y=(f=a.parameters)==null?void 0:f.docs)==null?void 0:y.source}}};var C,O,D;i.parameters={...i.parameters,docs:{...(C=i.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  args: {
-    children: ['View menu', <Fragment>
-                <h4 className="heading">View</h4>
-                <ul>
-                    <li data-ukt-item>Open</li>
-                    <li data-ukt-item>Preview</li>
-                </ul>
-                <h4 className="heading">Edit</h4>
-                <ul>
-                    <li data-ukt-value="save-item">Save</li>
-                    <li data-ukt-value="edit-item">Edit</li>
-                    <li data-ukt-value="delete-item">Delete</li>
-                </ul>
-            </Fragment>],
-    className: 'open-on-mount-context-menu',
-    isOpenOnMount: true,
-    // NOTE spies are a workaround for a bug related to implicit arg detection
-    // https://github.com/storybookjs/storybook/issues/23873
-    onClick: fn(),
-    onClose: fn(),
-    onMouseDown: fn(),
-    onMouseUp: fn(),
-    onOpen: fn(),
-    onSubmitItem: fn()
-  }
-}`,...(D=(O=i.parameters)==null?void 0:O.docs)==null?void 0:D.source}}};var M,W,I;r.parameters={...r.parameters,docs:{...(M=r.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    children: ['Open', <div>
-                <p>
-                    Try interacting with the controls here. The dropdown should only close
-                    when you click outside of the entire dropdown or if you hit the escape
-                    key when focus isn’t in the input controls.
-                </p>
-                <CSSValueInput cssValueType="length" label="Width" onSubmitValue={() => {}} placeholder="100vw" unit="vw" />
-                <CSSValueInput cssValueType="length" label="Rotation" onSubmitValue={() => {}} placeholder="0deg" step={5} unit="deg" />
-            </div>],
-    className: 'dropdown-without-items',
-    hasItems: false
-  }
-}`,...(I=(W=r.parameters)==null?void 0:W.docs)==null?void 0:I.source}}};var V,F,T;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    children: <ul>
-                <li>0px</li>
-                <li>4px</li>
-                <li>9px</li>
-                <li>18px</li>
-                <li>36px</li>
-                <li>54px</li>
-                <li>72px</li>
-                <li>144px</li>
-                <li>167px</li>
-                <li>198px</li>
-            </ul>,
-    className: 'searchable-with-label',
-    isSearchable: true,
-    label: 'Font size'
-  }
-}`,...(T=(F=s.parameters)==null?void 0:F.docs)==null?void 0:T.source}}};var A,q,R;o.parameters={...o.parameters,docs:{...(A=o.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    allowCreate: true,
-    children: <ul>
-                <li>0px</li>
-                <li>4px</li>
-                <li>9px</li>
-                <li>18px</li>
-                <li>36px</li>
-                <li>54px</li>
-                <li>72px</li>
-                <li>144px</li>
-                <li>167px</li>
-                <li>198px</li>
-            </ul>,
-    className: 'searchable-and-allow-create',
-    isSearchable: true,
-    label: 'Font size'
-  }
-}`,...(R=(q=o.parameters)==null?void 0:q.docs)==null?void 0:R.source}}};var z,B,L;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    allowCreate: true,
-    children: [<CSSValueInput name="cssinputbackgroundsize" onSubmitValue={() => {}} placeholder="cover" validator={/^(auto|contain|cover)$/} />, <ul>
-                <li>cover</li>
-                <li>contain</li>
-                <li>auto</li>
-                <li>50px</li>
-                <li>100px</li>
-                <li>200px</li>
-                <li>50%</li>
-            </ul>],
-    className: 'css-value-input-trigger',
-    hasItems: true,
-    label: 'Background size'
-  }
-}`,...(L=(B=c.parameters)==null?void 0:B.docs)==null?void 0:L.source}}};var U,P,_;u.parameters={...u.parameters,docs:{...(U=u.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    children: [<textarea></textarea>, <ul>
-                <li>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
-                    ullamcorper fringilla quam, vel tincidunt nisl mattis vel.
-                </li>
-                <li>
-                    Aenean posuere erat sed enim luctus, et accumsan nisl elementum. Nulla
-                    vel blandit urna, vel accumsan nulla. Nulla varius luctus ex, gravida
-                    ultrices orci sagittis eu.
-                </li>
-                <li>
-                    Quisque vitae magna euismod ligula molestie maximus id et nunc. Nam et
-                    lacus euismod, porttitor massa vel, sollicitudin ex. Sed ut tellus
-                    suscipit, faucibus tortor nec, fermentum mi.
-                </li>
-                <li>
-                    Nulla sagittis justo non accumsan sagittis. Cras a eros et dolor
-                    dapibus bibendum lobortis quis ante. Ut eget scelerisque massa.
-                </li>
-                <li>
-                    Vestibulum quis dignissim nunc. Mauris fringilla at nulla non lacinia.
-                    Etiam tristique elit non nisl finibus, fringilla hendrerit ligula
-                    hendrerit. Fusce eget leo lacinia, eleifend diam non, suscipit purus.
-                </li>
-            </ul>],
-    className: 'textarea-trigger',
-    hasItems: true
-  }
-}`,...(_=(P=u.parameters)==null?void 0:P.docs)==null?void 0:_.source}}};var K,Y,H;m.parameters={...m.parameters,docs:{...(K=m.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  args: {
-    children: ['Colors', <ul>
-                <li>
-                    <label>
-                        <input type="checkbox" /> Red
-                    </label>
-                </li>
-                <li>
-                    <label>
-                        <input type="checkbox" /> Blue
-                    </label>
-                </li>
-                <li>
-                    <label>
-                        <input type="checkbox" /> Yellow
-                    </label>
-                </li>
-                <li>
-                    <label>
-                        <input type="checkbox" /> Cyan
-                    </label>
-                </li>
-                <li>
-                    <label>
-                        <input type="checkbox" /> Orchid
-                    </label>
-                </li>
-                <li>
-                    <label>
-                        <input type="checkbox" /> Slate
-                    </label>
-                </li>
-            </ul>],
-    className: 'checkboxes',
-    keepOpenOnSubmit: true
-  }
-}`,...(H=(Y=m.parameters)==null?void 0:Y.docs)==null?void 0:H.source}}};var j,G,J;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    children: <ul>
-                <li>0px</li>
-                <li>4px</li>
-                <li>9px</li>
-                <li>18px</li>
-                <li>36px</li>
-                <li>54px</li>
-                <li>72px</li>
-                <li>144px</li>
-                <li>167px</li>
-                <li>198px</li>
-            </ul>,
-    className: 'disabled-dropdown',
-    disabled: true,
-    isSearchable: true,
-    label: 'Disabled',
-    name: 'disabledexample',
-    value: '167px'
-  }
-}`,...(J=(G=p.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var Q,$,X;d.parameters={...d.parameters,docs:{...(Q=d.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  args: {
-    children: <ul>
-                <li>the carbon in our apple pies</li>
-                <li>sea of tranquility tesseract</li>
-                <li>encyclopaedia galactica</li>
-                <li>billions upon billions</li>
-                <li>network of wormholes</li>
-                <li>tingling of the spine</li>
-                <li>corpus callosum</li>
-                <li>finite but unbounded</li>
-            </ul>,
-    className: 'overlapping-dropdown no-trigger-text'
-  }
-}`,...(X=($=d.parameters)==null?void 0:$.docs)==null?void 0:X.source}}};var Z,ee,le;h.parameters={...h.parameters,docs:{...(Z=h.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    children: <ul>
-                <li>0px</li>
-                <li>4px</li>
-                <li>9px</li>
-                <li>18px</li>
-                <li>36px</li>
-                <li>54px</li>
-                <li>72px</li>
-                <li>144px</li>
-                <li>167px</li>
-                <li>198px</li>
-            </ul>,
-    className: 'out-of-bounds-example position-right',
-    isSearchable: true,
-    name: 'outofboundsatright',
-    placeholder: 'Show above & to the left'
-  }
-}`,...(le=(ee=h.parameters)==null?void 0:ee.docs)==null?void 0:le.source}}};var ne,te,ae;E.parameters={...E.parameters,docs:{...(ne=E.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  args: {
-    children: <ul>
-                <li>Antarctica</li>
-                <li>Arctic Circle</li>
-                <li>North Pole</li>
-            </ul>,
-    className: 'out-of-bounds-example no-direction-change',
-    isSearchable: true,
-    name: 'outofboundsatbottomnodirectionchange',
-    placeholder: 'Show below even though it goes out of bounds'
-  }
-}`,...(ae=(te=E.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};const ge=["CSSLengthsDropdown","StatesDropdown","FontWeightDropdown","ShowContextMenuOnMount","DropdownWithInteractiveContents","SearchableWithLabel","SearchableAndAllowCreate","CSSValueInputTrigger","TextareaTrigger","CheckboxesDropdown","DisabledDropdown","OverlappingDropdown","OutOfBoundsAtRight","OutOfBoundsWithNoDirectionChange"];export{n as CSSLengthsDropdown,c as CSSValueInputTrigger,m as CheckboxesDropdown,p as DisabledDropdown,r as DropdownWithInteractiveContents,a as FontWeightDropdown,h as OutOfBoundsAtRight,E as OutOfBoundsWithNoDirectionChange,d as OverlappingDropdown,o as SearchableAndAllowCreate,s as SearchableWithLabel,i as ShowContextMenuOnMount,t as StatesDropdown,u as TextareaTrigger,ge as __namedExportsOrder,Ee as default};

package/dist/assets/InputText-Tkbh5amB.css

@@ -1 +0,0 @@
-.input-text{width:160px;padding:3px 6px;font-family:system-ui,sans-serif;font-size:13px;line-height:13px}.input-text-double-click-to-edit{border-color:transparent}.input-text-double-click-to-edit:read-only{cursor:pointer}.multi-line-input-text{width:240px}[popover]{border:0;box-shadow:0 3px 16px 1px #00000080;padding:25px 30px;border-radius:5px}

package/dist/assets/InputText.stories-BYt2Aj0_.js

@@ -1,90 +0,0 @@
-import{r as t,R as rt}from"./iframe-ByGa_ItU.js";/* empty css                  */const{useEffect:L,useImperativeHandle:ot,useRef:M,useState:U}=rt,b=t.forwardRef(function({autoCapitalize:s,autoComplete:a,autoFocus:y,className:Oe,disabled:_e,doubleClickToEdit:p,enterKeyHint:be,form:ye,id:Pe,initialValue:P,list:xe,max:Ne,maxHeight:x=1/0,maxLength:Fe,min:Re,minLength:we,multiLine:o,multiple:Le,name:Me,onBlur:D,onChange:W,onChangeValue:V,onFocus:A,onKeyDown:B,onKeyUp:Ue,pattern:De,placeholder:We,readOnly:Ve,required:Ae,rows:Be=1,selectTextOnFocus:k,size:ke,step:Ce,style:C,submitOnEnter:He,tabIndex:Ke,title:ze,type:Ge="text"},Ye){const r=M(null);ot(Ye,()=>r.current);const[N,qe]=U(null),l=M(null),F=e=>{r.current=e,qe(e)};L(()=>{r.current&&(r.current.value=P??"")},[P]);const[m,Xe]=U(!0);L(()=>{typeof CSS>"u"||Xe(CSS.supports("field-sizing","content"))},[]);const[H,R]=U(Ve??p),w=M(!0),$e=()=>{p&&R(!1)},c=()=>{if(!r.current||m||(r.current.style.height&&(r.current.style.height=""),!o))return;const e=Math.min(r.current.scrollHeight,typeof x=="string"?parseFloat(x):x);e&&(r.current.style.height=`${e}px`)};L(()=>{if(!(!N||!o||m))return c(),l.current=new ResizeObserver(()=>c()),l.current.observe(N),()=>{l.current&&(l.current.disconnect(),l.current=null)}},[N,o,c,m]);const je=e=>{W&&W(e),V&&V(e.target.value)},Je=e=>{A&&A(e),o&&c()},Qe=e=>{D&&D(e),p&&R(!0),k&&(F(e.currentTarget),w.current=!0)},Ze=e=>{if(!k)return;const n=e.currentTarget;if(F(n),!w.current||(w.current=!1,!n.value)||n.ownerDocument.activeElement!==n)return;const K=n.value.length;n.selectionStart===0&&n.selectionEnd===K||(n.selectionStart=0,n.selectionEnd=K)},et=e=>{var n;B&&B(e),e.key==="Enter"&&(He||o&&at(e))&&(!o||!e.shiftKey&&!e.altKey&&!e.ctrlKey)?(e.preventDefault(),(n=e.currentTarget.closest("form"))==null||n.requestSubmit(),e.currentTarget.blur()):p&&r.current&&(H?e.key==="Enter"&&R(!1):(e.key==="Enter"||e.key==="Escape")&&r.current.blur())},tt=o&&m?{...C,fieldSizing:"content"}:C,nt=o?"textarea":"input";return t.createElement(nt,{autoCapitalize:s,autoComplete:a,autoFocus:y,className:Oe,defaultValue:P??"",disabled:_e,enterKeyHint:be,form:ye,id:Pe,list:xe,maxLength:Fe,minLength:we,multiple:Le,name:Me,onBlur:Qe,onChange:je,onDoubleClick:$e,onFocus:Je,onKeyDown:et,onKeyUp:Ue,onSelect:Ze,pattern:De,placeholder:We,readOnly:H,ref:F,required:Ae,size:ke,style:tt,tabIndex:Ke,title:ze,type:Ge,...o?{onInput:c,rows:Be}:{max:Ne,min:Re,step:Ce}})}),it=/mac|iphone|ipad|ipod/i;function at(i){var a;const s=((a=globalThis.navigator)==null?void 0:a.platform)??"";return it.test(s)?i.metaKey:i.ctrlKey}const{fn:u}=__STORYBOOK_MODULE_TEST__,ct={component:b,parameters:{docs:{description:{component:'`InputText` is a React component that renders a textual input (`type: "text"|"email"|"number"|"password"|"search"|"tel"|"url"`) that is uncontrolled, but whose value is overwritten whenever `props.initialValue` changes. Also, if `props.selectTextOnFocus` is true, it selects the entire contents of the input whenever the input is focused. And it supports multiline inputs (rendered as a `<textarea>`) that automatically resize vertically to fit their content.'}}},tags:["autodocs"],title:"UIKit/Controls/InputText"},d={args:{className:"input-text",name:"empty",onBlur:u(),onChange:u(),onChangeValue:u(),onFocus:u(),onKeyDown:u(),onKeyUp:u(),placeholder:"enter text here…"}},h={args:{className:"input-text",initialValue:"Bolivia",placeholder:"enter country name"}},f={args:{className:"input-text",initialValue:"Bolivia",name:"country",placeholder:"enter country name (selectTextOnFocus)",selectTextOnFocus:!0}},g={args:{className:"multi-line-input-text",initialValue:"The Black Hawk War, or, How to Demolish an Entire Civilization and Still Feel Good About Yourself in the Morning, or, We Apologize for the Inconvenience but You’re Going to Have to Leave Now, or, “I have fought the Big Knives and will continue to fight them until they are off our lands!”",maxHeight:600,multiLine:!0,name:"multi-line-input",placeholder:"enter text of any length",selectTextOnFocus:!0}},_={className:"multi-line-input-text",maxHeight:600,multiLine:!0,name:"multi-line-submit-on-enter-input",placeholder:"enter text of any length",submitOnEnter:!0},ut=new Intl.DateTimeFormat(void 0,{timeStyle:"medium"}).format,I={args:_,render(){const[i,s]=t.useState(null),a=i?ut(i):"never";return t.createElement("form",{onSubmit:y=>{y.preventDefault(),s(new Date)}},t.createElement(b,{..._}),t.createElement("pre",null,"Last submitted: ",a))}},S={args:{..._,name:_.name+"-no-form"}},T={args:{className:"input-text-double-click-to-edit",doubleClickToEdit:!0,initialValue:"Lorem ipsum dolor sit amet",name:"double-click-to-edit-input"}},v={args:{autoFocus:!0,name:"autofocus-input"}},z={className:"multi-line-input-text",initialValue:"This multi-line input should resize to fit its contents when the popover opens even though it initializes with display: none as a result of being inside a hidden popover element so it doesn’t have any dimensions when the component initially renders.",multiLine:!0,name:"multi-line-input-in-popover",selectTextOnFocus:!0},E={args:z,render(){return t.createElement(t.Fragment,null,t.createElement("button",{popoverTarget:"multi-line-input-popover"},"Open Popover"),t.createElement("div",{id:"multi-line-input-popover",popover:"auto"},t.createElement(b,{...z})))}},G={autoFocus:!0,initialValue:"This multi-line input should be focused when the popover opens",multiLine:!0,name:"multi-line-input-with-autofocus-in-popover",selectTextOnFocus:!0},O={args:G,render(){return t.createElement(t.Fragment,null,t.createElement("button",{popoverTarget:"multi-line-input-with-autofocus-popover"},"Open Popover"),t.createElement("div",{id:"multi-line-input-with-autofocus-popover",popover:"auto"},t.createElement(b,{...G})))}};var Y,q,X;d.parameters={...d.parameters,docs:{...(Y=d.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  args: {
-    className: 'input-text',
-    name: 'empty',
-    // NOTE spies are a workaround for a bug related to implicit arg detection
-    onBlur: fn(),
-    onChange: fn(),
-    onChangeValue: fn(),
-    onFocus: fn(),
-    onKeyDown: fn(),
-    onKeyUp: fn(),
-    placeholder: 'enter text here…'
-  }
-}`,...(X=(q=d.parameters)==null?void 0:q.docs)==null?void 0:X.source}}};var $,j,J;h.parameters={...h.parameters,docs:{...($=h.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    className: 'input-text',
-    initialValue: 'Bolivia',
-    placeholder: 'enter country name'
-  }
-}`,...(J=(j=h.parameters)==null?void 0:j.docs)==null?void 0:J.source}}};var Q,Z,ee;f.parameters={...f.parameters,docs:{...(Q=f.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  args: {
-    className: 'input-text',
-    initialValue: 'Bolivia',
-    name: 'country',
-    placeholder: 'enter country name (selectTextOnFocus)',
-    selectTextOnFocus: true
-  }
-}`,...(ee=(Z=f.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var te,ne,re;g.parameters={...g.parameters,docs:{...(te=g.parameters)==null?void 0:te.docs,source:{originalSource:`{
-  args: {
-    className: 'multi-line-input-text',
-    initialValue: 'The Black Hawk War, or, How to Demolish an Entire Civilization and Still Feel Good About Yourself in the Morning, or, We Apologize for the Inconvenience but You’re Going to Have to Leave Now, or, “I have fought the Big Knives and will continue to fight them until they are off our lands!”',
-    maxHeight: 600,
-    multiLine: true,
-    name: 'multi-line-input',
-    placeholder: 'enter text of any length',
-    selectTextOnFocus: true
-  }
-}`,...(re=(ne=g.parameters)==null?void 0:ne.docs)==null?void 0:re.source}}};var oe,ie,ae;I.parameters={...I.parameters,docs:{...(oe=I.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  args: SUBMIT_ON_ENTER_PROPS,
-  render() {
-    const [lastSubmitDate, setLastSubmitDate] = React.useState<Date | null>(null);
-    const lastSubmit = lastSubmitDate ? formatDate(lastSubmitDate) : 'never';
-    return <form onSubmit={(event: React.FormEvent<HTMLFormElement>) => {
-      event.preventDefault();
-      setLastSubmitDate(new Date());
-    }}>
-                <InputText {...SUBMIT_ON_ENTER_PROPS} />
-                <pre>Last submitted: {lastSubmit}</pre>
-            </form>;
-  }
-}`,...(ae=(ie=I.parameters)==null?void 0:ie.docs)==null?void 0:ae.source}}};var ue,se,le;S.parameters={...S.parameters,docs:{...(ue=S.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  args: {
-    ...SUBMIT_ON_ENTER_PROPS,
-    name: SUBMIT_ON_ENTER_PROPS.name + '-no-form'
-  }
-}`,...(le=(se=S.parameters)==null?void 0:se.docs)==null?void 0:le.source}}};var ce,pe,me;T.parameters={...T.parameters,docs:{...(ce=T.parameters)==null?void 0:ce.docs,source:{originalSource:`{
-  args: {
-    className: 'input-text-double-click-to-edit',
-    doubleClickToEdit: true,
-    initialValue: 'Lorem ipsum dolor sit amet',
-    name: 'double-click-to-edit-input'
-  }
-}`,...(me=(pe=T.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var de,he,fe;v.parameters={...v.parameters,docs:{...(de=v.parameters)==null?void 0:de.docs,source:{originalSource:`{
-  args: {
-    autoFocus: true,
-    name: 'autofocus-input'
-  }
-}`,...(fe=(he=v.parameters)==null?void 0:he.docs)==null?void 0:fe.source}}};var ge,Ie,Se;E.parameters={...E.parameters,docs:{...(ge=E.parameters)==null?void 0:ge.docs,source:{originalSource:`{
-  args: MULTI_LINE_INPUT_IN_POPOVER_PROPS,
-  render() {
-    return <>
-                <button popoverTarget="multi-line-input-popover">Open Popover</button>
-                <div id="multi-line-input-popover" popover="auto">
-                    <InputText {...MULTI_LINE_INPUT_IN_POPOVER_PROPS} />
-                </div>
-            </>;
-  }
-}`,...(Se=(Ie=E.parameters)==null?void 0:Ie.docs)==null?void 0:Se.source}}};var Te,ve,Ee;O.parameters={...O.parameters,docs:{...(Te=O.parameters)==null?void 0:Te.docs,source:{originalSource:`{
-  args: MULTI_LINE_INPUT_WITH_AUTO_FOCUS_PROPS,
-  render() {
-    return <>
-                <button popoverTarget="multi-line-input-with-autofocus-popover">
-                    Open Popover
-                </button>
-                <div id="multi-line-input-with-autofocus-popover" popover="auto">
-                    <InputText {...MULTI_LINE_INPUT_WITH_AUTO_FOCUS_PROPS} />
-                </div>
-            </>;
-  }
-}`,...(Ee=(ve=O.parameters)==null?void 0:ve.docs)==null?void 0:Ee.source}}};const pt=["EmptyInput","InputWithInitialValue","InputWithInitialValueAndSelectTextOnFocus","MultiLineInputWithInitialValueAndSelectTextOnFocus","MultiLineInputWithSubmitOnEnter","MultiLineInputWithSubmitOnEnterNoForm","InputWithDoubleClickToEdit","InputWithAutoFocus","MultiLineInputInPopover","MultiLineInputWithAutoFocusInPopover"];export{d as EmptyInput,v as InputWithAutoFocus,T as InputWithDoubleClickToEdit,h as InputWithInitialValue,f as InputWithInitialValueAndSelectTextOnFocus,E as MultiLineInputInPopover,O as MultiLineInputWithAutoFocusInPopover,g as MultiLineInputWithInitialValueAndSelectTextOnFocus,I as MultiLineInputWithSubmitOnEnter,S as MultiLineInputWithSubmitOnEnterNoForm,pt as __namedExportsOrder,ct as default};