npm - @powerhousedao/design-system - Versions diffs - 6.2.3-dev.4 → 6.2.3-dev.41 - Mend

@powerhousedao/design-system 6.2.3-dev.4 → 6.2.3-dev.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (372) hide show

package/dist/ui/components/input/subcomponent/text-diff.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-diff.js","names":["twMerge","diffSentences","diffWords","useMemo","TextDiff","baseValue","value","viewMode","diffMode","className","childrenClassName","wordsDiff","hasChanges","some","word","added","removed","bgColor","undefined","map","index"],"sources":["../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"sourcesContent":["import type { WithDifference } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { diffSentences, diffWords } from \"diff\";\nimport { useMemo } from \"react\";\n\ninterface TextDiffProps extends WithDifference<string> {\n value: string;\n className?: string;\n childrenClassName?: string;\n}\n\nexport const TextDiff = ({\n baseValue,\n value,\n viewMode,\n diffMode = \"words\",\n className,\n childrenClassName,\n}: TextDiffProps) => {\n const wordsDiff = useMemo(() => {\n return diffMode === \"words\"\n ? diffWords(baseValue ?? \"\", value)\n : diffSentences(baseValue ?? \"\", value);\n }, [baseValue, value, diffMode]);\n\n const hasChanges = useMemo(() => {\n return wordsDiff.some((word) => word.added \|\| word.removed);\n }, [wordsDiff]);\n\n const bgColor =\n diffMode === \"sentences\" && hasChanges\n ? viewMode === \"addition\"\n ? \"bg-success/10\"\n : viewMode === \"removal\"\n ? \"bg-destructive/10\"\n : undefined\n : undefined;\n\n return (\n <span\n className={twMerge(\"leading-[18px] text-foreground\", bgColor, className)}\n >\n {wordsDiff.map((word, index) => {\n return word.added ? (\n viewMode === \"addition\" \|\| viewMode === \"mixed\" ? (\n <span\n className={twMerge(\n (diffMode === \"words\" \|\| viewMode === \"mixed\") &&\n \"bg-success/10\",\n childrenClassName,\n )}\n key={`${word.value}-${index}`}\n >\n {word.value}\n </span>\n ) : null\n ) : word.removed ? (\n viewMode === \"removal\" \|\| viewMode === \"mixed\" ? (\n <span\n className={twMerge(\n (diffMode === \"words\" \|\| viewMode === \"mixed\") &&\n \"bg-destructive/10\",\n childrenClassName,\n )}\n key={`${word.value}-${index}`}\n >\n {word.value}\n </span>\n ) : null\n ) : (\n <span\n key={`${word.value}-${index}`}\n className={twMerge(childrenClassName)}\n >\n {word.value}\n </span>\n );\n })}\n </span>\n );\n};\n"],"mappings":";;;;;AAWA,MAAaI,YAAY,EACvBC,WACAC,OACAC,UACAC,WAAW,SACXC,WACAC,wBACmB;CACnB,MAAMC,YAAYR,cAAc;~~AAC9B~~,~~SAAOK~~,aAAa,UAChBN,UAAUG,aAAa,IAAIC,~~MAAM~~,~~GACjCL~~,cAAcI,aAAa,IAAIC,~~MAAM~~;~~IACxC~~;EAACD;EAAWC;EAAOE;~~EAAS~~,CAAC;~~CAEhC~~,MAAMI,aAAaT,cAAc;~~AAC~~/B,~~SAAOQ~~,UAAUE,MAAMC,SAASA,KAAKC,SAASD,KAAKE,~~QAAQ~~;~~IAC1D~~,CAACL,~~UAAU~~,CAAC;~~AAWf~~,~~QACE~~,oBAAC,QAAD;EACE,WAAWX,QAAQ,kCAVrBQ,aAAa,eAAeI,aACxBL,aAAa,aACX,kBACAA,aAAa,YACX,sBACAW,KAAAA,IACJA,KAAAA,GAI4DT,~~UAAU~~;~~YAEvEE~~,UAAUQ,KAAKL,MAAMM,UAAU;~~AAC9B~~,~~UAAON~~,KAAKC,QACVR,aAAa,cAAcA,aAAa,UACtC,oBAAC,QAAD;IACE,WAAWP,SACRQ,aAAa,WAAWD,aAAa,YACpC,iBACFG,~~kBACD~~;~~cAGAI~~,KAAKR;~~IACD~~,~~EAHA~~,GAAGQ,KAAKR,MAAK,GAAIc,~~QAGjB~~,~~GACL~~,OACFN,KAAKE,UACPT,aAAa,aAAaA,aAAa,UACrC,oBAAC,QAAD;IACE,WAAWP,SACRQ,aAAa,WAAWD,aAAa,YACpC,qBACFG,~~kBACD~~;~~cAGAI~~,KAAKR;~~IACD~~,~~EAHA~~,GAAGQ,KAAKR,MAAK,GAAIc,~~QAGjB~~,~~GACL~~,OAEJ,oBAAC,QAAD;IAEE,WAAWpB,QAAQU,~~kBAAkB~~;~~cAEpCI~~,KAAKR;~~IAET~~,~~EALQ~~,GAAGQ,KAAKR,MAAK,GAAIc,~~QAKzB~~;~~IACD~~;~~EACG~~,CAAA"}
1	+ {"version":3,"file":"text-diff.js","names":["twMerge","diffSentences","diffWords","useMemo","TextDiff","baseValue","value","viewMode","diffMode","className","childrenClassName","wordsDiff","hasChanges","some","word","added","removed","bgColor","undefined","map","index"],"sources":["../../../../../src/ui/components/input/subcomponent/text-diff.tsx"],"sourcesContent":["import type { WithDifference } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { diffSentences, diffWords } from \"diff\";\nimport { useMemo } from \"react\";\n\ninterface TextDiffProps extends WithDifference<string> {\n value: string;\n className?: string;\n childrenClassName?: string;\n}\n\nexport const TextDiff = ({\n baseValue,\n value,\n viewMode,\n diffMode = \"words\",\n className,\n childrenClassName,\n}: TextDiffProps) => {\n const wordsDiff = useMemo(() => {\n return diffMode === \"words\"\n ? diffWords(baseValue ?? \"\", value)\n : diffSentences(baseValue ?? \"\", value);\n }, [baseValue, value, diffMode]);\n\n const hasChanges = useMemo(() => {\n return wordsDiff.some((word) => word.added \|\| word.removed);\n }, [wordsDiff]);\n\n const bgColor =\n diffMode === \"sentences\" && hasChanges\n ? viewMode === \"addition\"\n ? \"bg-success/10\"\n : viewMode === \"removal\"\n ? \"bg-destructive/10\"\n : undefined\n : undefined;\n\n return (\n <span\n className={twMerge(\"leading-[18px] text-foreground\", bgColor, className)}\n >\n {wordsDiff.map((word, index) => {\n return word.added ? (\n viewMode === \"addition\" \|\| viewMode === \"mixed\" ? (\n <span\n className={twMerge(\n (diffMode === \"words\" \|\| viewMode === \"mixed\") &&\n \"bg-success/10\",\n childrenClassName,\n )}\n key={`${word.value}-${index}`}\n >\n {word.value}\n </span>\n ) : null\n ) : word.removed ? (\n viewMode === \"removal\" \|\| viewMode === \"mixed\" ? (\n <span\n className={twMerge(\n (diffMode === \"words\" \|\| viewMode === \"mixed\") &&\n \"bg-destructive/10\",\n childrenClassName,\n )}\n key={`${word.value}-${index}`}\n >\n {word.value}\n </span>\n ) : null\n ) : (\n <span\n key={`${word.value}-${index}`}\n className={twMerge(childrenClassName)}\n >\n {word.value}\n </span>\n );\n })}\n </span>\n );\n};\n"],"mappings":";;;;;AAWA,MAAaI,YAAY,EACvBC,WACAC,OACAC,UACAC,WAAW,SACXC,WACAC,wBACmB;CACnB,MAAMC,YAAYR,cAAc;EAC9B,OAAOK,aAAa,UAChBN,UAAUG,aAAa,IAAIC,KAAK,IAChCL,cAAcI,aAAa,IAAIC,KAAK;CAC1C,GAAG;EAACD;EAAWC;EAAOE;CAAQ,CAAC;CAE/B,MAAMI,aAAaT,cAAc;EAC/B,OAAOQ,UAAUE,MAAMC,SAASA,KAAKC,SAASD,KAAKE,OAAO;CAC5D,GAAG,CAACL,SAAS,CAAC;CAWd,OACE,oBAAC,QAAD;EACE,WAAWX,QAAQ,kCAVrBQ,aAAa,eAAeI,aACxBL,aAAa,aACX,kBACAA,aAAa,YACX,sBACAW,KAAAA,IACJA,KAAAA,GAI4DT,SAAS;EAEtEE,UAAAA,UAAUQ,KAAKL,MAAMM,UAAU;GAC9B,OAAON,KAAKC,QACVR,aAAa,cAAcA,aAAa,UACtC,oBAAC,QAAD;IACE,WAAWP,SACRQ,aAAa,WAAWD,aAAa,YACpC,iBACFG,iBACF;IAGCI,UAAAA,KAAKR;GACF,GAHC,GAAGQ,KAAKR,MAAK,GAAIc,OAGlB,IACJ,OACFN,KAAKE,UACPT,aAAa,aAAaA,aAAa,UACrC,oBAAC,QAAD;IACE,WAAWP,SACRQ,aAAa,WAAWD,aAAa,YACpC,qBACFG,iBACF;IAGCI,UAAAA,KAAKR;GACF,GAHC,GAAGQ,KAAKR,MAAK,GAAIc,OAGlB,IACJ,OAEJ,oBAAC,QAAD;IAEE,WAAWpB,QAAQU,iBAAiB;IAEnCI,UAAAA,KAAKR;GACF,GAJC,GAAGQ,KAAKR,MAAK,GAAIc,OAIlB;EAEV,CAAC;CACG,CAAA;AAEV"}

package/dist/ui/components/json-viewer/json-viewer.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { t as JsonViewer } from "../../../json-viewer-DaTgmzkS.js";
-export { JsonViewer };
+import { t as JsonViewer } from "../../../json-viewer-Kg0IBIt-.js";
+export { JsonViewer };
+export {};

package/dist/ui/components/json-viewer/json-viewer.js CHANGED Viewed

@@ -72,7 +72,7 @@ const defaultStyles = {
 	stringValue: twMerge(_defaultStyles.stringValue, "text-muted-foreground!")
 };
 const allExpanded = () => true;
-const JsonView = /* @__PURE__ */ lazy(() => import("react-json-view-lite").then((m) => ({ default: m.JsonView })));
+const JsonView = /*#__PURE__*/ lazy(() => import("react-json-view-lite").then((m) => ({ default: m.JsonView })));
 function JsonViewer(props) {
 	return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(JsonView, {
 		...props,

package/dist/ui/components/json-viewer/json-viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"json-viewer.js","names":["lazy","Suspense","twMerge","styles","pointer","defaultAriaLables","collapseJson","expandJson","_defaultStyles","container","basicChildStyle","childFieldsContainer","label","clickableLabel","nullValue","undefinedValue","stringValue","booleanValue","numberValue","otherValue","punctuation","collapseIcon","expandIcon","collapsedContent","noQuotesForStringValues","quotesForFieldNames","ariaLables","stringifyStringValues","defaultStyles","allExpanded","JsonView","then","m","default","JsonViewer","props","shouldExpandNode","style"],"sources":["../../../../src/ui/components/json-viewer/json-viewer.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport type { Props } from \"react-json-view-lite\";\nimport { twMerge } from \"tailwind-merge\";\n\n// copied from react-json-view-lite to allow lazy loading the component itself\nconst styles = {\n \"container-base\": \"_GzYRV\",\n \"punctuation-base\": \"_3eOF8\",\n pointer: \"_1MFti\",\n \"expander-base\": \"_f10Tu _1MFti\",\n \"expand-icon\": \"_1UmXx\",\n \"collapse-icon\": \"_1LId0\",\n \"collapsed-content-base\": \"_1pNG9 _1MFti\",\n \"container-light\": \"_2IvMF _GzYRV\",\n \"basic-element-style\": \"_2bkNM\",\n \"child-fields-container\": \"_1BXBN\",\n \"label-light\": \"_1MGIk\",\n \"clickable-label-light\": \"_2YKJg _1MGIk _1MFti\",\n \"punctuation-light\": \"_3uHL6 _3eOF8\",\n \"value-null-light\": \"_2T6PJ\",\n \"value-undefined-light\": \"_1Gho6\",\n \"value-string-light\": \"_vGjyY\",\n \"value-number-light\": \"_1bQdo\",\n \"value-boolean-light\": \"_3zQKs\",\n \"value-other-light\": \"_1xvuR\",\n \"collapse-icon-light\": \"_oLqym _f10Tu _1MFti _1LId0\",\n \"expand-icon-light\": \"_2AXVT _f10Tu _1MFti _1UmXx\",\n \"collapsed-content-light\": \"_2KJWg _1pNG9 _1MFti\",\n \"container-dark\": \"_11RoI _GzYRV\",\n \"expand-icon-dark\": \"_17H2C _f10Tu _1MFti _1UmXx\",\n \"collapse-icon-dark\": \"_3QHg2 _f10Tu _1MFti _1LId0\",\n \"collapsed-content-dark\": \"_3fDAz _1pNG9 _1MFti\",\n \"label-dark\": \"_2bSDX\",\n \"clickable-label-dark\": \"_1RQEj _2bSDX _1MFti\",\n \"punctuation-dark\": \"_gsbQL _3eOF8\",\n \"value-null-dark\": \"_LaAZe\",\n \"value-undefined-dark\": \"_GTKgm\",\n \"value-string-dark\": \"_Chy1W\",\n \"value-number-dark\": \"_2bveF\",\n \"value-boolean-dark\": \"_2vRm-\",\n \"value-other-dark\": \"_1prJR\",\n};\nconst defaultAriaLables = {\n collapseJson: \"collapse JSON\",\n expandJson: \"expand JSON\",\n};\nconst _defaultStyles = {\n container: styles[\"container-light\"],\n basicChildStyle: styles[\"basic-element-style\"],\n childFieldsContainer: styles[\"child-fields-container\"],\n label: styles[\"label-light\"],\n clickableLabel: styles[\"clickable-label-light\"],\n nullValue: styles[\"value-null-light\"],\n undefinedValue: styles[\"value-undefined-light\"],\n stringValue: styles[\"value-string-light\"],\n booleanValue: styles[\"value-boolean-light\"],\n numberValue: styles[\"value-number-light\"],\n otherValue: styles[\"value-other-light\"],\n punctuation: styles[\"punctuation-light\"],\n collapseIcon: styles[\"collapse-icon-light\"],\n expandIcon: styles[\"expand-icon-light\"],\n collapsedContent: styles[\"collapsed-content-light\"],\n noQuotesForStringValues: false,\n quotesForFieldNames: false,\n ariaLables: defaultAriaLables,\n stringifyStringValues: false,\n};\nconst defaultStyles = {\n ..._defaultStyles,\n container: twMerge(_defaultStyles.container, \"bg-transparent!\"),\n label: twMerge(_defaultStyles.label, \"text-muted-foreground!\"),\n punctuation: twMerge(\n _defaultStyles.punctuation,\n \"font-semibold! text-foreground!\",\n ),\n collapseIcon: twMerge(_defaultStyles.collapseIcon, \"text-muted-foreground!\"),\n stringValue: twMerge(_defaultStyles.stringValue, \"text-muted-foreground!\"),\n};\n\nconst allExpanded = () => true;\n\nconst JsonView = lazy(() =>\n import(\"react-json-view-lite\").then((m) => ({ default: m.JsonView })),\n);\n\nexport function JsonViewer(props: Props) {\n return (\n <Suspense>\n <JsonView\n {...props}\n shouldExpandNode={props.shouldExpandNode ?? allExpanded}\n style={props.style ?? defaultStyles}\n />\n </Suspense>\n );\n}\n"],"mappings":";;;;AAKA,MAAMG,SAAS;CACb,kBAAkB;CAClB,oBAAoB;CACpBC,SAAS;CACT,iBAAiB;CACjB,eAAe;CACf,iBAAiB;CACjB,0BAA0B;CAC1B,mBAAmB;CACnB,uBAAuB;CACvB,0BAA0B;CAC1B,eAAe;CACf,yBAAyB;CACzB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,sBAAsB;CACtB,sBAAsB;CACtB,uBAAuB;CACvB,qBAAqB;CACrB,uBAAuB;CACvB,qBAAqB;CACrB,2BAA2B;CAC3B,kBAAkB;CAClB,oBAAoB;CACpB,sBAAsB;CACtB,0BAA0B;CAC1B,cAAc;CACd,wBAAwB;CACxB,oBAAoB;CACpB,mBAAmB;CACnB,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,sBAAsB;CACtB,oBAAoB;~~CACrB~~;~~AAKD~~,MAAMI,iBAAiB;CACrBC,WAAWN,OAAO;CAClBO,iBAAiBP,OAAO;CACxBQ,sBAAsBR,OAAO;CAC7BS,OAAOT,OAAO;CACdU,gBAAgBV,OAAO;CACvBW,WAAWX,OAAO;CAClBY,gBAAgBZ,OAAO;CACvBa,aAAab,OAAO;CACpBc,cAAcd,OAAO;CACrBe,aAAaf,OAAO;CACpBgB,YAAYhB,OAAO;CACnBiB,aAAajB,OAAO;CACpBkB,cAAclB,OAAO;CACrBmB,YAAYnB,OAAO;CACnBoB,kBAAkBpB,OAAO;CACzBqB,yBAAyB;CACzBC,qBAAqB;CACrBC,~~YAtBwB~~;~~EACxBpB~~,cAAc;EACdC,YAAY;~~EACb~~;~~CAoBCoB~~,uBAAuB;~~CACxB~~;~~AACD~~,MAAMC,gBAAgB;CACpB,GAAGpB;CACHC,WAAWP,QAAQM,eAAeC,WAAW,~~kBAAkB~~;~~CAC/DG~~,OAAOV,QAAQM,eAAeI,OAAO,~~yBAAyB~~;~~CAC9DQ~~,aAAalB,QACXM,eAAeY,aACf,~~kCACD~~;~~CACDC~~,cAAcnB,QAAQM,eAAea,cAAc,~~yBAAyB~~;~~CAC5EL~~,aAAad,QAAQM,eAAeQ,aAAa,~~yBAAwB~~;~~CAC1E~~;~~AAED~~,MAAMa,oBAAoB;AAE1B,MAAMC,WAAW9B,~~2BACf~~,OAAO,~~wBAAwB~~+B,MAAMC,OAAO,EAAEC,SAASD,EAAEF,~~UAAU~~,~~EACrE~~,~~CAAC~~;~~AAED~~,SAAgBI,WAAWC,OAAc;~~AACvC~~,~~QACE~~,oBAAC,UAAD,EAAA,UACE,oBAAC,UAAD;EACE,GAAIA;EACJ,kBAAkBA,MAAMC,oBAAoBP;EAC5C,OAAOM,MAAME,SAAST;~~EAAc~~,CAAA,~~EAE7B~~,CAAA"}
1	+ {"version":3,"file":"json-viewer.js","names":["lazy","Suspense","twMerge","styles","pointer","defaultAriaLables","collapseJson","expandJson","_defaultStyles","container","basicChildStyle","childFieldsContainer","label","clickableLabel","nullValue","undefinedValue","stringValue","booleanValue","numberValue","otherValue","punctuation","collapseIcon","expandIcon","collapsedContent","noQuotesForStringValues","quotesForFieldNames","ariaLables","stringifyStringValues","defaultStyles","allExpanded","JsonView","then","m","default","JsonViewer","props","shouldExpandNode","style"],"sources":["../../../../src/ui/components/json-viewer/json-viewer.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport type { Props } from \"react-json-view-lite\";\nimport { twMerge } from \"tailwind-merge\";\n\n// copied from react-json-view-lite to allow lazy loading the component itself\nconst styles = {\n \"container-base\": \"_GzYRV\",\n \"punctuation-base\": \"_3eOF8\",\n pointer: \"_1MFti\",\n \"expander-base\": \"_f10Tu _1MFti\",\n \"expand-icon\": \"_1UmXx\",\n \"collapse-icon\": \"_1LId0\",\n \"collapsed-content-base\": \"_1pNG9 _1MFti\",\n \"container-light\": \"_2IvMF _GzYRV\",\n \"basic-element-style\": \"_2bkNM\",\n \"child-fields-container\": \"_1BXBN\",\n \"label-light\": \"_1MGIk\",\n \"clickable-label-light\": \"_2YKJg _1MGIk _1MFti\",\n \"punctuation-light\": \"_3uHL6 _3eOF8\",\n \"value-null-light\": \"_2T6PJ\",\n \"value-undefined-light\": \"_1Gho6\",\n \"value-string-light\": \"_vGjyY\",\n \"value-number-light\": \"_1bQdo\",\n \"value-boolean-light\": \"_3zQKs\",\n \"value-other-light\": \"_1xvuR\",\n \"collapse-icon-light\": \"_oLqym _f10Tu _1MFti _1LId0\",\n \"expand-icon-light\": \"_2AXVT _f10Tu _1MFti _1UmXx\",\n \"collapsed-content-light\": \"_2KJWg _1pNG9 _1MFti\",\n \"container-dark\": \"_11RoI _GzYRV\",\n \"expand-icon-dark\": \"_17H2C _f10Tu _1MFti _1UmXx\",\n \"collapse-icon-dark\": \"_3QHg2 _f10Tu _1MFti _1LId0\",\n \"collapsed-content-dark\": \"_3fDAz _1pNG9 _1MFti\",\n \"label-dark\": \"_2bSDX\",\n \"clickable-label-dark\": \"_1RQEj _2bSDX _1MFti\",\n \"punctuation-dark\": \"_gsbQL _3eOF8\",\n \"value-null-dark\": \"_LaAZe\",\n \"value-undefined-dark\": \"_GTKgm\",\n \"value-string-dark\": \"_Chy1W\",\n \"value-number-dark\": \"_2bveF\",\n \"value-boolean-dark\": \"_2vRm-\",\n \"value-other-dark\": \"_1prJR\",\n};\nconst defaultAriaLables = {\n collapseJson: \"collapse JSON\",\n expandJson: \"expand JSON\",\n};\nconst _defaultStyles = {\n container: styles[\"container-light\"],\n basicChildStyle: styles[\"basic-element-style\"],\n childFieldsContainer: styles[\"child-fields-container\"],\n label: styles[\"label-light\"],\n clickableLabel: styles[\"clickable-label-light\"],\n nullValue: styles[\"value-null-light\"],\n undefinedValue: styles[\"value-undefined-light\"],\n stringValue: styles[\"value-string-light\"],\n booleanValue: styles[\"value-boolean-light\"],\n numberValue: styles[\"value-number-light\"],\n otherValue: styles[\"value-other-light\"],\n punctuation: styles[\"punctuation-light\"],\n collapseIcon: styles[\"collapse-icon-light\"],\n expandIcon: styles[\"expand-icon-light\"],\n collapsedContent: styles[\"collapsed-content-light\"],\n noQuotesForStringValues: false,\n quotesForFieldNames: false,\n ariaLables: defaultAriaLables,\n stringifyStringValues: false,\n};\nconst defaultStyles = {\n ..._defaultStyles,\n container: twMerge(_defaultStyles.container, \"bg-transparent!\"),\n label: twMerge(_defaultStyles.label, \"text-muted-foreground!\"),\n punctuation: twMerge(\n _defaultStyles.punctuation,\n \"font-semibold! text-foreground!\",\n ),\n collapseIcon: twMerge(_defaultStyles.collapseIcon, \"text-muted-foreground!\"),\n stringValue: twMerge(_defaultStyles.stringValue, \"text-muted-foreground!\"),\n};\n\nconst allExpanded = () => true;\n\nconst JsonView = lazy(() =>\n import(\"react-json-view-lite\").then((m) => ({ default: m.JsonView })),\n);\n\nexport function JsonViewer(props: Props) {\n return (\n <Suspense>\n <JsonView\n {...props}\n shouldExpandNode={props.shouldExpandNode ?? allExpanded}\n style={props.style ?? defaultStyles}\n />\n </Suspense>\n );\n}\n"],"mappings":";;;;AAKA,MAAMG,SAAS;CACb,kBAAkB;CAClB,oBAAoB;CACpBC,SAAS;CACT,iBAAiB;CACjB,eAAe;CACf,iBAAiB;CACjB,0BAA0B;CAC1B,mBAAmB;CACnB,uBAAuB;CACvB,0BAA0B;CAC1B,eAAe;CACf,yBAAyB;CACzB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,sBAAsB;CACtB,sBAAsB;CACtB,uBAAuB;CACvB,qBAAqB;CACrB,uBAAuB;CACvB,qBAAqB;CACrB,2BAA2B;CAC3B,kBAAkB;CAClB,oBAAoB;CACpB,sBAAsB;CACtB,0BAA0B;CAC1B,cAAc;CACd,wBAAwB;CACxB,oBAAoB;CACpB,mBAAmB;CACnB,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,sBAAsB;CACtB,oBAAoB;AACtB;AAKA,MAAMI,iBAAiB;CACrBC,WAAWN,OAAO;CAClBO,iBAAiBP,OAAO;CACxBQ,sBAAsBR,OAAO;CAC7BS,OAAOT,OAAO;CACdU,gBAAgBV,OAAO;CACvBW,WAAWX,OAAO;CAClBY,gBAAgBZ,OAAO;CACvBa,aAAab,OAAO;CACpBc,cAAcd,OAAO;CACrBe,aAAaf,OAAO;CACpBgB,YAAYhB,OAAO;CACnBiB,aAAajB,OAAO;CACpBkB,cAAclB,OAAO;CACrBmB,YAAYnB,OAAO;CACnBoB,kBAAkBpB,OAAO;CACzBqB,yBAAyB;CACzBC,qBAAqB;CACrBC,YAAYrB;EArBZC,cAAc;EACdC,YAAY;CAoBAF;CACZsB,uBAAuB;AACzB;AACA,MAAMC,gBAAgB;CACpB,GAAGpB;CACHC,WAAWP,QAAQM,eAAeC,WAAW,iBAAiB;CAC9DG,OAAOV,QAAQM,eAAeI,OAAO,wBAAwB;CAC7DQ,aAAalB,QACXM,eAAeY,aACf,iCACF;CACAC,cAAcnB,QAAQM,eAAea,cAAc,wBAAwB;CAC3EL,aAAad,QAAQM,eAAeQ,aAAa,wBAAwB;AAC3E;AAEA,MAAMa,oBAAoB;AAE1B,MAAMC,WAAW9B,yBACf,OAAO,uBAAuB,CAAC+B,MAAMC,OAAO,EAAEC,SAASD,EAAEF,SAAS,EAAE,CACtE;AAEA,SAAgBI,WAAWC,OAAc;CACvC,OACE,oBAAC,UAAD,EAAA,UACE,oBAAC,UAAD;EACE,GAAIA;EACJ,kBAAkBA,MAAMC,oBAAoBP;EAC5C,OAAOM,MAAME,SAAST;CAAc,CAAA,EAE9B,CAAA;AAEd"}

package/dist/ui/components/popover/popover.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../../popover-XSBOuSih.js";
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../../popover-TvQxa0RU.js";
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+export {};

package/dist/ui/components/popover/popover.js CHANGED Viewed

@@ -6,7 +6,7 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 const Popover = PopoverPrimitive.Root;
 const PopoverAnchor = PopoverPrimitive.Anchor;
 const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverContent = /* @__PURE__ */ React.forwardRef(({ align = "center", sideOffset = 4, className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+const PopoverContent = /*#__PURE__*/ React.forwardRef(({ align = "center", sideOffset = 4, className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
 	align,
 	sideOffset,
 	className: twMerge([

package/dist/ui/components/popover/popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.js","names":["twMerge","PopoverPrimitive","React","Popover","Root","PopoverAnchor","Anchor","PopoverTrigger","Trigger","PopoverContent","forwardRef","align","sideOffset","className","props","ref"],"sources":["../../../../src/ui/components/popover/popover.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport React from \"react\";\n\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ align = \"center\", sideOffset = 4, className, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n align={align}\n sideOffset={sideOffset}\n className={twMerge(\n [\n \"data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in\",\n \"data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in\",\n \"data-[side=bottom]:animate-slide-in-from-top data-[side=left]:animate-slide-in-from-right\",\n \"data-[side=right]:animate-slide-in-from-left data-[side=top]:animate-slide-in-from-bottom\",\n \"z-50 w-(--radix-popover-trigger-width) border p-0 outline-none\",\n \"border-border bg-popover text-popover-foreground\",\n \"rounded-md shadow-sidebar\",\n ],\n className,\n )}\n ref={ref}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\n"],"mappings":";;;;;AAIA,MAAaG,UAAUF,iBAAiBG;AACxC,MAAaC,gBAAgBJ,iBAAiBK;AAC9C,MAAaC,iBAAiBN,iBAAiBO;AAE/C,MAAaC,iBAAiBP,~~sBAAMQ~~,YAGjC,EAAEC,QAAQ,UAAUC,aAAa,GAAGC,WAAW,GAAGC,SAASC,QAC5D,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,iBAAiB,SAAlB;CACSJ;CACKC;CACZ,WAAWZ,QACT;EACE;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,~~EACDa~~,~~UACD~~;~~CACIE~~;CACL,GAAID;~~CAAM~~,CAAA,~~EAGf~~,CAAA,~~CAAC~~"}
1	+ {"version":3,"file":"popover.js","names":["twMerge","PopoverPrimitive","React","Popover","Root","PopoverAnchor","Anchor","PopoverTrigger","Trigger","PopoverContent","forwardRef","align","sideOffset","className","props","ref"],"sources":["../../../../src/ui/components/popover/popover.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport React from \"react\";\n\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\n\nexport const PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ align = \"center\", sideOffset = 4, className, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n align={align}\n sideOffset={sideOffset}\n className={twMerge(\n [\n \"data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in\",\n \"data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in\",\n \"data-[side=bottom]:animate-slide-in-from-top data-[side=left]:animate-slide-in-from-right\",\n \"data-[side=right]:animate-slide-in-from-left data-[side=top]:animate-slide-in-from-bottom\",\n \"z-50 w-(--radix-popover-trigger-width) border p-0 outline-none\",\n \"border-border bg-popover text-popover-foreground\",\n \"rounded-md shadow-sidebar\",\n ],\n className,\n )}\n ref={ref}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\n"],"mappings":";;;;;AAIA,MAAaG,UAAUF,iBAAiBG;AACxC,MAAaC,gBAAgBJ,iBAAiBK;AAC9C,MAAaC,iBAAiBN,iBAAiBO;AAE/C,MAAaC,iBAAiBP,oBAAMQ,YAGjC,EAAEC,QAAQ,UAAUC,aAAa,GAAGC,WAAW,GAAGC,SAASC,QAC5D,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,iBAAiB,SAAlB;CACSJ;CACKC;CACZ,WAAWZ,QACT;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CAA2B,GAE7Ba,SACF;CACKE;CACL,GAAID;AAAM,CAAA,EAEW,CAAA,CAC1B"}

package/dist/ui/components/radio-group-field/radio-group-field.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../../radio-group-field-wlqeiLN3.js";
-export { RadioGroupField, RadioGroupFieldProps };
+import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../../radio-group-field-CjX_Zt0C.js";
+export { RadioGroupField, RadioGroupFieldProps };
+export {};

package/dist/ui/components/radio-group-field/radio-group-field.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { forwardRef, useId } from "react";
 import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/radio-group-field/radio-group-field.tsx
-const RadioGroupFieldRaw = /* @__PURE__ */ forwardRef(({ autoFocus, className, defaultValue, description, disabled, warnings = [], errors = [], id: propId, label, name, onChange, options = [], required, value, ...props }, ref) => {
+const RadioGroupFieldRaw = /*#__PURE__*/ forwardRef(({ autoFocus, className, defaultValue, description, disabled, warnings = [], errors = [], id: propId, label, name, onChange, options = [], required, value, ...props }, ref) => {
 	const hasLabel = label !== void 0;
 	const hasError = errors.length > 0;
 	const prefix = useId();
@@ -60,8 +60,9 @@ const RadioGroupFieldRaw = /* @__PURE__ */ forwardRef(({ autoFocus, className, d
 		]
 	});
 });
-const RadioGroupField = /* @__PURE__ */ forwardRef(function RadioGroupField(props, ref) {
-	return /* @__PURE__ */ jsx(withFieldValidation(RadioGroupFieldRaw), {
+const RadioGroupField = /*#__PURE__*/ forwardRef(function RadioGroupField(props, ref) {
+	const Component = withFieldValidation(RadioGroupFieldRaw);
+	return /* @__PURE__ */ jsx(Component, {
 		...props,
 		ref
 	});

package/dist/ui/components/radio-group-field/radio-group-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-group-field.js","names":["twMerge","forwardRef","useId","FormLabel","FormMessageList","withFieldValidation","RadioGroup","Radio","RadioGroupFieldRaw","autoFocus","className","defaultValue","description","disabled","warnings","errors","id","propId","label","name","onChange","options","required","value","props","ref","hasLabel","undefined","hasError","length","prefix","newValue","map","option","index","RadioGroupField","Component","displayName"],"sources":["../../../../src/ui/components/radio-group-field/radio-group-field.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport type { HTMLAttributes, Ref } from \"react\";\nimport { forwardRef, useId } from \"react\";\nimport type { FieldErrorHandling, InputBaseProps } from \"../../types.js\";\nimport type { RadioGroupProps } from \"../enum-field/types.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { withFieldValidation } from \"../with-field-validation/with-field-validation.js\";\nimport { RadioGroup } from \"./radio-group.js\";\nimport { Radio } from \"./radio.js\";\ntype RadioGroupFieldBaseProps = Omit<\n HTMLAttributes<HTMLDivElement>,\n \| keyof InputBaseProps<string>\n \| keyof FieldErrorHandling\n \| keyof RadioGroupProps\n \| \"dir\"\n> & {\n dir?: \"ltr\" \| \"rtl\";\n};\n\nexport type RadioGroupFieldProps = RadioGroupFieldBaseProps &\n InputBaseProps<string> &\n FieldErrorHandling &\n RadioGroupProps;\n\nconst RadioGroupFieldRaw = forwardRef<HTMLDivElement, RadioGroupFieldProps>(\n (\n {\n autoFocus,\n className,\n defaultValue,\n description,\n disabled,\n warnings = [],\n errors = [],\n id: propId,\n label,\n name,\n onChange,\n options = [],\n required,\n value,\n ...props\n },\n ref,\n ) => {\n const hasLabel = label !== undefined;\n const hasError = errors.length > 0;\n const prefix = useId();\n const id = propId ?? `${prefix}-radio-group`;\n\n return (\n <RadioGroup\n aria-invalid={hasError}\n aria-label={!hasLabel ? \"Radio group\" : undefined}\n aria-required={required}\n autoFocus={autoFocus}\n className={twMerge(\"flex flex-col gap-2\", className)}\n defaultValue={defaultValue}\n id={id}\n name={name}\n onValueChange={(newValue) => {\n onChange?.(newValue);\n }}\n value={value}\n disabled={disabled}\n {...props}\n ref={ref}\n >\n {hasLabel && (\n <FormLabel\n description={description}\n hasError={hasError}\n htmlFor={id}\n required={required}\n disabled={disabled}\n >\n {label}\n </FormLabel>\n )}\n {options.map((option, index) => (\n <div\n key={`${prefix}-radio-${index}-${option.value}`}\n className=\"flex items-center gap-2\"\n role=\"presentation\"\n >\n <Radio\n id={`${prefix}-radio-${index}-${option.value}`}\n label={option.label}\n value={option.value}\n description={option.description}\n disabled={disabled \|\| option.disabled}\n hasError={hasError}\n />\n </div>\n ))}\n {warnings.length > 0 && (\n <FormMessageList messages={warnings} type=\"warning\" />\n )}\n {hasError && <FormMessageList messages={errors} type=\"error\" />}\n </RadioGroup>\n );\n },\n);\n\nexport const RadioGroupField = forwardRef(function RadioGroupField(\n props: RadioGroupFieldProps,\n ref: Ref<HTMLDivElement>,\n) {\n const Component =\n withFieldValidation<RadioGroupFieldProps>(RadioGroupFieldRaw);\n return <Component {...props} ref={ref} />;\n});\n\nRadioGroupField.displayName = \"RadioGroupField\";\n"],"mappings":";;;;;;;;;AAyBA,MAAMQ,qBAAqBP,~~4BAEvB~~,EACEQ,WACAC,WACAC,cACAC,aACAC,UACAC,WAAW,~~EAAE~~,~~EACbC~~,SAAS,~~EAAE~~,~~EACXC~~,IAAIC,QACJC,OACAC,MACAC,UACAC,UAAU,~~EAAE~~,~~EACZC~~,UACAC,OACA,GAAGC,SAELC,QACG;CACH,MAAMC,WAAWR,UAAUS,KAAAA;CAC3B,MAAMC,WAAWb,OAAOc,SAAS;CACjC,MAAMC,SAAS5B,~~OAAO~~;~~CACtB~~,MAAMc,KAAKC,UAAU,GAAGa,OAAM;~~AAE9B~~,~~QACE~~,qBAAC,YAAD;EACE,gBAAcF;EACd,cAAY,CAACF,WAAW,gBAAgBC,KAAAA;EACxC,iBAAeL;EACJb;EACX,WAAWT,QAAQ,uBAAuBU,~~UAAU~~;~~EACtCC~~;EACVK;EACEG;EACN,gBAAgBY,aAAa;~~AAC3BX~~,~~cAAWW~~,~~SAAS;;EAEfR~~;EACGV;EACV,GAAIW;EACCC;~~YAfP~~;GAiBGC,YACC,oBAAC,WAAD;IACed;IACHgB;IACV,SAASZ;IACCM;IACAT;~~cAETK~~;~~IAEJ~~,CAAA;~~GACAG~~,QAAQW,KAAKC,QAAQC,UACpB,oBAAC,OAAD;IAEE,WAAU;IACV,MAAK;~~cAEL~~,oBAAC,OAAD;KACE,IAAI,GAAGJ,OAAM,SAAUI,MAAK,GAAID,OAAOV;KACvC,OAAOU,OAAOf;KACd,OAAOe,OAAOV;KACd,aAAaU,OAAOrB;KACpB,UAAUC,YAAYoB,OAAOpB;KACnBe;~~KAAS~~,CAAA;~~IAGxB~~,~~EAbQ~~,GAAGE,OAAM,SAAUI,MAAK,GAAID,OAAOV,~~QAa3C~~,~~CAAC~~;~~GACDT~~,SAASe,SAAS,KACjB,oBAAC,iBAAD;IAAiB,UAAUf;IAAU,MAAK;~~IAC3C~~,CAAA;~~GACAc~~,YAAY,oBAAC,iBAAD;IAAiB,UAAUb;IAAQ,MAAK;~~IAAU~~,CAAA;~~GACpD~~;;~~EAGlB~~;~~AAED~~,MAAaoB,kBAAkBlC,~~2BAAW~~,SAASkC,gBACjDX,OACAC,KACA;~~AAGA~~,~~QAAO~~,~~oBADLpB~~,oBAA0CG,~~mBAAmB~~,~~EACxD~~;EAAW,GAAIgB;EAAYC;~~EAAO~~,CAAA;~~EACzC~~;~~AAEFU~~,gBAAgBE,cAAc"}
1	+ {"version":3,"file":"radio-group-field.js","names":["twMerge","forwardRef","useId","FormLabel","FormMessageList","withFieldValidation","RadioGroup","Radio","RadioGroupFieldRaw","autoFocus","className","defaultValue","description","disabled","warnings","errors","id","propId","label","name","onChange","options","required","value","props","ref","hasLabel","undefined","hasError","length","prefix","newValue","map","option","index","RadioGroupField","Component","displayName"],"sources":["../../../../src/ui/components/radio-group-field/radio-group-field.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport type { HTMLAttributes, Ref } from \"react\";\nimport { forwardRef, useId } from \"react\";\nimport type { FieldErrorHandling, InputBaseProps } from \"../../types.js\";\nimport type { RadioGroupProps } from \"../enum-field/types.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { withFieldValidation } from \"../with-field-validation/with-field-validation.js\";\nimport { RadioGroup } from \"./radio-group.js\";\nimport { Radio } from \"./radio.js\";\ntype RadioGroupFieldBaseProps = Omit<\n HTMLAttributes<HTMLDivElement>,\n \| keyof InputBaseProps<string>\n \| keyof FieldErrorHandling\n \| keyof RadioGroupProps\n \| \"dir\"\n> & {\n dir?: \"ltr\" \| \"rtl\";\n};\n\nexport type RadioGroupFieldProps = RadioGroupFieldBaseProps &\n InputBaseProps<string> &\n FieldErrorHandling &\n RadioGroupProps;\n\nconst RadioGroupFieldRaw = forwardRef<HTMLDivElement, RadioGroupFieldProps>(\n (\n {\n autoFocus,\n className,\n defaultValue,\n description,\n disabled,\n warnings = [],\n errors = [],\n id: propId,\n label,\n name,\n onChange,\n options = [],\n required,\n value,\n ...props\n },\n ref,\n ) => {\n const hasLabel = label !== undefined;\n const hasError = errors.length > 0;\n const prefix = useId();\n const id = propId ?? `${prefix}-radio-group`;\n\n return (\n <RadioGroup\n aria-invalid={hasError}\n aria-label={!hasLabel ? \"Radio group\" : undefined}\n aria-required={required}\n autoFocus={autoFocus}\n className={twMerge(\"flex flex-col gap-2\", className)}\n defaultValue={defaultValue}\n id={id}\n name={name}\n onValueChange={(newValue) => {\n onChange?.(newValue);\n }}\n value={value}\n disabled={disabled}\n {...props}\n ref={ref}\n >\n {hasLabel && (\n <FormLabel\n description={description}\n hasError={hasError}\n htmlFor={id}\n required={required}\n disabled={disabled}\n >\n {label}\n </FormLabel>\n )}\n {options.map((option, index) => (\n <div\n key={`${prefix}-radio-${index}-${option.value}`}\n className=\"flex items-center gap-2\"\n role=\"presentation\"\n >\n <Radio\n id={`${prefix}-radio-${index}-${option.value}`}\n label={option.label}\n value={option.value}\n description={option.description}\n disabled={disabled \|\| option.disabled}\n hasError={hasError}\n />\n </div>\n ))}\n {warnings.length > 0 && (\n <FormMessageList messages={warnings} type=\"warning\" />\n )}\n {hasError && <FormMessageList messages={errors} type=\"error\" />}\n </RadioGroup>\n );\n },\n);\n\nexport const RadioGroupField = forwardRef(function RadioGroupField(\n props: RadioGroupFieldProps,\n ref: Ref<HTMLDivElement>,\n) {\n const Component =\n withFieldValidation<RadioGroupFieldProps>(RadioGroupFieldRaw);\n return <Component {...props} ref={ref} />;\n});\n\nRadioGroupField.displayName = \"RadioGroupField\";\n"],"mappings":";;;;;;;;;AAyBA,MAAMQ,qBAAqBP,0BAEvB,EACEQ,WACAC,WACAC,cACAC,aACAC,UACAC,WAAW,CAAA,GACXC,SAAS,CAAA,GACTC,IAAIC,QACJC,OACAC,MACAC,UACAC,UAAU,CAAA,GACVC,UACAC,OACA,GAAGC,SAELC,QACG;CACH,MAAMC,WAAWR,UAAUS,KAAAA;CAC3B,MAAMC,WAAWb,OAAOc,SAAS;CACjC,MAAMC,SAAS5B,MAAM;CACrB,MAAMc,KAAKC,UAAU,GAAGa,OAAM;CAE9B,OACE,qBAAC,YAAD;EACE,gBAAcF;EACd,cAAY,CAACF,WAAW,gBAAgBC,KAAAA;EACxC,iBAAeL;EACJb;EACX,WAAWT,QAAQ,uBAAuBU,SAAS;EACrCC;EACVK;EACEG;EACN,gBAAgBY,aAAa;GAC3BX,WAAWW,QAAQ;EACrB;EACOR;EACGV;EACV,GAAIW;EACCC;EAfP,UAAA;GAiBGC,YACC,oBAAC,WAAD;IACed;IACHgB;IACV,SAASZ;IACCM;IACAT;IAETK,UAAAA;GACQ,CAAA;GAEZG,QAAQW,KAAKC,QAAQC,UACpB,oBAAC,OAAD;IAEE,WAAU;IACV,MAAK;IAEL,UAAA,oBAAC,OAAD;KACE,IAAI,GAAGJ,OAAM,SAAUI,MAAK,GAAID,OAAOV;KACvC,OAAOU,OAAOf;KACd,OAAOe,OAAOV;KACd,aAAaU,OAAOrB;KACpB,UAAUC,YAAYoB,OAAOpB;KACnBe;IAAS,CAAA;GAElB,GAZE,GAAGE,OAAM,SAAUI,MAAK,GAAID,OAAOV,OAYrC,CACN;GACAT,SAASe,SAAS,KACjB,oBAAC,iBAAD;IAAiB,UAAUf;IAAU,MAAK;GAAS,CAAA;GAEpDc,YAAY,oBAAC,iBAAD;IAAiB,UAAUb;IAAQ,MAAK;GAAO,CAAA;EAClD;;AAEhB,CACF;AAEA,MAAaoB,kBAAkBlC,yBAAW,SAASkC,gBACjDX,OACAC,KACA;CACA,MAAMW,YACJ/B,oBAA0CG,kBAAkB;CAC9D,OAAO,oBAAC,WAAD;EAAW,GAAIgB;EAAYC;CAAI,CAAA;AACxC,CAAC;AAEDU,gBAAgBE,cAAc"}

package/dist/ui/components/radio-group-field/radio-group.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../../radio-group-Bkli6nUz.js";
-export { CustomizableRadioGroupProps, RadioGroup };
+import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../../radio-group-CROIwgYz.js";
+export { CustomizableRadioGroupProps, RadioGroup };
+export {};

package/dist/ui/components/radio-group-field/radio-group.js CHANGED Viewed

@@ -2,7 +2,7 @@ import React, { useId } from "react";
 import { jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 //#region src/ui/components/radio-group-field/radio-group.tsx
-const RadioGroup = /* @__PURE__ */ React.forwardRef(({ children, className, id: propId, name, ...props }, ref) => {
+const RadioGroup = /*#__PURE__*/ React.forwardRef(({ children, className, id: propId, name, ...props }, ref) => {
 	const prefix = useId();
 	const id = propId ?? `${prefix}-radio-group`;
 	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {

package/dist/ui/components/radio-group-field/radio-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-group.js","names":["React","useId","RadioGroupPrimitive","RadioGroup","forwardRef","children","className","id","propId","name","props","ref","prefix","displayName"],"sources":["../../../../src/ui/components/radio-group-field/radio-group.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nexport interface CustomizableRadioGroupProps extends React.ComponentPropsWithoutRef<\n typeof RadioGroupPrimitive.Root\n> {\n children: React.ReactNode;\n className?: string;\n id?: string;\n name?: string;\n}\n\nexport const RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n CustomizableRadioGroupProps\n>(({ children, className, id: propId, name, ...props }, ref) => {\n const prefix = useId();\n const id = propId ?? `${prefix}-radio-group`;\n\n return (\n <RadioGroupPrimitive.Root\n className={className}\n id={id}\n name={name}\n {...props}\n ref={ref}\n >\n {children}\n </RadioGroupPrimitive.Root>\n );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n"],"mappings":";;;;AAYA,MAAaG,aAAaH,~~sBAAMI~~,YAG7B,EAAEC,UAAUC,WAAWC,IAAIC,QAAQC,MAAM,GAAGC,SAASC,QAAQ;CAC9D,MAAMC,SAASX,~~OAAO~~;~~CACtB~~,MAAMM,KAAKC,UAAU,GAAGI,OAAM;~~AAE9B~~,~~QACE~~,oBAAC,oBAAoB,MAArB;EACaN;EACPC;EACEE;EACN,GAAIC;EACCC;EAEJN;~~EACwB~~,CAAA;~~EAE7B~~;~~AAEFF~~,WAAWU,cAAc"}
1	+ {"version":3,"file":"radio-group.js","names":["React","useId","RadioGroupPrimitive","RadioGroup","forwardRef","children","className","id","propId","name","props","ref","prefix","displayName"],"sources":["../../../../src/ui/components/radio-group-field/radio-group.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nexport interface CustomizableRadioGroupProps extends React.ComponentPropsWithoutRef<\n typeof RadioGroupPrimitive.Root\n> {\n children: React.ReactNode;\n className?: string;\n id?: string;\n name?: string;\n}\n\nexport const RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n CustomizableRadioGroupProps\n>(({ children, className, id: propId, name, ...props }, ref) => {\n const prefix = useId();\n const id = propId ?? `${prefix}-radio-group`;\n\n return (\n <RadioGroupPrimitive.Root\n className={className}\n id={id}\n name={name}\n {...props}\n ref={ref}\n >\n {children}\n </RadioGroupPrimitive.Root>\n );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n"],"mappings":";;;;AAYA,MAAaG,aAAaH,oBAAMI,YAG7B,EAAEC,UAAUC,WAAWC,IAAIC,QAAQC,MAAM,GAAGC,SAASC,QAAQ;CAC9D,MAAMC,SAASX,MAAM;CACrB,MAAMM,KAAKC,UAAU,GAAGI,OAAM;CAE9B,OACE,oBAAC,oBAAoB,MAArB;EACaN;EACPC;EACEE;EACN,GAAIC;EACCC;EAEJN;CACuB,CAAA;AAE9B,CAAC;AAEDF,WAAWU,cAAc"}

package/dist/ui/components/radio-group-field/radio.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { n as RadioProps, t as Radio } from "../../../radio-eL0Oy86J.js";
-export { Radio, RadioProps };
+import { n as RadioProps, t as Radio } from "../../../radio-CTS4WsNy.js";
+export { Radio, RadioProps };
+export {};

package/dist/ui/components/radio-group-field/radio.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { twMerge } from "tailwind-merge";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 //#region src/ui/components/radio-group-field/radio.tsx
-const Radio = /* @__PURE__ */ React.forwardRef(({ className, description, disabled = false, hasError = false, id: propId, label, value, ...props }, ref) => {
+const Radio = /*#__PURE__*/ React.forwardRef(({ className, description, disabled = false, hasError = false, id: propId, label, value, ...props }, ref) => {
 	const prefix = useId();
 	const id = propId ?? `${prefix}-radio`;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {

package/dist/ui/components/radio-group-field/radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.js","names":["twMerge","RadioGroupPrimitive","React","useId","FormLabel","Radio","forwardRef","className","description","disabled","hasError","id","propId","label","value","props","ref","prefix","required"],"sources":["../../../../src/ui/components/radio-group-field/radio.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport React, { useId } from \"react\";\nimport { FormLabel } from \"../form-label/form-label.js\";\n\nexport interface RadioProps extends React.ComponentPropsWithoutRef<\n typeof RadioGroupPrimitive.Item\n> {\n className?: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n id?: string;\n label: string;\n value: string;\n}\n\nexport const Radio = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n RadioProps\n>(\n (\n {\n className,\n description,\n disabled = false,\n hasError = false,\n id: propId,\n label,\n value,\n ...props\n },\n ref,\n ) => {\n const prefix = useId();\n const id = propId ?? `${prefix}-radio`;\n\n return (\n <>\n <RadioGroupPrimitive.Item\n aria-disabled={disabled}\n aria-invalid={hasError}\n className={twMerge(\n \"group peer\",\n \"aspect-square size-4 rounded-full border border-foreground\",\n \"hover:hover-effect\",\n disabled && [\"cursor-not-allowed border-border\", \"\"],\n hasError && [\"border-destructive\", \"\"],\n className,\n )}\n disabled={disabled}\n id={id}\n value={value}\n {...props}\n ref={ref}\n >\n <RadioGroupPrimitive.Indicator\n className={twMerge(\n \"relative flex size-full items-center justify-center\",\n \"after:absolute after:top-1/2 after:left-1/2 after:size-2.5\",\n \"after:-translate-1/2\",\n \"after:rounded-full after:bg-primary after:content-['']\",\n \"\",\n !disabled && [\n \"group-hover:after:hover-effect dark:group-hover:after:hover-effect\",\n \"dark:group-hover:after:hover-effect\",\n ],\n disabled && [\"after:bg-muted-foreground\", \"\"],\n )}\n />\n </RadioGroupPrimitive.Item>\n <FormLabel\n className={twMerge(\n !disabled &&\n !hasError && [\n \"cursor-pointer\",\n \"peer-hover:hover-effect dark:peer-hover:hover-effect\",\n ],\n )}\n description={description}\n disabled={disabled}\n hasError={hasError}\n htmlFor={id}\n required={props.required}\n inline\n >\n {label}\n </FormLabel>\n </>\n );\n },\n);\n"],"mappings":";;;;;;AAiBA,MAAaK,QAAQH,~~sBAAMI~~,YAKvB,EACEC,WACAC,aACAC,WAAW,OACXC,WAAW,OACXC,IAAIC,QACJC,OACAC,OACA,GAAGC,SAELC,QACG;CACH,MAAMC,SAASd,~~OAAO~~;~~CACtB~~,MAAMQ,KAAKC,UAAU,GAAGK,OAAM;~~AAE9B~~,~~QACE~~,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAoB,MAArB;EACE,iBAAeR;EACf,gBAAcC;EACd,WAAWV,QACT,cACA,8DACA,sBACAS,YAAY,CAAC,oCAAoC,~~GAAG~~,~~EACpDC~~,YAAY,CAAC,sBAAsB,~~GAAG~~,~~EACtCH~~,~~UACD~~;~~EACSE~~;EACNE;EACGG;EACP,GAAIC;EACCC;~~YAEL~~,oBAAC,oBAAoB,WAArB,EACE,WAAWhB,QACT,uDACA,8DACA,wBACA,0DACA,IACA,CAACS,YAAY,CACX,sEACA,~~sCACD~~,~~EACDA~~,YAAY,CAAC,6BAA6B,~~GAC5C~~,~~CAAC~~,~~EAAC~~,CAAA;~~EAEoB~~,CAAA,~~EAC1B~~,oBAAC,WAAD;EACE,WAAWT,QACT,CAACS,YACC,CAACC,YAAY,CACX,kBACA,~~uDAEN~~,~~CAAC~~;~~EACYF~~;EACHC;EACAC;EACV,SAASC;EACT,UAAUI,MAAMG;EAChB,QAAA;~~YAECL~~;~~EACQ~~,CAAA,~~CACV~~,EAAA,CAAA;~~EAGR~~"}
1	+ {"version":3,"file":"radio.js","names":["twMerge","RadioGroupPrimitive","React","useId","FormLabel","Radio","forwardRef","className","description","disabled","hasError","id","propId","label","value","props","ref","prefix","required"],"sources":["../../../../src/ui/components/radio-group-field/radio.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport React, { useId } from \"react\";\nimport { FormLabel } from \"../form-label/form-label.js\";\n\nexport interface RadioProps extends React.ComponentPropsWithoutRef<\n typeof RadioGroupPrimitive.Item\n> {\n className?: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n id?: string;\n label: string;\n value: string;\n}\n\nexport const Radio = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n RadioProps\n>(\n (\n {\n className,\n description,\n disabled = false,\n hasError = false,\n id: propId,\n label,\n value,\n ...props\n },\n ref,\n ) => {\n const prefix = useId();\n const id = propId ?? `${prefix}-radio`;\n\n return (\n <>\n <RadioGroupPrimitive.Item\n aria-disabled={disabled}\n aria-invalid={hasError}\n className={twMerge(\n \"group peer\",\n \"aspect-square size-4 rounded-full border border-foreground\",\n \"hover:hover-effect\",\n disabled && [\"cursor-not-allowed border-border\", \"\"],\n hasError && [\"border-destructive\", \"\"],\n className,\n )}\n disabled={disabled}\n id={id}\n value={value}\n {...props}\n ref={ref}\n >\n <RadioGroupPrimitive.Indicator\n className={twMerge(\n \"relative flex size-full items-center justify-center\",\n \"after:absolute after:top-1/2 after:left-1/2 after:size-2.5\",\n \"after:-translate-1/2\",\n \"after:rounded-full after:bg-primary after:content-['']\",\n \"\",\n !disabled && [\n \"group-hover:after:hover-effect dark:group-hover:after:hover-effect\",\n \"dark:group-hover:after:hover-effect\",\n ],\n disabled && [\"after:bg-muted-foreground\", \"\"],\n )}\n />\n </RadioGroupPrimitive.Item>\n <FormLabel\n className={twMerge(\n !disabled &&\n !hasError && [\n \"cursor-pointer\",\n \"peer-hover:hover-effect dark:peer-hover:hover-effect\",\n ],\n )}\n description={description}\n disabled={disabled}\n hasError={hasError}\n htmlFor={id}\n required={props.required}\n inline\n >\n {label}\n </FormLabel>\n </>\n );\n },\n);\n"],"mappings":";;;;;;AAiBA,MAAaK,QAAQH,oBAAMI,YAKvB,EACEC,WACAC,aACAC,WAAW,OACXC,WAAW,OACXC,IAAIC,QACJC,OACAC,OACA,GAAGC,SAELC,QACG;CACH,MAAMC,SAASd,MAAM;CACrB,MAAMQ,KAAKC,UAAU,GAAGK,OAAM;CAE9B,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAoB,MAArB;EACE,iBAAeR;EACf,gBAAcC;EACd,WAAWV,QACT,cACA,8DACA,sBACAS,YAAY,CAAC,oCAAoC,EAAE,GACnDC,YAAY,CAAC,sBAAsB,EAAE,GACrCH,SACF;EACUE;EACNE;EACGG;EACP,GAAIC;EACCC;EAEL,UAAA,oBAAC,oBAAoB,WAArB,EACE,WAAWhB,QACT,uDACA,8DACA,wBACA,0DACA,IACA,CAACS,YAAY,CACX,sEACA,qCAAqC,GAEvCA,YAAY,CAAC,6BAA6B,EAAE,CAC9C,EAAE,CAAA;CAEoB,CAAA,GAC1B,oBAAC,WAAD;EACE,WAAWT,QACT,CAACS,YACC,CAACC,YAAY,CACX,kBACA,sDAAsD,CAE5D;EACaF;EACHC;EACAC;EACV,SAASC;EACT,UAAUI,MAAMG;EAChB,QAAA;EAECL,UAAAA;CACQ,CAAA,CACb,EAAA,CAAA;AAEJ,CACF"}

package/dist/ui/components/search-autocomplete/index.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
-import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../../../types-C04Q_Fan.js";
-import { t as SearchAutocomplete } from "../../../search-autocomplete-BJJkrZ1i.js";
-import { t as useSearchAutocomplete } from "../../../use-search-autocomplete-IfcQ_gKh.js";
-export { SearchAutocomplete, SearchAutocompleteOption, SearchAutocompleteProps, SearchAutocompleteRowContext, useSearchAutocomplete };
+import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../../../types-D4CirgNk.js";
+import { t as SearchAutocomplete } from "../../../search-autocomplete-COvFRZIb.js";
+import { t as useSearchAutocomplete } from "../../../use-search-autocomplete-vSvcsvcB.js";
+import "../../../index-D6Zk5OLV.js";
+export { SearchAutocomplete, type SearchAutocompleteOption, type SearchAutocompleteProps, type SearchAutocompleteRowContext, useSearchAutocomplete };
+export {};

package/dist/ui/components/search-autocomplete/search-autocomplete.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { t as SearchAutocomplete } from "../../../search-autocomplete-BJJkrZ1i.js";
-export { SearchAutocomplete };
+import { t as SearchAutocomplete } from "../../../search-autocomplete-COvFRZIb.js";
+export { SearchAutocomplete };
+export {};

package/dist/ui/components/search-autocomplete/search-autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"search-autocomplete.js","names":["React","useCallback","useState","twMerge","Input","Popover","PopoverAnchor","PopoverContent","useSearchAutocomplete","SearchAutocomplete","props","fetchOptions","onSelect","selectLabel","selectingContent","placeholder","disabled","loading","externalLoading","className","renderOption","renderRow","keepOpenSelector","debounceMs","query","setQuery","results","isLoading","error","isOpen","setIsOpen","handleQueryChange","selectingValue","setSelectingValue","handleInputChange","e","target","value","handleSelect","handleSubmit","trim","handleKeyDown","key","preventDefault","length","closest","map","option","label","version","description","meta","disabledLabel"],"sources":["../../../../src/ui/components/search-autocomplete/search-autocomplete.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Input } from \"../input/input.js\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"../popover/popover.js\";\nimport type { SearchAutocompleteProps } from \"./types.js\";\nimport { useSearchAutocomplete } from \"./use-search-autocomplete.js\";\n\nexport const SearchAutocomplete: React.FC<SearchAutocompleteProps> = (\n props,\n) => {\n const {\n fetchOptions,\n onSelect,\n selectLabel = \"Select\",\n selectingContent,\n placeholder = \"Search...\",\n disabled = false,\n loading: externalLoading = false,\n className,\n renderOption,\n renderRow,\n keepOpenSelector,\n debounceMs = 300,\n } = props;\n\n const {\n query,\n setQuery,\n results,\n isLoading,\n error,\n isOpen,\n setIsOpen,\n handleQueryChange,\n } = useSearchAutocomplete({ fetchOptions, debounceMs });\n\n const [selectingValue, setSelectingValue] = useState<string \| null>(null);\n\n const handleInputChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n handleQueryChange(e.target.value);\n },\n [handleQueryChange],\n );\n\n const handleSelect = useCallback(\n async (value: string) => {\n setSelectingValue(value);\n try {\n await onSelect(value);\n setQuery(\"\");\n setIsOpen(false);\n } catch {\n // error handled by caller\n } finally {\n setSelectingValue(null);\n }\n },\n [onSelect, setQuery, setIsOpen],\n );\n\n const handleSubmit = useCallback(() => {\n if (query.trim()) {\n void handleSelect(query.trim());\n }\n }, [query, handleSelect]);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n if (!fetchOptions && query.trim()) {\n handleSubmit();\n }\n }\n },\n [fetchOptions, query, handleSubmit],\n );\n\n const loading = isLoading \|\| externalLoading;\n\n // Fallback: plain text input + submit when no fetchOptions\n if (!fetchOptions) {\n return (\n <div className={twMerge(\"flex items-center gap-2\", className)}>\n <Input\n value={query}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n disabled={disabled \|\| selectingValue !== null}\n className=\"max-w-xs text-foreground\"\n />\n <button\n onClick={handleSubmit}\n disabled={disabled \|\| !query.trim() \|\| selectingValue !== null}\n className=\"h-9 rounded-md bg-primary px-4 text-sm font-semibold text-primary-foreground transition-colors hover:hover-effect disabled:disabled-effect\"\n >\n {selectLabel}\n </button>\n </div>\n );\n }\n\n return (\n <div className={twMerge(\"relative\", className)}>\n <Popover open={isOpen && results.length > 0} onOpenChange={setIsOpen}>\n <PopoverAnchor asChild>\n <Input\n value={query}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n disabled={disabled}\n className=\"max-w-xs text-foreground\"\n />\n </PopoverAnchor>\n <PopoverContent\n align=\"start\"\n onOpenAutoFocus={(e) => e.preventDefault()}\n onInteractOutside={(e) => {\n if (keepOpenSelector) {\n const target = e.target as HTMLElement \| null;\n if (target?.closest(keepOpenSelector)) {\n e.preventDefault();\n return;\n }\n }\n setIsOpen(false);\n }}\n className=\"max-h-80 overflow-visible p-1\"\n >\n <div className=\"max-h-80 overflow-y-auto\">\n {results.map((option) => {\n if (renderRow) {\n return (\n <div key={option.value} className=\"rounded-md\">\n {renderRow(option, {\n selectingValue,\n selectLabel,\n selectingContent,\n handleSelect: (value) => void handleSelect(value),\n })}\n </div>\n );\n }\n return (\n <div\n key={option.value}\n className=\"flex items-center justify-between gap-2 rounded-md px-2 py-1.5 hover:hover-effect\"\n >\n {renderOption ? (\n <div className=\"min-w-0 flex-1\">{renderOption(option)}</div>\n ) : (\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-foreground\">\n {option.label}\n </p>\n {option.version && (\n <p className=\"truncate text-xs text-muted-foreground\">\n v{option.version}\n </p>\n )}\n {option.description && (\n <p className=\"truncate text-xs text-muted-foreground\">\n {option.description}\n </p>\n )}\n {option.meta && (\n <p className=\"truncate text-xs text-muted-foreground\">\n {option.meta}\n </p>\n )}\n </div>\n )}\n {selectingValue === option.value && selectingContent ? (\n <div className=\"flex shrink-0 items-center justify-center\">\n {selectingContent}\n </div>\n ) : option.disabled ? (\n <span className=\"shrink-0 rounded-md bg-muted px-3 py-1 text-xs font-medium text-muted-foreground\">\n {option.disabledLabel ?? \"Unavailable\"}\n </span>\n ) : (\n <button\n onClick={() => void handleSelect(option.value)}\n disabled={selectingValue === option.value}\n className=\"shrink-0 rounded-md bg-primary px-3 py-1 text-xs font-medium text-primary-foreground transition-colors hover:hover-effect disabled:disabled-effect\"\n >\n {selectingValue === option.value ? \"...\" : selectLabel}\n </button>\n )}\n </div>\n );\n })}\n </div>\n </PopoverContent>\n </Popover>\n {loading && (\n <p className=\"mt-1 text-xs text-muted-foreground\">Searching...</p>\n )}\n {error && <p className=\"mt-1 text-xs text-destructive\">{error}</p>}\n {!loading &&\n !error &&\n query.trim() &&\n results.length === 0 &&\n !isOpen && (\n <p className=\"mt-1 text-xs text-muted-foreground\">No results found</p>\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;;AAOA,MAAaS,sBACXC,UACG;CACH,MAAM,EACJC,cACAC,UACAC,cAAc,UACdC,kBACAC,cAAc,aACdC,WAAW,OACXC,SAASC,kBAAkB,OAC3BC,WACAC,cACAC,WACAC,kBACAC,aAAa,QACXb;CAEJ,MAAM,EACJc,OACAC,UACAC,SACAC,WACAC,OACAC,QACAC,WACAC,sBACEvB,sBAAsB;EAAEG;EAAcY;EAAY,CAAC;CAEvD,MAAM,CAACS,gBAAgBC,qBAAqB/B,SAAwB,KAAK;CAEzE,MAAMgC,oBAAoBjC,aACvBkC,MAA2C;AAC1CJ,oBAAkBI,EAAEC,OAAOC,MAAM;IAEnC,CAACN,kBACH,CAAC;CAED,MAAMO,eAAerC,YACnB,OAAOoC,UAAkB;AACvBJ,oBAAkBI,MAAM;AACxB,MAAI;AACF,SAAMzB,SAASyB,MAAM;AACrBZ,YAAS,GAAG;AACZK,aAAU,MAAM;UACV,WAEE;AACRG,qBAAkB,KAAK;;IAG3B;EAACrB;EAAUa;EAAUK;EACvB,CAAC;CAED,MAAMS,eAAetC,kBAAkB;AACrC,MAAIuB,MAAMgB,MAAM,CACTF,cAAad,MAAMgB,MAAM,CAAC;IAEhC,CAAChB,OAAOc,aAAa,CAAC;CAEzB,MAAMG,gBAAgBxC,aACnBkC,MAA2B;AAC1B,MAAIA,EAAEO,QAAQ,SAAS;AACrBP,KAAEQ,gBAAgB;AAClB,OAAI,CAAChC,gBAAgBa,MAAMgB,MAAM,CAC/BD,eAAc;;IAIpB;EAAC5B;EAAca;EAAOe;EACxB,CAAC;CAED,MAAMtB,UAAUU,aAAaT;AAG7B,KAAI,CAACP,aACH,QACE,qBAAC,OAAD;EAAK,WAAWR,QAAQ,2BAA2BgB,UAAU;YAA7D,CACE,oBAAC,OAAD;GACE,OAAOK;GACP,UAAUU;GACV,WAAWO;GACE1B;GACb,UAAUC,YAAYgB,mBAAmB;GACzC,WAAU;GAA0B,CAAA,EAEtC,oBAAC,UAAD;GACE,SAASO;GACT,UAAUvB,YAAY,CAACQ,MAAMgB,MAAM,IAAIR,mBAAmB;GAC1D,WAAU;aAETnB;GACK,CAAA,CACJ;;AAIV,QACE,qBAAC,OAAD;EAAK,WAAWV,QAAQ,YAAYgB,UAAU;YAA9C;GACE,qBAAC,SAAD;IAAS,MAAMU,UAAUH,QAAQkB,SAAS;IAAG,cAAcd;cAA3D,CACE,oBAAC,eAAD;KAAe,SAAA;eACb,oBAAC,OAAD;MACE,OAAON;MACP,UAAUU;MACV,WAAWO;MACE1B;MACHC;MACV,WAAU;MAA0B,CAAA;KAEzB,CAAA,EACf,oBAAC,gBAAD;KACE,OAAM;KACN,kBAAkBmB,MAAMA,EAAEQ,gBAAgB;KAC1C,oBAAoBR,MAAM;AACxB,UAAIb;WACaa,EAAEC,QACLS,QAAQvB,iBAAiB,EAAE;AACrCa,UAAEQ,gBAAgB;AAClB;;;AAGJb,gBAAU,MAAM;;KAElB,WAAU;eAEV,oBAAC,OAAD;MAAK,WAAU;gBACZJ,QAAQoB,KAAKC,WAAW;AACvB,WAAI1B,UACF,QACE,oBAAC,OAAD;QAAwB,WAAU;kBAC/BA,UAAU0B,QAAQ;SACjBf;SACAnB;SACAC;SACAwB,eAAeD,UAAU,KAAKC,aAAaD,MAAK;SACjD,CAAC;QACE,EAPIU,OAAOV,MAOX;AAGV,cACE,qBAAC,OAAD;QAEE,WAAU;kBAFZ,CAIGjB,eACC,oBAAC,OAAD;SAAK,WAAU;mBAAkBA,aAAa2B,OAAO;SAAO,CAAA,GAE5D,qBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,oBAAC,KAAD;WAAG,WAAU;qBACVA,OAAOC;WACP,CAAA;UACFD,OAAOE,WACN,qBAAC,KAAD;WAAG,WAAU;qBAAb,CAAqD,KACjDF,OAAOE,QAEZ;;UACAF,OAAOG,eACN,oBAAC,KAAD;WAAG,WAAU;qBACVH,OAAOG;WAEX,CAAA;UACAH,OAAOI,QACN,oBAAC,KAAD;WAAG,WAAU;qBACVJ,OAAOI;WAEX,CAAA;UAEJ;YACAnB,mBAAmBe,OAAOV,SAASvB,mBAClC,oBAAC,OAAD;SAAK,WAAU;mBACZA;SACG,CAAA,GACJiC,OAAO/B,WACT,oBAAC,QAAD;SAAM,WAAU;mBACb+B,OAAOK,iBAAiB;SACpB,CAAA,GAEP,oBAAC,UAAD;SACE,eAAe,KAAKd,aAAaS,OAAOV,MAAM;SAC9C,UAAUL,mBAAmBe,OAAOV;SACpC,WAAU;mBAETL,mBAAmBe,OAAOV,QAAQ,QAAQxB;SAE9C,CAAA,CACG;UA5CCkC,OAAOV,MA4CR;QAER;MACC,CAAA;KACS,CAAA,CACT;;GACRpB,WACC,oBAAC,KAAD;IAAG,WAAU;cAAqC;IACnD,CAAA;GACAW,SAAS,oBAAC,KAAD;IAAG,WAAU;cAAiCA;IAAU,CAAA;GACjE,CAACX,WACA,CAACW,SACDJ,MAAMgB,MAAM,IACZd,QAAQkB,WAAW,KACnB,CAACf,UACC,oBAAC,KAAD;IAAG,WAAU;cAAqC;IACnD,CAAA;GACC"}
1	+ {"version":3,"file":"search-autocomplete.js","names":["React","useCallback","useState","twMerge","Input","Popover","PopoverAnchor","PopoverContent","useSearchAutocomplete","SearchAutocomplete","props","fetchOptions","onSelect","selectLabel","selectingContent","placeholder","disabled","loading","externalLoading","className","renderOption","renderRow","keepOpenSelector","debounceMs","query","setQuery","results","isLoading","error","isOpen","setIsOpen","handleQueryChange","selectingValue","setSelectingValue","handleInputChange","e","target","value","handleSelect","handleSubmit","trim","handleKeyDown","key","preventDefault","length","closest","map","option","label","version","description","meta","disabledLabel"],"sources":["../../../../src/ui/components/search-autocomplete/search-autocomplete.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { Input } from \"../input/input.js\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"../popover/popover.js\";\nimport type { SearchAutocompleteProps } from \"./types.js\";\nimport { useSearchAutocomplete } from \"./use-search-autocomplete.js\";\n\nexport const SearchAutocomplete: React.FC<SearchAutocompleteProps> = (\n props,\n) => {\n const {\n fetchOptions,\n onSelect,\n selectLabel = \"Select\",\n selectingContent,\n placeholder = \"Search...\",\n disabled = false,\n loading: externalLoading = false,\n className,\n renderOption,\n renderRow,\n keepOpenSelector,\n debounceMs = 300,\n } = props;\n\n const {\n query,\n setQuery,\n results,\n isLoading,\n error,\n isOpen,\n setIsOpen,\n handleQueryChange,\n } = useSearchAutocomplete({ fetchOptions, debounceMs });\n\n const [selectingValue, setSelectingValue] = useState<string \| null>(null);\n\n const handleInputChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n handleQueryChange(e.target.value);\n },\n [handleQueryChange],\n );\n\n const handleSelect = useCallback(\n async (value: string) => {\n setSelectingValue(value);\n try {\n await onSelect(value);\n setQuery(\"\");\n setIsOpen(false);\n } catch {\n // error handled by caller\n } finally {\n setSelectingValue(null);\n }\n },\n [onSelect, setQuery, setIsOpen],\n );\n\n const handleSubmit = useCallback(() => {\n if (query.trim()) {\n void handleSelect(query.trim());\n }\n }, [query, handleSelect]);\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n if (!fetchOptions && query.trim()) {\n handleSubmit();\n }\n }\n },\n [fetchOptions, query, handleSubmit],\n );\n\n const loading = isLoading \|\| externalLoading;\n\n // Fallback: plain text input + submit when no fetchOptions\n if (!fetchOptions) {\n return (\n <div className={twMerge(\"flex items-center gap-2\", className)}>\n <Input\n value={query}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n disabled={disabled \|\| selectingValue !== null}\n className=\"max-w-xs text-foreground\"\n />\n <button\n onClick={handleSubmit}\n disabled={disabled \|\| !query.trim() \|\| selectingValue !== null}\n className=\"h-9 rounded-md bg-primary px-4 text-sm font-semibold text-primary-foreground transition-colors hover:hover-effect disabled:disabled-effect\"\n >\n {selectLabel}\n </button>\n </div>\n );\n }\n\n return (\n <div className={twMerge(\"relative\", className)}>\n <Popover open={isOpen && results.length > 0} onOpenChange={setIsOpen}>\n <PopoverAnchor asChild>\n <Input\n value={query}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n disabled={disabled}\n className=\"max-w-xs text-foreground\"\n />\n </PopoverAnchor>\n <PopoverContent\n align=\"start\"\n onOpenAutoFocus={(e) => e.preventDefault()}\n onInteractOutside={(e) => {\n if (keepOpenSelector) {\n const target = e.target as HTMLElement \| null;\n if (target?.closest(keepOpenSelector)) {\n e.preventDefault();\n return;\n }\n }\n setIsOpen(false);\n }}\n className=\"max-h-80 overflow-visible p-1\"\n >\n <div className=\"max-h-80 overflow-y-auto\">\n {results.map((option) => {\n if (renderRow) {\n return (\n <div key={option.value} className=\"rounded-md\">\n {renderRow(option, {\n selectingValue,\n selectLabel,\n selectingContent,\n handleSelect: (value) => void handleSelect(value),\n })}\n </div>\n );\n }\n return (\n <div\n key={option.value}\n className=\"flex items-center justify-between gap-2 rounded-md px-2 py-1.5 hover:hover-effect\"\n >\n {renderOption ? (\n <div className=\"min-w-0 flex-1\">{renderOption(option)}</div>\n ) : (\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-foreground\">\n {option.label}\n </p>\n {option.version && (\n <p className=\"truncate text-xs text-muted-foreground\">\n v{option.version}\n </p>\n )}\n {option.description && (\n <p className=\"truncate text-xs text-muted-foreground\">\n {option.description}\n </p>\n )}\n {option.meta && (\n <p className=\"truncate text-xs text-muted-foreground\">\n {option.meta}\n </p>\n )}\n </div>\n )}\n {selectingValue === option.value && selectingContent ? (\n <div className=\"flex shrink-0 items-center justify-center\">\n {selectingContent}\n </div>\n ) : option.disabled ? (\n <span className=\"shrink-0 rounded-md bg-muted px-3 py-1 text-xs font-medium text-muted-foreground\">\n {option.disabledLabel ?? \"Unavailable\"}\n </span>\n ) : (\n <button\n onClick={() => void handleSelect(option.value)}\n disabled={selectingValue === option.value}\n className=\"shrink-0 rounded-md bg-primary px-3 py-1 text-xs font-medium text-primary-foreground transition-colors hover:hover-effect disabled:disabled-effect\"\n >\n {selectingValue === option.value ? \"...\" : selectLabel}\n </button>\n )}\n </div>\n );\n })}\n </div>\n </PopoverContent>\n </Popover>\n {loading && (\n <p className=\"mt-1 text-xs text-muted-foreground\">Searching...</p>\n )}\n {error && <p className=\"mt-1 text-xs text-destructive\">{error}</p>}\n {!loading &&\n !error &&\n query.trim() &&\n results.length === 0 &&\n !isOpen && (\n <p className=\"mt-1 text-xs text-muted-foreground\">No results found</p>\n )}\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/ui/components/search-autocomplete/types.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../../../types-C04Q_Fan.js";
-export { SearchAutocompleteOption, SearchAutocompleteProps, SearchAutocompleteRowContext };
+import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../../../types-D4CirgNk.js";
+export { SearchAutocompleteOption, SearchAutocompleteProps, SearchAutocompleteRowContext };
+export {};

package/dist/ui/components/search-autocomplete/use-search-autocomplete.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { t as useSearchAutocomplete } from "../../../use-search-autocomplete-IfcQ_gKh.js";
-export { useSearchAutocomplete };
+import { t as useSearchAutocomplete } from "../../../use-search-autocomplete-vSvcsvcB.js";
+export { useSearchAutocomplete };
+export {};

package/dist/ui/components/search-autocomplete/use-search-autocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-search-autocomplete.js","names":["useCallback","useEffect","useRef","useState","useSearchAutocomplete","options","fetchOptions","debounceMs","query","setQuery","results","setResults","isLoading","setIsLoading","error","setError","isOpen","setIsOpen","debounceRef","undefined","abortRef","fetchResults","searchQuery","trim","current","abort","controller","AbortController","data","signal","aborted","length","err","Error","message","handleQueryChange","value","clearTimeout","setTimeout"],"sources":["../../../../src/ui/components/search-autocomplete/use-search-autocomplete.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { SearchAutocompleteOption } from \"./types.js\";\n\ninterface UseSearchAutocompleteOptions {\n fetchOptions?: (query: string) => Promise<SearchAutocompleteOption[]>;\n debounceMs: number;\n}\n\nexport function useSearchAutocomplete(options: UseSearchAutocompleteOptions) {\n const { fetchOptions, debounceMs } = options;\n\n const [query, setQuery] = useState(\"\");\n const [results, setResults] = useState<SearchAutocompleteOption[]>([]);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState<string \| undefined>();\n const [isOpen, setIsOpen] = useState(false);\n\n const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n const abortRef = useRef<AbortController>(undefined);\n\n const fetchResults = useCallback(\n async (searchQuery: string) => {\n if (!fetchOptions) return;\n\n if (!searchQuery.trim()) {\n setResults([]);\n setIsLoading(false);\n return;\n }\n\n abortRef.current?.abort();\n const controller = new AbortController();\n abortRef.current = controller;\n\n setIsLoading(true);\n setError(undefined);\n\n try {\n const data = await fetchOptions(searchQuery);\n if (!controller.signal.aborted) {\n setResults(data);\n setIsOpen(data.length > 0);\n }\n } catch (err) {\n if (!controller.signal.aborted) {\n setError(\n err instanceof Error ? err.message : \"Failed to fetch results\",\n );\n setResults([]);\n }\n } finally {\n if (!controller.signal.aborted) {\n setIsLoading(false);\n }\n }\n },\n [fetchOptions],\n );\n\n const handleQueryChange = useCallback(\n (value: string) => {\n setQuery(value);\n\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n\n if (!value.trim()) {\n setResults([]);\n setIsOpen(false);\n setIsLoading(false);\n return;\n }\n\n setIsLoading(true);\n debounceRef.current = setTimeout(() => {\n void fetchResults(value);\n }, debounceMs);\n },\n [debounceMs, fetchResults],\n );\n\n useEffect(() => {\n return () => {\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n abortRef.current?.abort();\n };\n }, []);\n\n return {\n query,\n setQuery,\n results,\n isLoading,\n error,\n isOpen,\n setIsOpen,\n handleQueryChange,\n };\n}\n"],"mappings":";;AAQA,SAAgBI,sBAAsBC,SAAuC;CAC3E,MAAM,EAAEC,cAAcC,eAAeF;CAErC,MAAM,CAACG,OAAOC,YAAYN,SAAS,~~GAAG~~;~~CACtC~~,MAAM,CAACO,SAASC,cAAcR,SAAqC,~~EAAE~~,~~CAAC~~;~~CACtE~~,MAAM,CAACS,WAAWC,gBAAgBV,SAAS,~~MAAM~~;~~CACjD~~,MAAM,CAACW,OAAOC,YAAYZ,~~UAA8B~~;~~CACxD~~,MAAM,CAACa,QAAQC,aAAad,SAAS,~~MAAM~~;~~CAE3C~~,MAAMe,cAAchB,OAAsCiB,KAAAA,~~EAAU~~;~~CACpE~~,MAAMC,WAAWlB,OAAwBiB,KAAAA,~~EAAU~~;~~CAEnD~~,MAAME,eAAerB,YACnB,OAAOsB,gBAAwB;~~AAC7B~~,~~MAAI~~,CAAChB,~~aAAc~~;~~AAEnB~~,~~MAAI~~,CAACgB,YAAYC,~~MAAM~~,~~EAAE~~;~~AACvBZ~~,~~cAAW~~,~~EAAE~~,~~CAAC~~;~~AACdE~~,~~gBAAa~~,~~MAAM~~;~~AACnB;;AAGFO~~,~~WAASI~~,SAASC,~~OAAO~~;~~EACzB~~,MAAMC,aAAa,IAAIC,~~iBAAiB~~;~~AACxCP~~,~~WAASI~~,UAAUE;~~AAEnBb~~,~~eAAa~~,~~KAAK~~;~~AAClBE~~,~~WAASI~~,KAAAA,~~EAAU~~;~~AAEnB~~,~~MAAI~~;GACF,MAAMS,OAAO,MAAMtB,aAAagB,~~YAAY~~;~~AAC5C~~,~~OAAI~~,CAACI,WAAWG,OAAOC,SAAS;~~AAC9BnB~~,~~eAAWiB~~,~~KAAK~~;~~AAChBX~~,~~cAAUW~~,KAAKG,SAAS,~~EAAE;;WAErBC~~,KAAK;~~AACZ~~,~~OAAI~~,CAACN,WAAWG,OAAOC,SAAS;~~AAC9Bf~~,~~aACEiB~~,eAAeC,QAAQD,IAAIE,UAAU,~~0BACtC~~;~~AACDvB~~,~~eAAW~~,~~EAAE~~,~~CAAC;;YAER~~;~~AACR~~,~~OAAI~~,CAACe,WAAWG,OAAOC,~~QACrBjB~~,~~cAAa~~,~~MAAM;;IAIzB~~,CAACP,~~aACH~~,~~CAAC~~;~~CAED~~,MAAM6B,oBAAoBnC,aACvBoC,UAAkB;~~AACjB3B~~,~~WAAS2B~~,~~MAAM~~;~~AAEf~~,~~MAAIlB~~,YAAYM,~~QACda~~,~~cAAanB~~,YAAYM,~~QAAQ~~;~~AAGnC~~,~~MAAI~~,CAACY,MAAMb,~~MAAM~~,~~EAAE~~;~~AACjBZ~~,~~cAAW~~,~~EAAE~~,~~CAAC~~;~~AACdM~~,~~aAAU~~,~~MAAM~~;~~AAChBJ~~,~~gBAAa~~,~~MAAM~~;~~AACnB;;AAGFA~~,~~eAAa~~,~~KAAK~~;~~AAClBK~~,~~cAAYM~~,UAAUc,iBAAiB;~~AAChCjB~~,~~gBAAae~~,~~MAAM~~;~~KACvB7B~~,~~WAAW~~;~~IAEhB~~,CAACA,YAAYc,~~aACf~~,~~CAAC~~;~~AAEDpB~~,~~iBAAgB~~;~~AACd~~,~~eAAa~~;~~AACX~~,~~OAAIiB~~,YAAYM,~~QACda~~,~~cAAanB~~,YAAYM,~~QAAQ~~;~~AAEnCJ~~,~~YAASI~~,SAASC,~~OAAO;;IAE1B~~,~~EAAE~~,~~CAAC~~;~~AAEN~~,~~QAAO~~;EACLjB;EACAC;EACAC;EACAE;EACAE;EACAE;EACAC;EACAkB;~~EACD~~"}
1	+ {"version":3,"file":"use-search-autocomplete.js","names":["useCallback","useEffect","useRef","useState","useSearchAutocomplete","options","fetchOptions","debounceMs","query","setQuery","results","setResults","isLoading","setIsLoading","error","setError","isOpen","setIsOpen","debounceRef","undefined","abortRef","fetchResults","searchQuery","trim","current","abort","controller","AbortController","data","signal","aborted","length","err","Error","message","handleQueryChange","value","clearTimeout","setTimeout"],"sources":["../../../../src/ui/components/search-autocomplete/use-search-autocomplete.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { SearchAutocompleteOption } from \"./types.js\";\n\ninterface UseSearchAutocompleteOptions {\n fetchOptions?: (query: string) => Promise<SearchAutocompleteOption[]>;\n debounceMs: number;\n}\n\nexport function useSearchAutocomplete(options: UseSearchAutocompleteOptions) {\n const { fetchOptions, debounceMs } = options;\n\n const [query, setQuery] = useState(\"\");\n const [results, setResults] = useState<SearchAutocompleteOption[]>([]);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState<string \| undefined>();\n const [isOpen, setIsOpen] = useState(false);\n\n const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n const abortRef = useRef<AbortController>(undefined);\n\n const fetchResults = useCallback(\n async (searchQuery: string) => {\n if (!fetchOptions) return;\n\n if (!searchQuery.trim()) {\n setResults([]);\n setIsLoading(false);\n return;\n }\n\n abortRef.current?.abort();\n const controller = new AbortController();\n abortRef.current = controller;\n\n setIsLoading(true);\n setError(undefined);\n\n try {\n const data = await fetchOptions(searchQuery);\n if (!controller.signal.aborted) {\n setResults(data);\n setIsOpen(data.length > 0);\n }\n } catch (err) {\n if (!controller.signal.aborted) {\n setError(\n err instanceof Error ? err.message : \"Failed to fetch results\",\n );\n setResults([]);\n }\n } finally {\n if (!controller.signal.aborted) {\n setIsLoading(false);\n }\n }\n },\n [fetchOptions],\n );\n\n const handleQueryChange = useCallback(\n (value: string) => {\n setQuery(value);\n\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n\n if (!value.trim()) {\n setResults([]);\n setIsOpen(false);\n setIsLoading(false);\n return;\n }\n\n setIsLoading(true);\n debounceRef.current = setTimeout(() => {\n void fetchResults(value);\n }, debounceMs);\n },\n [debounceMs, fetchResults],\n );\n\n useEffect(() => {\n return () => {\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n abortRef.current?.abort();\n };\n }, []);\n\n return {\n query,\n setQuery,\n results,\n isLoading,\n error,\n isOpen,\n setIsOpen,\n handleQueryChange,\n };\n}\n"],"mappings":";;AAQA,SAAgBI,sBAAsBC,SAAuC;CAC3E,MAAM,EAAEC,cAAcC,eAAeF;CAErC,MAAM,CAACG,OAAOC,YAAYN,SAAS,EAAE;CACrC,MAAM,CAACO,SAASC,cAAcR,SAAqC,CAAA,CAAE;CACrE,MAAM,CAACS,WAAWC,gBAAgBV,SAAS,KAAK;CAChD,MAAM,CAACW,OAAOC,YAAYZ,SAA6B;CACvD,MAAM,CAACa,QAAQC,aAAad,SAAS,KAAK;CAE1C,MAAMe,cAAchB,OAAsCiB,KAAAA,CAAS;CACnE,MAAMC,WAAWlB,OAAwBiB,KAAAA,CAAS;CAElD,MAAME,eAAerB,YACnB,OAAOsB,gBAAwB;EAC7B,IAAI,CAAChB,cAAc;EAEnB,IAAI,CAACgB,YAAYC,KAAK,GAAG;GACvBZ,WAAW,CAAA,CAAE;GACbE,aAAa,KAAK;GAClB;EACF;EAEAO,SAASI,SAASC,MAAM;EACxB,MAAMC,aAAa,IAAIC,gBAAgB;EACvCP,SAASI,UAAUE;EAEnBb,aAAa,IAAI;EACjBE,SAASI,KAAAA,CAAS;EAElB,IAAI;GACF,MAAMS,OAAO,MAAMtB,aAAagB,WAAW;GAC3C,IAAI,CAACI,WAAWG,OAAOC,SAAS;IAC9BnB,WAAWiB,IAAI;IACfX,UAAUW,KAAKG,SAAS,CAAC;GAC3B;EACF,SAASC,KAAK;GACZ,IAAI,CAACN,WAAWG,OAAOC,SAAS;IAC9Bf,SACEiB,eAAeC,QAAQD,IAAIE,UAAU,yBACvC;IACAvB,WAAW,CAAA,CAAE;GACf;EACF,UAAU;GACR,IAAI,CAACe,WAAWG,OAAOC,SACrBjB,aAAa,KAAK;EAEtB;CACF,GACA,CAACP,YAAY,CACf;CAEA,MAAM6B,oBAAoBnC,aACvBoC,UAAkB;EACjB3B,SAAS2B,KAAK;EAEd,IAAIlB,YAAYM,SACda,aAAanB,YAAYM,OAAO;EAGlC,IAAI,CAACY,MAAMb,KAAK,GAAG;GACjBZ,WAAW,CAAA,CAAE;GACbM,UAAU,KAAK;GACfJ,aAAa,KAAK;GAClB;EACF;EAEAA,aAAa,IAAI;EACjBK,YAAYM,UAAUc,iBAAiB;GACrC,aAAkBF,KAAK;EACzB,GAAG7B,UAAU;CACf,GACA,CAACA,YAAYc,YAAY,CAC3B;CAEApB,gBAAgB;EACd,aAAa;GACX,IAAIiB,YAAYM,SACda,aAAanB,YAAYM,OAAO;GAElCJ,SAASI,SAASC,MAAM;EAC1B;CACF,GAAG,CAAA,CAAE;CAEL,OAAO;EACLjB;EACAC;EACAC;EACAE;EACAE;EACAE;EACAC;EACAkB;CACF;AACF"}

package/dist/ui/components/select-field/content.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { t as Content } from "../../../content-BHWIqmio.js";
-export { Content };
+import { t as Content } from "../../../content-BMXLcwWY.js";
+export { Content };
+export {};

package/dist/ui/components/select-field/content.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as Icon } from "../../../icon-C4QOpsdI.js";
+import { t as Icon } from "../../../icon-01W_S_9A.js";
 import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../command/command.js";
 import { CommandItemList } from "./subcomponents/CommandItemList.js";
 import { useEffect } from "react";

package/dist/ui/components/select-field/content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content.js","names":["Icon","twMerge","useCommandState","React","useEffect","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandItemList","Content","searchable","commandListRef","multiple","selectedValues","selectionIcon","selectionIconPosition","options","toggleAll","toggleOption","favoriteOptions","enabledOptions","filter","opt","disabled","hasAnyIcon","some","icon","cmdkSearch","state","search","current","scrollTo","top","behavior","e","isOptionsRelatedKey","includes","key","length","stopPropagation","undefined"],"sources":["../../../../src/ui/components/select-field/content.tsx"],"sourcesContent":["import { Icon } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useCommandState } from \"cmdk\";\nimport React, { useEffect } from \"react\";\nimport {\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"../command/command.js\";\nimport type { SelectProps } from \"../enum-field/types.js\";\nimport { CommandItemList } from \"./subcomponents/CommandItemList.js\";\ninterface ContentProps {\n searchable?: boolean;\n commandListRef: React.RefObject<HTMLDivElement \| null>;\n multiple?: boolean;\n selectedValues: string[];\n selectionIcon: \"auto\" \| \"checkmark\";\n selectionIconPosition: \"left\" \| \"right\";\n options: SelectProps[\"options\"];\n favoriteOptions?: SelectProps[\"options\"];\n toggleAll: () => void;\n toggleOption: (value: string) => void;\n}\n\nexport const Content: React.FC<ContentProps> = ({\n searchable,\n commandListRef,\n multiple,\n selectedValues,\n selectionIcon,\n selectionIconPosition,\n options = [],\n toggleAll,\n toggleOption,\n favoriteOptions = [],\n}) => {\n const enabledOptions = options.filter((opt) => !opt.disabled);\n const hasAnyIcon = options.some((opt) => opt.icon);\n\n const cmdkSearch = useCommandState((state) => state.search);\n // scroll to top when search change\n useEffect(() => {\n commandListRef.current?.scrollTo({ top: 0, behavior: \"instant\" });\n }, [commandListRef, cmdkSearch]);\n\n return (\n <>\n {searchable && (\n <CommandInput\n placeholder=\"Search...\"\n onKeyDown={(e) => {\n const isOptionsRelatedKey = [\n \"ArrowUp\",\n \"ArrowDown\",\n \"Enter\",\n ].includes(e.key);\n if (!(isOptionsRelatedKey && enabledOptions.length > 0)) {\n e.stopPropagation();\n }\n }}\n wrapperClassName=\"rounded-t\"\n className=\"text-foreground\"\n />\n )}\n <CommandList ref={commandListRef} tabIndex={!searchable ? 0 : undefined}>\n <CommandEmpty className=\"p-4 text-center text-sm/5 font-normal text-foreground\">\n No results found.\n </CommandEmpty>\n {multiple && cmdkSearch === \"\" && (\n <CommandGroup className=\"pb-0\">\n <CommandItem\n value=\"select-all\"\n onSelect={toggleAll}\n disabled={false}\n className={twMerge(\n \"cursor-pointer\",\n \"data-[selected=true]:bg-accent\",\n )}\n role=\"option\"\n aria-selected={selectedValues.length === enabledOptions.length}\n >\n <div className=\"flex w-full items-center gap-2\">\n {selectionIcon === \"auto\" && (\n <div\n className={twMerge(\n \"flex size-4 items-center justify-center rounded-md border\",\n \"border-foreground\",\n selectedValues.length === enabledOptions.length &&\n \"bg-primary text-primary-foreground\",\n )}\n >\n {selectedValues.length === enabledOptions.length && (\n <Icon name=\"Checkmark\" size={16} />\n )}\n </div>\n )}\n {selectionIcon === \"checkmark\" &&\n !(selectionIconPosition === \"right\" && hasAnyIcon) && (\n <div className=\"size-4\">\n {selectionIconPosition === \"left\" &&\n selectedValues.length === enabledOptions.length && (\n <Icon\n name=\"Checkmark\"\n size={16}\n className=\"text-foreground\"\n />\n )}\n </div>\n )}\n <span className=\"text-sm/4 font-semibold text-foreground\">\n {selectedValues.length === enabledOptions.length\n ? \"Deselect All\"\n : \"Select All\"}\n </span>\n {selectionIcon === \"checkmark\" &&\n selectionIconPosition === \"right\" && (\n <div className=\"ml-auto size-4\">\n {selectedValues.length === enabledOptions.length && (\n <Icon\n name=\"Checkmark\"\n size={16}\n className=\"text-foreground\"\n />\n )}\n </div>\n )}\n </div>\n </CommandItem>\n </CommandGroup>\n )}\n <CommandGroup\n className={multiple && cmdkSearch === \"\" ? \"pt-0\" : undefined}\n >\n <CommandItemList\n options={favoriteOptions}\n selectedValues={selectedValues}\n multiple={multiple}\n selectionIcon={selectionIcon}\n selectionIconPosition={selectionIconPosition}\n hasAnyIcon={hasAnyIcon}\n toggleOption={toggleOption}\n tabIndex={!searchable ? 0 : undefined}\n />\n\n {favoriteOptions.length > 0 && (\n <div className=\"my-1 border-b border-border\" />\n )}\n <CommandItemList\n options={options}\n selectedValues={selectedValues}\n multiple={multiple}\n selectionIcon={selectionIcon}\n selectionIconPosition={selectionIconPosition}\n hasAnyIcon={hasAnyIcon}\n toggleOption={toggleOption}\n tabIndex={!searchable ? 0 : undefined}\n />\n </CommandGroup>\n </CommandList>\n </>\n );\n};\n"],"mappings":";;;;;;;;AA0BA,MAAaW,WAAmC,EAC9CC,YACAC,gBACAC,UACAC,gBACAC,eACAC,uBACAC,UAAU,~~EAAE~~,~~EACZC~~,WACAC,cACAC,kBAAkB,~~EAAA~~,~~OACd~~;CACJ,MAAMC,iBAAiBJ,QAAQK,QAAQC,QAAQ,CAACA,IAAIC,~~SAAS~~;~~CAC7D~~,MAAMC,aAAaR,QAAQS,MAAMH,QAAQA,IAAII,~~KAAK~~;~~CAElD~~,MAAMC,aAAa3B,iBAAiB4B,UAAUA,MAAMC,~~OAAO~~;~~AAE3D3B~~,~~iBAAgB~~;~~AACdS~~,~~iBAAemB~~,SAASC,SAAS;GAAEC,KAAK;GAAGC,UAAU;~~GAAW~~,CAAC;~~IAChE~~,CAACtB,gBAAgBgB,~~WAAW~~,CAAC;~~AAEhC~~,~~QACE~~,qBAAA,YAAA,EAAA,UAAA,CACGjB,cACC,oBAAC,cAAD;EACE,aAAY;EACZ,YAAYwB,MAAM;~~AAMhB~~,~~OAAI~~,EALwB;IAC1B;IACA;IACA;~~IACD~~,CAACE,SAASF,EAAEG,~~IAAI~~,~~IACYjB~~,eAAekB,SAAS,~~GACnDJ~~,~~GAAEK~~,~~iBAAiB;;EAGvB~~,kBAAiB;EACjB,WAAU;~~EAEb~~,CAAA,~~EACD~~,qBAAC,aAAD;EAAa,KAAK5B;EAAgB,UAAU,CAACD,aAAa,IAAI8B,KAAAA;~~YAA9D~~;GACE,oBAAC,cAAD;IAAc,WAAU;~~cAAuD~~;~~IAEjE~~,CAAA;GACb5B,YAAYe,eAAe,MAC1B,oBAAC,cAAD;IAAc,WAAU;~~cACtB~~,oBAAC,aAAD;KACE,OAAM;KACN,UAAUV;KACV,UAAU;KACV,WAAWlB,QACT,kBACA,~~iCACD~~;~~KACD~~,MAAK;KACL,iBAAec,eAAeyB,WAAWlB,eAAekB;~~eAExD~~,qBAAC,OAAD;MAAK,WAAU;~~gBAAf~~;OACGxB,kBAAkB,UACjB,oBAAC,OAAD;QACE,WAAWf,QACT,6DACA,qBACAc,eAAeyB,WAAWlB,eAAekB,UACvC,~~qCACH~~;~~kBAEAzB~~,eAAeyB,WAAWlB,eAAekB,UACxC,oBAAC,MAAD;SAAM,MAAK;SAAY,MAAM;~~SAC9B~~,CAAA;~~QAEJ~~,CAAA;~~OACAxB~~,kBAAkB,eACjB,EAAEC,0BAA0B,WAAWS,eACrC,oBAAC,OAAD;QAAK,WAAU;~~kBACZT~~,0BAA0B,UACzBF,eAAeyB,WAAWlB,eAAekB,UACvC,oBAAC,MAAD;SACE,MAAK;SACL,MAAM;SACN,WAAU;~~SAEb~~,CAAA;~~QAEN~~,CAAA;~~OACH~~,oBAAC,QAAD;QAAM,WAAU;~~kBACbzB~~,eAAeyB,WAAWlB,eAAekB,SACtC,iBACA;~~QACA~~,CAAA;OACLxB,kBAAkB,eACjBC,0BAA0B,WACxB,oBAAC,OAAD;QAAK,WAAU;~~kBACZF~~,eAAeyB,WAAWlB,eAAekB,UACxC,oBAAC,MAAD;SACE,MAAK;SACL,MAAM;SACN,WAAU;~~SAEb~~,CAAA;~~QAEJ~~,CAAA;~~OACA~~;;~~KACM~~,CAAA;~~IAEhB~~,CAAA;~~GACD~~,qBAAC,cAAD;IACE,WAAW1B,YAAYe,eAAe,KAAK,SAASa,KAAAA;~~cADtD~~;KAGE,oBAAC,iBAAD;MACE,SAASrB;MACON;MACND;MACKE;MACQC;MACXS;MACEN;MACd,UAAU,CAACR,aAAa,IAAI8B,KAAAA;~~MAAU~~,CAAA;KAGvCrB,gBAAgBmB,SAAS,KACxB,oBAAC,OAAD,EAAK,WAAU~~,+BAChB~~,CAAA;~~KACD~~,oBAAC,iBAAD;MACWtB;MACOH;MACND;MACKE;MACQC;MACXS;MACEN;MACd,UAAU,CAACR,aAAa,IAAI8B,KAAAA;~~MAAU~~,CAAA;~~KAE5B~~;;~~GACH~~;~~IACZ~~,EAAA,CAAA"}
1	+ {"version":3,"file":"content.js","names":["Icon","twMerge","useCommandState","React","useEffect","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandItemList","Content","searchable","commandListRef","multiple","selectedValues","selectionIcon","selectionIconPosition","options","toggleAll","toggleOption","favoriteOptions","enabledOptions","filter","opt","disabled","hasAnyIcon","some","icon","cmdkSearch","state","search","current","scrollTo","top","behavior","e","isOptionsRelatedKey","includes","key","length","stopPropagation","undefined"],"sources":["../../../../src/ui/components/select-field/content.tsx"],"sourcesContent":["import { Icon } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useCommandState } from \"cmdk\";\nimport React, { useEffect } from \"react\";\nimport {\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"../command/command.js\";\nimport type { SelectProps } from \"../enum-field/types.js\";\nimport { CommandItemList } from \"./subcomponents/CommandItemList.js\";\ninterface ContentProps {\n searchable?: boolean;\n commandListRef: React.RefObject<HTMLDivElement \| null>;\n multiple?: boolean;\n selectedValues: string[];\n selectionIcon: \"auto\" \| \"checkmark\";\n selectionIconPosition: \"left\" \| \"right\";\n options: SelectProps[\"options\"];\n favoriteOptions?: SelectProps[\"options\"];\n toggleAll: () => void;\n toggleOption: (value: string) => void;\n}\n\nexport const Content: React.FC<ContentProps> = ({\n searchable,\n commandListRef,\n multiple,\n selectedValues,\n selectionIcon,\n selectionIconPosition,\n options = [],\n toggleAll,\n toggleOption,\n favoriteOptions = [],\n}) => {\n const enabledOptions = options.filter((opt) => !opt.disabled);\n const hasAnyIcon = options.some((opt) => opt.icon);\n\n const cmdkSearch = useCommandState((state) => state.search);\n // scroll to top when search change\n useEffect(() => {\n commandListRef.current?.scrollTo({ top: 0, behavior: \"instant\" });\n }, [commandListRef, cmdkSearch]);\n\n return (\n <>\n {searchable && (\n <CommandInput\n placeholder=\"Search...\"\n onKeyDown={(e) => {\n const isOptionsRelatedKey = [\n \"ArrowUp\",\n \"ArrowDown\",\n \"Enter\",\n ].includes(e.key);\n if (!(isOptionsRelatedKey && enabledOptions.length > 0)) {\n e.stopPropagation();\n }\n }}\n wrapperClassName=\"rounded-t\"\n className=\"text-foreground\"\n />\n )}\n <CommandList ref={commandListRef} tabIndex={!searchable ? 0 : undefined}>\n <CommandEmpty className=\"p-4 text-center text-sm/5 font-normal text-foreground\">\n No results found.\n </CommandEmpty>\n {multiple && cmdkSearch === \"\" && (\n <CommandGroup className=\"pb-0\">\n <CommandItem\n value=\"select-all\"\n onSelect={toggleAll}\n disabled={false}\n className={twMerge(\n \"cursor-pointer\",\n \"data-[selected=true]:bg-accent\",\n )}\n role=\"option\"\n aria-selected={selectedValues.length === enabledOptions.length}\n >\n <div className=\"flex w-full items-center gap-2\">\n {selectionIcon === \"auto\" && (\n <div\n className={twMerge(\n \"flex size-4 items-center justify-center rounded-md border\",\n \"border-foreground\",\n selectedValues.length === enabledOptions.length &&\n \"bg-primary text-primary-foreground\",\n )}\n >\n {selectedValues.length === enabledOptions.length && (\n <Icon name=\"Checkmark\" size={16} />\n )}\n </div>\n )}\n {selectionIcon === \"checkmark\" &&\n !(selectionIconPosition === \"right\" && hasAnyIcon) && (\n <div className=\"size-4\">\n {selectionIconPosition === \"left\" &&\n selectedValues.length === enabledOptions.length && (\n <Icon\n name=\"Checkmark\"\n size={16}\n className=\"text-foreground\"\n />\n )}\n </div>\n )}\n <span className=\"text-sm/4 font-semibold text-foreground\">\n {selectedValues.length === enabledOptions.length\n ? \"Deselect All\"\n : \"Select All\"}\n </span>\n {selectionIcon === \"checkmark\" &&\n selectionIconPosition === \"right\" && (\n <div className=\"ml-auto size-4\">\n {selectedValues.length === enabledOptions.length && (\n <Icon\n name=\"Checkmark\"\n size={16}\n className=\"text-foreground\"\n />\n )}\n </div>\n )}\n </div>\n </CommandItem>\n </CommandGroup>\n )}\n <CommandGroup\n className={multiple && cmdkSearch === \"\" ? \"pt-0\" : undefined}\n >\n <CommandItemList\n options={favoriteOptions}\n selectedValues={selectedValues}\n multiple={multiple}\n selectionIcon={selectionIcon}\n selectionIconPosition={selectionIconPosition}\n hasAnyIcon={hasAnyIcon}\n toggleOption={toggleOption}\n tabIndex={!searchable ? 0 : undefined}\n />\n\n {favoriteOptions.length > 0 && (\n <div className=\"my-1 border-b border-border\" />\n )}\n <CommandItemList\n options={options}\n selectedValues={selectedValues}\n multiple={multiple}\n selectionIcon={selectionIcon}\n selectionIconPosition={selectionIconPosition}\n hasAnyIcon={hasAnyIcon}\n toggleOption={toggleOption}\n tabIndex={!searchable ? 0 : undefined}\n />\n </CommandGroup>\n </CommandList>\n </>\n );\n};\n"],"mappings":";;;;;;;;AA0BA,MAAaW,WAAmC,EAC9CC,YACAC,gBACAC,UACAC,gBACAC,eACAC,uBACAC,UAAU,CAAA,GACVC,WACAC,cACAC,kBAAkB,CAAA,QACd;CACJ,MAAMC,iBAAiBJ,QAAQK,QAAQC,QAAQ,CAACA,IAAIC,QAAQ;CAC5D,MAAMC,aAAaR,QAAQS,MAAMH,QAAQA,IAAII,IAAI;CAEjD,MAAMC,aAAa3B,iBAAiB4B,UAAUA,MAAMC,MAAM;CAE1D3B,gBAAgB;EACdS,eAAemB,SAASC,SAAS;GAAEC,KAAK;GAAGC,UAAU;EAAU,CAAC;CAClE,GAAG,CAACtB,gBAAgBgB,UAAU,CAAC;CAE/B,OACE,qBAAA,YAAA,EAAA,UAAA,CACGjB,cACC,oBAAC,cAAD;EACE,aAAY;EACZ,YAAYwB,MAAM;GAMhB,IAAI,EALwB;IAC1B;IACA;IACA;GAAO,CACR,CAACE,SAASF,EAAEG,GACPF,KAAuBf,eAAekB,SAAS,IACnDJ,EAAEK,gBAAgB;EAEtB;EACA,kBAAiB;EACjB,WAAU;CAAiB,CAAA,GAG/B,qBAAC,aAAD;EAAa,KAAK5B;EAAgB,UAAU,CAACD,aAAa,IAAI8B,KAAAA;EAA9D,UAAA;GACE,oBAAC,cAAD;IAAc,WAAU;IAAuD,UAAA;GAEjE,CAAA;GACb5B,YAAYe,eAAe,MAC1B,oBAAC,cAAD;IAAc,WAAU;IACtB,UAAA,oBAAC,aAAD;KACE,OAAM;KACN,UAAUV;KACV,UAAU;KACV,WAAWlB,QACT,kBACA,gCACF;KACA,MAAK;KACL,iBAAec,eAAeyB,WAAWlB,eAAekB;KAExD,UAAA,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACGxB,kBAAkB,UACjB,oBAAC,OAAD;QACE,WAAWf,QACT,6DACA,qBACAc,eAAeyB,WAAWlB,eAAekB,UACvC,oCACJ;QAECzB,UAAAA,eAAeyB,WAAWlB,eAAekB,UACxC,oBAAC,MAAD;SAAM,MAAK;SAAY,MAAM;QAAG,CAAA;OAE/B,CAAA;OAENxB,kBAAkB,eACjB,EAAEC,0BAA0B,WAAWS,eACrC,oBAAC,OAAD;QAAK,WAAU;QACZT,UAAAA,0BAA0B,UACzBF,eAAeyB,WAAWlB,eAAekB,UACvC,oBAAC,MAAD;SACE,MAAK;SACL,MAAM;SACN,WAAU;QAAiB,CAAA;OAG9B,CAAA;OAET,oBAAC,QAAD;QAAM,WAAU;QACbzB,UAAAA,eAAeyB,WAAWlB,eAAekB,SACtC,iBACA;OACA,CAAA;OACLxB,kBAAkB,eACjBC,0BAA0B,WACxB,oBAAC,OAAD;QAAK,WAAU;QACZF,UAAAA,eAAeyB,WAAWlB,eAAekB,UACxC,oBAAC,MAAD;SACE,MAAK;SACL,MAAM;SACN,WAAU;QAAiB,CAAA;OAG5B,CAAA;MAEN;;IACM,CAAA;GACD,CAAA;GAEhB,qBAAC,cAAD;IACE,WAAW1B,YAAYe,eAAe,KAAK,SAASa,KAAAA;IADtD,UAAA;KAGE,oBAAC,iBAAD;MACE,SAASrB;MACON;MACND;MACKE;MACQC;MACXS;MACEN;MACd,UAAU,CAACR,aAAa,IAAI8B,KAAAA;KAAU,CAAA;KAGvCrB,gBAAgBmB,SAAS,KACxB,oBAAC,OAAD,EAAK,WAAU,8BAA6B,CAAA;KAE9C,oBAAC,iBAAD;MACWtB;MACOH;MACND;MACKE;MACQC;MACXS;MACEN;MACd,UAAU,CAACR,aAAa,IAAI8B,KAAAA;KAAU,CAAA;IAE5B;;EACH;CACf,CAAA,CAAA,EAAA,CAAA;AAEJ"}

package/dist/ui/components/select-field/select-field.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../../../select-field-C97QIhUL.js";
-export { SelectField, SelectFieldProps, SelectFieldRaw };
+import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../../../select-field-BuXjM43L.js";
+export { SelectField, SelectFieldProps, SelectFieldRaw };
+export {};

package/dist/ui/components/select-field/select-field.js CHANGED Viewed

@@ -13,7 +13,7 @@ import React, { useCallback, useId } from "react";
 import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/select-field/select-field.tsx
-const SelectFieldRaw = /* @__PURE__ */ React.forwardRef(({ options = [], favoriteOptions = [], defaultValue, value, onChange, onBlur, id: propId, name, label, required, disabled, errors = [], warnings = [], multiple, selectionIcon = "auto", selectionIconPosition = "left", searchable, description, placeholder, className, contentClassName, contentAlign = "start", ...props }, ref) => {
+const SelectFieldRaw = /*#__PURE__*/ React.forwardRef(({ options = [], favoriteOptions = [], defaultValue, value, onChange, onBlur, id: propId, name, label, required, disabled, errors = [], warnings = [], multiple, selectionIcon = "auto", selectionIconPosition = "left", searchable, description, placeholder, className, contentClassName, contentAlign = "start", ...props }, ref) => {
 	const prefix = useId();
 	const id = propId ?? `${prefix}-select`;
 	const { selectedValues, isPopoverOpen, commandListRef, toggleOption, handleClear, toggleAll, handleOpenChange } = useSelectField({

package/dist/ui/components/select-field/select-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-field.js","names":["twMerge","React","useCallback","useId","Button","Command","FormDescription","FormGroup","FormLabel","FormMessageList","Popover","PopoverContent","PopoverTrigger","withFieldValidation","Content","SelectedContent","useSelectField","SelectFieldRaw","forwardRef","options","favoriteOptions","defaultValue","value","onChange","onBlur","id","propId","name","label","required","disabled","errors","warnings","multiple","selectionIcon","selectionIconPosition","searchable","description","placeholder","className","contentClassName","contentAlign","props","ref","prefix","selectedValues","isPopoverOpen","commandListRef","toggleOption","handleClear","toggleAll","handleOpenChange","onTriggerBlur","e","length","preventDefault","target","control","focus","open","document","activeElement","undefined","find","opt","SelectField","displayName"],"sources":["../../../../src/ui/components/select-field/select-field.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport React, { useCallback, useId } from \"react\";\nimport type { FieldErrorHandling, InputBaseProps } from \"../../types.js\";\nimport { Button } from \"../button/button.js\";\nimport { Command } from \"../command/command.js\";\nimport type { SelectOption, SelectProps } from \"../enum-field/types.js\";\nimport { FormDescription } from \"../form-description/form-description.js\";\nimport { FormGroup } from \"../form-group/form-group.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/popover.js\";\nimport { withFieldValidation } from \"../with-field-validation/with-field-validation.js\";\nimport { Content } from \"./content.js\";\nimport { SelectedContent } from \"./selected-content.js\";\nimport { useSelectField } from \"./use-select-field.js\";\n\ntype SelectFieldBaseProps = Omit<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n \| keyof InputBaseProps<string \| string[]>\n \| keyof FieldErrorHandling\n \| keyof SelectProps\n>;\n\nexport type SelectFieldProps = SelectFieldBaseProps &\n InputBaseProps<string \| string[]> &\n FieldErrorHandling & {\n options?: SelectOption[];\n favoriteOptions?: SelectOption[];\n } & Omit<SelectProps, \"options\" \| \"favoriteOptions\">;\n\nexport const SelectFieldRaw = React.forwardRef<\n HTMLButtonElement,\n SelectFieldProps\n>(\n (\n {\n // core functionality props\n options = [],\n favoriteOptions = [],\n defaultValue,\n value,\n onChange,\n onBlur,\n\n // form-related props\n id: propId,\n name,\n label,\n required,\n disabled,\n\n // validation props\n errors = [],\n warnings = [],\n\n // behavior props\n multiple,\n selectionIcon = \"auto\",\n selectionIconPosition = \"left\",\n searchable,\n\n // display props\n description,\n placeholder,\n className,\n contentClassName,\n contentAlign = \"start\",\n\n ...props\n },\n ref,\n ) => {\n const prefix = useId();\n const id = propId ?? `${prefix}-select`;\n\n const {\n selectedValues,\n isPopoverOpen,\n commandListRef,\n toggleOption,\n handleClear,\n toggleAll,\n handleOpenChange,\n } = useSelectField({\n options,\n multiple,\n defaultValue,\n value,\n onChange,\n });\n\n const onTriggerBlur = useCallback(\n (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!isPopoverOpen) {\n // trigger the blur event when the trigger loses focus but the popover is not open,\n // because when the popover is open, the trigger loses focus but the select as a component still has the focus\n onBlur?.(e);\n }\n },\n [onBlur, isPopoverOpen],\n );\n\n return (\n <FormGroup>\n {label && (\n <FormLabel\n htmlFor={id}\n required={required}\n disabled={disabled}\n hasError={errors.length > 0}\n inline={false}\n onClick={(e) => {\n e.preventDefault();\n (e.target as HTMLLabelElement).control?.focus();\n }}\n >\n {label}\n </FormLabel>\n )}\n <Popover\n open={isPopoverOpen}\n onOpenChange={(open) => {\n handleOpenChange(open);\n // if the popover is closing and it was not by the trigger button\n if (!open && document.activeElement?.id !== id) {\n onBlur?.({ target: {} } as React.FocusEvent<HTMLButtonElement>);\n }\n }}\n >\n <PopoverTrigger asChild={true}>\n {/* TODO: create a trigger component */}\n <Button\n id={id}\n name={name}\n type=\"button\"\n role=\"combobox\"\n onBlur={onTriggerBlur}\n disabled={disabled}\n aria-invalid={errors.length > 0}\n aria-label={\n label ? undefined : multiple ? \"Multi select\" : \"Select\"\n }\n aria-required={required}\n aria-expanded={isPopoverOpen}\n className={twMerge(\n \"flex h-9 w-full items-center justify-between px-3 py-2\",\n \"rounded-md border border-border bg-background\",\n \"hover:hover-effect\",\n \"hover:hover-effect\",\n \"focus:ring-1 focus:ring-ring focus:ring-offset-0 focus:outline-none\",\n \"focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0\",\n disabled && [\n \"pointer-events-auto! cursor-not-allowed bg-background\",\n \"hover:hover-effect\",\n ],\n className,\n )}\n {...props}\n ref={ref}\n >\n <SelectedContent\n selectedValues={selectedValues}\n options={[...favoriteOptions, ...options]}\n multiple={multiple}\n searchable={searchable}\n placeholder={placeholder}\n handleClear={handleClear}\n />\n </Button>\n </PopoverTrigger>\n <PopoverContent\n align={contentAlign}\n onEscapeKeyDown={(e) => {\n e.preventDefault();\n handleOpenChange(false);\n }}\n className={contentClassName}\n >\n <Command\n defaultValue={\n !multiple && selectedValues[0]\n ? options.find((opt) => opt.value === selectedValues[0])\n ?.label\n : undefined\n }\n >\n <Content\n favoriteOptions={favoriteOptions}\n searchable={searchable}\n commandListRef={commandListRef}\n multiple={multiple}\n selectedValues={selectedValues}\n selectionIcon={selectionIcon}\n selectionIconPosition={selectionIconPosition}\n options={options}\n toggleAll={toggleAll}\n toggleOption={toggleOption}\n />\n </Command>\n </PopoverContent>\n </Popover>\n {description && <FormDescription>{description}</FormDescription>}\n {warnings.length > 0 && (\n <FormMessageList messages={warnings} type=\"warning\" />\n )}\n {errors.length > 0 && (\n <FormMessageList messages={errors} type=\"error\" />\n )}\n </FormGroup>\n );\n },\n);\n\nexport const SelectField =\n withFieldValidation<SelectFieldProps>(SelectFieldRaw);\n\nSelectField.displayName = \"SelectField\";\n"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAaiB,iBAAiBhB,~~sBAAMiB~~,YAKhC,EAEEC,UAAU,~~EAAE~~,~~EACZC~~,kBAAkB,~~EAAE~~,~~EACpBC~~,cACAC,OACAC,UACAC,QAGAC,IAAIC,QACJC,MACAC,OACAC,UACAC,UAGAC,SAAS,~~EAAE~~,~~EACXC~~,WAAW,~~EAAE~~,~~EAGbC~~,UACAC,gBAAgB,QAChBC,wBAAwB,QACxBC,YAGAC,aACAC,aACAC,WACAC,kBACAC,eAAe,SAEf,GAAGC,SAELC,QACG;CACH,MAAMC,SAASzC,~~OAAO~~;~~CACtB~~,MAAMsB,KAAKC,UAAU,GAAGkB,OAAM;CAE9B,MAAM,EACJC,gBACAC,eACAC,gBACAC,cACAC,aACAC,WACAC,qBACEnC,eAAe;EACjBG;EACAc;EACAZ;EACAC;EACAC;~~EACD~~,CAAC;~~CAEF~~,MAAM6B,gBAAgBlD,aACnBmD,MAA2C;~~AAC1C~~,~~MAAI~~,CAACP,~~cAGHtB~~,~~UAAS6B~~,~~EAAE~~;~~IAGf~~,CAAC7B,QAAQsB,~~cACX~~,~~CAAC~~;~~AAED~~,~~QACE~~,qBAAC,WAAD,EAAA,UAAA;EACGlB,SACC,oBAAC,WAAD;GACE,SAASH;GACCI;GACAC;GACV,UAAUC,OAAOuB,SAAS;GAC1B,QAAQ;GACR,UAAUD,MAAM;~~AACdA~~,~~MAAEE~~,~~gBAAgB~~;~~AACjBF~~,~~MAAEG~~,OAA4BC,SAASC,~~OAAO;;aAGhD9B~~;~~GAEJ~~,CAAA;~~EACD~~,qBAAC,SAAD;GACE,MAAMkB;GACN,eAAea,SAAS;~~AACtBR~~,~~qBAAiBQ~~,~~KAAK~~;~~AAEtB~~,~~QAAI~~,CAACA,QAAQC,SAASC,eAAepC,OAAOA,~~GAC1CD~~,~~UAAS~~,EAAEgC,QAAQ,~~EAAC~~,~~EAA0C~~,~~CAAC;;aANrE~~,CAUE,oBAAC,gBAAD;IAAgB,SAAS;~~cAEvB~~,oBAAC,QAAD;KACM/B;KACEE;KACN,MAAK;KACL,MAAK;KACL,QAAQyB;KACEtB;KACV,gBAAcC,OAAOuB,SAAS;KAC9B,cACE1B,QAAQkC,KAAAA,IAAY7B,WAAW,iBAAiB;KAElD,iBAAeJ;KACf,iBAAeiB;KACf,WAAW9C,QACT,0DACA,iDACA,sBACA,sBACA,uEACA,4EACA8B,YAAY,CACV,yDACA,~~qBACD~~,~~EACDS~~,~~UACD~~;~~KACD~~,GAAIG;KACCC;~~eAEL~~,oBAAC,iBAAD;MACkBE;MAChB,SAAS,CAAC,GAAGzB,iBAAiB,GAAGD,~~QAAQ~~;~~MAC/Bc~~;MACEG;MACCE;MACAW;~~MAAY~~,CAAA;~~KAErB~~,CAAA;~~IACM~~,CAAA,~~EAChB~~,oBAAC,gBAAD;IACE,OAAOR;IACP,kBAAkBY,MAAM;~~AACtBA~~,~~OAAEE~~,~~gBAAgB~~;~~AAClBJ~~,~~sBAAiB~~,~~MAAM;;IAEzB~~,WAAWX;~~cAEX~~,oBAAC,SAAD;KACE,cACE,CAACP,YAAYY,eAAe,KACxB1B,QAAQ4C,MAAMC,QAAQA,IAAI1C,UAAUuB,eAAe,~~GAAG~~,EAClDjB,QACJkC,KAAAA;~~eAGN~~,oBAAC,SAAD;MACmB1C;MACLgB;MACIW;MACNd;MACMY;MACDX;MACQC;MACdhB;MACE+B;MACGF;~~MAAa~~,CAAA;~~KAEtB~~,CAAA;~~IACK~~,CAAA,CACT;;EACRX,eAAe,oBAAC,iBAAD,EAAA,UAAkBA,~~aAA8B~~,CAAA;~~EAC/DL~~,SAASsB,SAAS,KACjB,oBAAC,iBAAD;GAAiB,UAAUtB;GAAU,MAAK;~~GAC3C~~,CAAA;~~EACAD~~,OAAOuB,SAAS,KACf,oBAAC,iBAAD;GAAiB,UAAUvB;GAAQ,MAAK;~~GACzC~~,CAAA;~~EACS~~,EAAA,CAAA;~~EAGjB~~;~~AAED~~,MAAakC,cACXpD,oBAAsCI,~~eAAe~~;~~AAEvDgD~~,YAAYC,cAAc"}
1	+ {"version":3,"file":"select-field.js","names":["twMerge","React","useCallback","useId","Button","Command","FormDescription","FormGroup","FormLabel","FormMessageList","Popover","PopoverContent","PopoverTrigger","withFieldValidation","Content","SelectedContent","useSelectField","SelectFieldRaw","forwardRef","options","favoriteOptions","defaultValue","value","onChange","onBlur","id","propId","name","label","required","disabled","errors","warnings","multiple","selectionIcon","selectionIconPosition","searchable","description","placeholder","className","contentClassName","contentAlign","props","ref","prefix","selectedValues","isPopoverOpen","commandListRef","toggleOption","handleClear","toggleAll","handleOpenChange","onTriggerBlur","e","length","preventDefault","target","control","focus","open","document","activeElement","undefined","find","opt","SelectField","displayName"],"sources":["../../../../src/ui/components/select-field/select-field.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport React, { useCallback, useId } from \"react\";\nimport type { FieldErrorHandling, InputBaseProps } from \"../../types.js\";\nimport { Button } from \"../button/button.js\";\nimport { Command } from \"../command/command.js\";\nimport type { SelectOption, SelectProps } from \"../enum-field/types.js\";\nimport { FormDescription } from \"../form-description/form-description.js\";\nimport { FormGroup } from \"../form-group/form-group.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/popover.js\";\nimport { withFieldValidation } from \"../with-field-validation/with-field-validation.js\";\nimport { Content } from \"./content.js\";\nimport { SelectedContent } from \"./selected-content.js\";\nimport { useSelectField } from \"./use-select-field.js\";\n\ntype SelectFieldBaseProps = Omit<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n \| keyof InputBaseProps<string \| string[]>\n \| keyof FieldErrorHandling\n \| keyof SelectProps\n>;\n\nexport type SelectFieldProps = SelectFieldBaseProps &\n InputBaseProps<string \| string[]> &\n FieldErrorHandling & {\n options?: SelectOption[];\n favoriteOptions?: SelectOption[];\n } & Omit<SelectProps, \"options\" \| \"favoriteOptions\">;\n\nexport const SelectFieldRaw = React.forwardRef<\n HTMLButtonElement,\n SelectFieldProps\n>(\n (\n {\n // core functionality props\n options = [],\n favoriteOptions = [],\n defaultValue,\n value,\n onChange,\n onBlur,\n\n // form-related props\n id: propId,\n name,\n label,\n required,\n disabled,\n\n // validation props\n errors = [],\n warnings = [],\n\n // behavior props\n multiple,\n selectionIcon = \"auto\",\n selectionIconPosition = \"left\",\n searchable,\n\n // display props\n description,\n placeholder,\n className,\n contentClassName,\n contentAlign = \"start\",\n\n ...props\n },\n ref,\n ) => {\n const prefix = useId();\n const id = propId ?? `${prefix}-select`;\n\n const {\n selectedValues,\n isPopoverOpen,\n commandListRef,\n toggleOption,\n handleClear,\n toggleAll,\n handleOpenChange,\n } = useSelectField({\n options,\n multiple,\n defaultValue,\n value,\n onChange,\n });\n\n const onTriggerBlur = useCallback(\n (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!isPopoverOpen) {\n // trigger the blur event when the trigger loses focus but the popover is not open,\n // because when the popover is open, the trigger loses focus but the select as a component still has the focus\n onBlur?.(e);\n }\n },\n [onBlur, isPopoverOpen],\n );\n\n return (\n <FormGroup>\n {label && (\n <FormLabel\n htmlFor={id}\n required={required}\n disabled={disabled}\n hasError={errors.length > 0}\n inline={false}\n onClick={(e) => {\n e.preventDefault();\n (e.target as HTMLLabelElement).control?.focus();\n }}\n >\n {label}\n </FormLabel>\n )}\n <Popover\n open={isPopoverOpen}\n onOpenChange={(open) => {\n handleOpenChange(open);\n // if the popover is closing and it was not by the trigger button\n if (!open && document.activeElement?.id !== id) {\n onBlur?.({ target: {} } as React.FocusEvent<HTMLButtonElement>);\n }\n }}\n >\n <PopoverTrigger asChild={true}>\n {/* TODO: create a trigger component */}\n <Button\n id={id}\n name={name}\n type=\"button\"\n role=\"combobox\"\n onBlur={onTriggerBlur}\n disabled={disabled}\n aria-invalid={errors.length > 0}\n aria-label={\n label ? undefined : multiple ? \"Multi select\" : \"Select\"\n }\n aria-required={required}\n aria-expanded={isPopoverOpen}\n className={twMerge(\n \"flex h-9 w-full items-center justify-between px-3 py-2\",\n \"rounded-md border border-border bg-background\",\n \"hover:hover-effect\",\n \"hover:hover-effect\",\n \"focus:ring-1 focus:ring-ring focus:ring-offset-0 focus:outline-none\",\n \"focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0\",\n disabled && [\n \"pointer-events-auto! cursor-not-allowed bg-background\",\n \"hover:hover-effect\",\n ],\n className,\n )}\n {...props}\n ref={ref}\n >\n <SelectedContent\n selectedValues={selectedValues}\n options={[...favoriteOptions, ...options]}\n multiple={multiple}\n searchable={searchable}\n placeholder={placeholder}\n handleClear={handleClear}\n />\n </Button>\n </PopoverTrigger>\n <PopoverContent\n align={contentAlign}\n onEscapeKeyDown={(e) => {\n e.preventDefault();\n handleOpenChange(false);\n }}\n className={contentClassName}\n >\n <Command\n defaultValue={\n !multiple && selectedValues[0]\n ? options.find((opt) => opt.value === selectedValues[0])\n ?.label\n : undefined\n }\n >\n <Content\n favoriteOptions={favoriteOptions}\n searchable={searchable}\n commandListRef={commandListRef}\n multiple={multiple}\n selectedValues={selectedValues}\n selectionIcon={selectionIcon}\n selectionIconPosition={selectionIconPosition}\n options={options}\n toggleAll={toggleAll}\n toggleOption={toggleOption}\n />\n </Command>\n </PopoverContent>\n </Popover>\n {description && <FormDescription>{description}</FormDescription>}\n {warnings.length > 0 && (\n <FormMessageList messages={warnings} type=\"warning\" />\n )}\n {errors.length > 0 && (\n <FormMessageList messages={errors} type=\"error\" />\n )}\n </FormGroup>\n );\n },\n);\n\nexport const SelectField =\n withFieldValidation<SelectFieldProps>(SelectFieldRaw);\n\nSelectField.displayName = \"SelectField\";\n"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAaiB,iBAAiBhB,oBAAMiB,YAKhC,EAEEC,UAAU,CAAA,GACVC,kBAAkB,CAAA,GAClBC,cACAC,OACAC,UACAC,QAGAC,IAAIC,QACJC,MACAC,OACAC,UACAC,UAGAC,SAAS,CAAA,GACTC,WAAW,CAAA,GAGXC,UACAC,gBAAgB,QAChBC,wBAAwB,QACxBC,YAGAC,aACAC,aACAC,WACAC,kBACAC,eAAe,SAEf,GAAGC,SAELC,QACG;CACH,MAAMC,SAASzC,MAAM;CACrB,MAAMsB,KAAKC,UAAU,GAAGkB,OAAM;CAE9B,MAAM,EACJC,gBACAC,eACAC,gBACAC,cACAC,aACAC,WACAC,qBACEnC,eAAe;EACjBG;EACAc;EACAZ;EACAC;EACAC;CACF,CAAC;CAED,MAAM6B,gBAAgBlD,aACnBmD,MAA2C;EAC1C,IAAI,CAACP,eAGHtB,SAAS6B,CAAC;CAEd,GACA,CAAC7B,QAAQsB,aAAa,CACxB;CAEA,OACE,qBAAC,WAAD,EAAA,UAAA;EACGlB,SACC,oBAAC,WAAD;GACE,SAASH;GACCI;GACAC;GACV,UAAUC,OAAOuB,SAAS;GAC1B,QAAQ;GACR,UAAUD,MAAM;IACdA,EAAEE,eAAe;IAChBF,EAAEG,OAA4BC,SAASC,MAAM;GAChD;GAEC9B,UAAAA;EACQ,CAAA;EAEb,qBAAC,SAAD;GACE,MAAMkB;GACN,eAAea,SAAS;IACtBR,iBAAiBQ,IAAI;IAErB,IAAI,CAACA,QAAQC,SAASC,eAAepC,OAAOA,IAC1CD,SAAS,EAAEgC,QAAQ,CAAC,EAAE,CAAwC;GAElE;GARF,UAAA,CAUE,oBAAC,gBAAD;IAAgB,SAAS;IAEvB,UAAA,oBAAC,QAAD;KACM/B;KACEE;KACN,MAAK;KACL,MAAK;KACL,QAAQyB;KACEtB;KACV,gBAAcC,OAAOuB,SAAS;KAC9B,cACE1B,QAAQkC,KAAAA,IAAY7B,WAAW,iBAAiB;KAElD,iBAAeJ;KACf,iBAAeiB;KACf,WAAW9C,QACT,0DACA,iDACA,sBACA,sBACA,uEACA,4EACA8B,YAAY,CACV,yDACA,oBAAoB,GAEtBS,SACF;KACA,GAAIG;KACCC;KAEL,UAAA,oBAAC,iBAAD;MACkBE;MAChB,SAAS,CAAC,GAAGzB,iBAAiB,GAAGD,OAAO;MAC9Bc;MACEG;MACCE;MACAW;KAAY,CAAA;IAErB,CAAA;GACM,CAAA,GAChB,oBAAC,gBAAD;IACE,OAAOR;IACP,kBAAkBY,MAAM;KACtBA,EAAEE,eAAe;KACjBJ,iBAAiB,KAAK;IACxB;IACA,WAAWX;IAEX,UAAA,oBAAC,SAAD;KACE,cACE,CAACP,YAAYY,eAAe,KACxB1B,QAAQ4C,MAAMC,QAAQA,IAAI1C,UAAUuB,eAAe,EAAE,CAAC,EAClDjB,QACJkC,KAAAA;KAGN,UAAA,oBAAC,SAAD;MACmB1C;MACLgB;MACIW;MACNd;MACMY;MACDX;MACQC;MACdhB;MACE+B;MACGF;KAAa,CAAA;IAEtB,CAAA;GACK,CAAA,CACT;;EACRX,eAAe,oBAAC,iBAAD,EAAA,UAAkBA,YAA6B,CAAA;EAC9DL,SAASsB,SAAS,KACjB,oBAAC,iBAAD;GAAiB,UAAUtB;GAAU,MAAK;EAAS,CAAA;EAEpDD,OAAOuB,SAAS,KACf,oBAAC,iBAAD;GAAiB,UAAUvB;GAAQ,MAAK;EAAO,CAAA;CAExC,EAAA,CAAA;AAEf,CACF;AAEA,MAAakC,cACXpD,oBAAsCI,cAAc;AAEtDgD,YAAYC,cAAc"}

package/dist/ui/components/select-field/selected-content.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-import { t as SelectedContent } from "../../../selected-content-CGsK5PR4.js";
-export { SelectedContent };
+import { t as SelectedContent } from "../../../selected-content-C49jmTLU.js";
+export { SelectedContent };
+export {};

package/dist/ui/components/select-field/selected-content.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as Icon } from "../../../icon-C4QOpsdI.js";
+import { t as Icon } from "../../../icon-01W_S_9A.js";
 import React from "react";
 import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/ui/components/select-field/selected-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selected-content.js","names":["Icon","twMerge","React","SelectedContent","selectedValues","options","multiple","searchable","placeholder","handleClear","renderIcon","IconComponent","length","map","value","index","option","find","o","icon","label","e","preventDefault","stopPropagation"],"sources":["../../../../src/ui/components/select-field/selected-content.tsx"],"sourcesContent":["import type { IconName } from \"#design-system\";\nimport { Icon } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport React from \"react\";\nimport type { SelectProps } from \"../enum-field/types.js\";\n\ninterface SelectedContentProps {\n selectedValues: string[];\n options: SelectProps[\"options\"];\n multiple?: boolean;\n searchable?: boolean;\n placeholder?: string;\n handleClear: () => void;\n}\n\nexport const SelectedContent: React.FC<SelectedContentProps> = ({\n selectedValues,\n options = [],\n multiple,\n searchable,\n placeholder,\n handleClear,\n}) => {\n const renderIcon = (\n IconComponent:\n \| IconName\n \| React.ComponentType<{ className?: string }>\n \| undefined,\n ) => {\n if (typeof IconComponent === \"string\") {\n return <Icon name={IconComponent} size={16} />;\n }\n return IconComponent && <IconComponent className=\"size-4\" />;\n };\n\n if (selectedValues.length === 0) {\n return (\n <div\n className={twMerge(\n \"mx-auto flex w-full items-center\",\n placeholder ? \"justify-between\" : \"justify-end\",\n )}\n >\n {placeholder && (\n <span className=\"text-sm/5 font-normal text-foreground\">\n {placeholder}\n </span>\n )}\n {searchable ? (\n <Icon\n name=\"CaretSort\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n ) : (\n <Icon\n name=\"ChevronDown\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n )}\n </div>\n );\n }\n\n return (\n <div className=\"flex w-full items-center justify-between gap-2\">\n <div\n className={twMerge(\n \"max-w-full truncate text-foreground\",\n !multiple && \"flex items-center gap-2\",\n )}\n >\n {selectedValues.map((value, index) => {\n const option = options.find((o) => o.value === value);\n return !multiple ? (\n <React.Fragment key={value}>\n {renderIcon(option?.icon)}\n <span className=\"truncate text-sm/5 font-normal\">\n {option?.label}\n </span>\n </React.Fragment>\n ) : (\n <span\n key={value}\n className={twMerge(\n \"text-sm/5 font-normal\",\n index !== selectedValues.length - 1 && \"mr-1\",\n )}\n >\n {index !== selectedValues.length - 1\n ? `${option?.label},`\n : option?.label}\n </span>\n );\n })}\n </div>\n <div className=\"flex items-center justify-between gap-2\">\n {multiple && selectedValues.length > 0 && (\n <div\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n handleClear();\n }}\n className=\"size-4 p-0\"\n >\n <Icon\n name=\"XmarkLight\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n </div>\n )}\n {searchable ? (\n <Icon\n name=\"CaretSort\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n ) : (\n <Icon\n name=\"ChevronDown\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n )}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;AAeA,MAAaG,mBAAmD,EAC9DC,gBACAC,UAAU,~~EAAE~~,~~EACZC~~,UACAC,YACAC,aACAC,kBACI;CACJ,MAAMC,cACJC,kBAIG;~~AACH~~,~~MAAI~~,OAAOA,kBAAkB,~~SAC3B~~,~~QAAO~~,oBAAC,MAAD;GAAM,MAAMA;GAAe,MAAM;~~GAAM~~,CAAA;~~AAEhD~~,~~SAAOA~~,iBAAiB,oBAAC,eAAD,EAAe,WAAU,~~UAAW~~,CAAA~~;;AAG9D~~,~~KAAIP~~,eAAeQ,WAAW,~~EAC5B~~,~~QACE~~,qBAAC,OAAD;EACE,WAAWX,QACT,oCACAO,cAAc,oBAAoB,~~cACnC~~;~~YAJH~~,CAMGA,eACC,oBAAC,QAAD;GAAM,WAAU;~~aACbA~~;~~GAEJ~~,CAAA,~~EACAD~~,aACC,oBAAC,MAAD;GACE,MAAK;GACL,MAAM;GACN,WAAU;~~GACV~~,CAAA,~~GAEF~~,oBAAC,MAAD;GACE,MAAK;GACL,MAAM;GACN,WAAU;~~GAEb~~,CAAA,~~CACG~~;;~~AAIV~~,~~QACE~~,qBAAC,OAAD;EAAK,WAAU;~~YAAf~~,CACE,oBAAC,OAAD;GACE,WAAWN,QACT,uCACA,CAACK,YAAY,~~0BACd~~;~~aAEAF~~,eAAeS,KAAKC,OAAOC,UAAU;IACpC,MAAMC,SAASX,QAAQY,MAAMC,MAAMA,EAAEJ,UAAUA,~~MAAM~~;~~AACrD~~,~~WAAO~~,CAACR,WACN,qBAAC,MAAM,UAAP,EAAA,UAAA,CACGI,WAAWM,QAAQG,~~KAAK~~,~~EACzB~~,oBAAC,QAAD;KAAM,WAAU;~~eACbH~~,QAAQI;~~KACL~~,CAAA,~~CACS~~,EAAA,~~EALIN~~,~~MAKJ~~,~~GAEjB~~,oBAAC,QAAD;KAEE,WAAWb,QACT,yBACAc,UAAUX,eAAeQ,SAAS,KAAK,~~OACxC~~;~~eAEAG~~,UAAUX,eAAeQ,SAAS,IAC/B,GAAGI,QAAQI,MAAK,KAChBJ,QAAQI;~~KAEf~~,~~EAVQN~~,~~MAUR~~;~~KACD~~;~~GACC~~,CAAA,~~EACL~~,qBAAC,OAAD;GAAK,WAAU;~~aAAf~~,CACGR,YAAYF,eAAeQ,SAAS,KACnC,oBAAC,OAAD;IACE,UAAUS,MAAM;~~AACdA~~,~~OAAEC~~,~~gBAAgB~~;~~AAClBD~~,~~OAAEE~~,~~iBAAiB~~;~~AACnBd~~,~~kBAAa;;IAEf~~,WAAU;~~cAEV~~,oBAAC,MAAD;KACE,MAAK;KACL,MAAM;KACN,WAAU;~~KAAgC~~,CAAA;~~IAG/C~~,CAAA,~~EACAF~~,aACC,oBAAC,MAAD;IACE,MAAK;IACL,MAAM;IACN,WAAU;~~IACV~~,CAAA,~~GAEF~~,oBAAC,MAAD;IACE,MAAK;IACL,MAAM;IACN,WAAU;~~IAEb~~,CAAA,~~CACE~~;~~KACD~~"}
1	+ {"version":3,"file":"selected-content.js","names":["Icon","twMerge","React","SelectedContent","selectedValues","options","multiple","searchable","placeholder","handleClear","renderIcon","IconComponent","length","map","value","index","option","find","o","icon","label","e","preventDefault","stopPropagation"],"sources":["../../../../src/ui/components/select-field/selected-content.tsx"],"sourcesContent":["import type { IconName } from \"#design-system\";\nimport { Icon } from \"#design-system\";\nimport { twMerge } from \"tailwind-merge\";\nimport React from \"react\";\nimport type { SelectProps } from \"../enum-field/types.js\";\n\ninterface SelectedContentProps {\n selectedValues: string[];\n options: SelectProps[\"options\"];\n multiple?: boolean;\n searchable?: boolean;\n placeholder?: string;\n handleClear: () => void;\n}\n\nexport const SelectedContent: React.FC<SelectedContentProps> = ({\n selectedValues,\n options = [],\n multiple,\n searchable,\n placeholder,\n handleClear,\n}) => {\n const renderIcon = (\n IconComponent:\n \| IconName\n \| React.ComponentType<{ className?: string }>\n \| undefined,\n ) => {\n if (typeof IconComponent === \"string\") {\n return <Icon name={IconComponent} size={16} />;\n }\n return IconComponent && <IconComponent className=\"size-4\" />;\n };\n\n if (selectedValues.length === 0) {\n return (\n <div\n className={twMerge(\n \"mx-auto flex w-full items-center\",\n placeholder ? \"justify-between\" : \"justify-end\",\n )}\n >\n {placeholder && (\n <span className=\"text-sm/5 font-normal text-foreground\">\n {placeholder}\n </span>\n )}\n {searchable ? (\n <Icon\n name=\"CaretSort\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n ) : (\n <Icon\n name=\"ChevronDown\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n )}\n </div>\n );\n }\n\n return (\n <div className=\"flex w-full items-center justify-between gap-2\">\n <div\n className={twMerge(\n \"max-w-full truncate text-foreground\",\n !multiple && \"flex items-center gap-2\",\n )}\n >\n {selectedValues.map((value, index) => {\n const option = options.find((o) => o.value === value);\n return !multiple ? (\n <React.Fragment key={value}>\n {renderIcon(option?.icon)}\n <span className=\"truncate text-sm/5 font-normal\">\n {option?.label}\n </span>\n </React.Fragment>\n ) : (\n <span\n key={value}\n className={twMerge(\n \"text-sm/5 font-normal\",\n index !== selectedValues.length - 1 && \"mr-1\",\n )}\n >\n {index !== selectedValues.length - 1\n ? `${option?.label},`\n : option?.label}\n </span>\n );\n })}\n </div>\n <div className=\"flex items-center justify-between gap-2\">\n {multiple && selectedValues.length > 0 && (\n <div\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n handleClear();\n }}\n className=\"size-4 p-0\"\n >\n <Icon\n name=\"XmarkLight\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n </div>\n )}\n {searchable ? (\n <Icon\n name=\"CaretSort\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n ) : (\n <Icon\n name=\"ChevronDown\"\n size={16}\n className=\"cursor-pointer text-foreground\"\n />\n )}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;AAeA,MAAaG,mBAAmD,EAC9DC,gBACAC,UAAU,CAAA,GACVC,UACAC,YACAC,aACAC,kBACI;CACJ,MAAMC,cACJC,kBAIG;EACH,IAAI,OAAOA,kBAAkB,UAC3B,OAAO,oBAAC,MAAD;GAAM,MAAMA;GAAe,MAAM;EAAG,CAAA;EAE7C,OAAOA,iBAAiB,oBAAC,eAAD,EAAe,WAAU,SAAQ,CAAA;CAC3D;CAEA,IAAIP,eAAeQ,WAAW,GAC5B,OACE,qBAAC,OAAD;EACE,WAAWX,QACT,oCACAO,cAAc,oBAAoB,aACpC;EAJF,UAAA,CAMGA,eACC,oBAAC,QAAD;GAAM,WAAU;GACbA,UAAAA;EACG,CAAA,GAEPD,aACC,oBAAC,MAAD;GACE,MAAK;GACL,MAAM;GACN,WAAU;EAAgC,CAAA,IAG5C,oBAAC,MAAD;GACE,MAAK;GACL,MAAM;GACN,WAAU;EAAgC,CAAA,CAG3C;;CAIT,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,OAAD;GACE,WAAWN,QACT,uCACA,CAACK,YAAY,yBACf;GAECF,UAAAA,eAAeS,KAAKC,OAAOC,UAAU;IACpC,MAAMC,SAASX,QAAQY,MAAMC,MAAMA,EAAEJ,UAAUA,KAAK;IACpD,OAAO,CAACR,WACN,qBAAC,MAAM,UAAP,EAAA,UAAA,CACGI,WAAWM,QAAQG,IAAI,GACxB,oBAAC,QAAD;KAAM,WAAU;KACbH,UAAAA,QAAQI;IACL,CAAA,CACQ,EAAA,GALKN,KAKL,IAEhB,oBAAC,QAAD;KAEE,WAAWb,QACT,yBACAc,UAAUX,eAAeQ,SAAS,KAAK,MACzC;KAECG,UAAAA,UAAUX,eAAeQ,SAAS,IAC/B,GAAGI,QAAQI,MAAK,KAChBJ,QAAQI;IACR,GATCN,KASD;GAEV,CAAC;EACE,CAAA,GACL,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACGR,YAAYF,eAAeQ,SAAS,KACnC,oBAAC,OAAD;IACE,UAAUS,MAAM;KACdA,EAAEC,eAAe;KACjBD,EAAEE,gBAAgB;KAClBd,YAAY;IACd;IACA,WAAU;IAEV,UAAA,oBAAC,MAAD;KACE,MAAK;KACL,MAAM;KACN,WAAU;IAAgC,CAAA;GAEzC,CAAA,GAENF,aACC,oBAAC,MAAD;IACE,MAAK;IACL,MAAM;IACN,WAAU;GAAgC,CAAA,IAG5C,oBAAC,MAAD;IACE,MAAK;IACL,MAAM;IACN,WAAU;GAAgC,CAAA,CAG3C;EACF,CAAA,CAAA;;AAET"}