@stokelp/ui 2.103.0 → 2.104.0

package/dist/components/select-language/SelectLanguage.js

@@ -1,89 +1,115 @@
 "use client";
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { createListCollection as u, Portal as p, Select as e, useSelectContext as g } from "@ark-ui/react";
-import { styled as l, HStack as f } from "@stokelp/styled-system/jsx";
-import { selectLanguage as v } from "@stokelp/styled-system/recipes";
-import { createStyleContext as m } from "../../utils/slots.js";
-import { ConditionalWrapper as x } from "../../shared/ConditionalWrapper.js";
-const { withProvider: w, withContext: o } = m(v), L = w(l(e.Root), "root", {
-  defaultProps: {
-    loopFocus: !0
-  }
-}), z = o(l(e.Content), "content"), C = o(l(e.Control), "control"), M = o(l(e.Item), "item"), H = o(l(e.ItemText), "itemText"), T = o(l(e.Positioner), "positioner"), F = o(l(e.Trigger), "trigger"), V = o(l(e.ValueText), "valueText"), s = [
-  {
-    value: "fr",
-    label: "FRA",
-    flag: /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", id: "flag-icons-fr", viewBox: "0 0 640 480", children: [
-      /* @__PURE__ */ t("path", { fill: "#fff", d: "M0 0h640v480H0z" }),
-      /* @__PURE__ */ t("path", { fill: "#000091", d: "M0 0h213.3v480H0z" }),
-      /* @__PURE__ */ t("path", { fill: "#e1000f", d: "M426.7 0H640v480H426.7z" })
-    ] })
-  },
-  {
-    value: "en",
-    label: "ENG",
-    flag: /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", id: "flag-icons-gb", viewBox: "0 0 640 480", children: [
-      /* @__PURE__ */ t("path", { fill: "#012169", d: "M0 0h640v480H0z" }),
-      /* @__PURE__ */ t("path", { fill: "#FFF", d: "m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z" }),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          fill: "#C8102E",
-          d: "m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"
-        }
-      ),
-      /* @__PURE__ */ t("path", { fill: "#FFF", d: "M241 0v480h160V0zM0 160v160h640V160z" }),
-      /* @__PURE__ */ t("path", { fill: "#C8102E", d: "M0 193v96h640v-96zM273 0v480h96V0z" })
-    ] })
-  }
-], S = ({ variant: c }) => {
-  const n = g(), a = n.value && n.value.length > 0 ? n.collection.find(n.value[0]) : null;
-  return /* @__PURE__ */ i(f, { gap: "space-8", width: "full", css: { "& > svg": { width: "21px", height: "15px", borderRadius: "3px" } }, children: [
-    a?.flag,
-    c === "default" && /* @__PURE__ */ t(V, { truncate: !0 })
-  ] });
-}, y = ({
-  usePortal: c = !0,
-  positioning: n,
-  variant: a = "default",
-  ...h
-}) => {
-  const d = u({
-    items: s
-  });
-  return /* @__PURE__ */ i(
-    L,
-    {
-      lazyMount: !0,
-      unmountOnExit: !0,
-      multiple: !1,
-      collection: d,
-      positioning: { sameWidth: !0, gutter: 0, ...n },
-      "data-recipe": "select-language",
-      defaultValue: ["en"],
-      ...h,
-      children: [
-        /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(S, { variant: a }) }) }),
-        /* @__PURE__ */ t(x, { when: c, wrapper: (r) => /* @__PURE__ */ t(p, { children: r }), children: /* @__PURE__ */ t(T, { width: a === "compact" ? "fit-content !important" : "", children: /* @__PURE__ */ t(z, { children: s.map((r) => /* @__PURE__ */ i(
-          M,
-          {
-            item: r,
-            gap: "space-8",
-            width: "full",
-            css: { "& > svg": { width: "21px", height: "15px", borderRadius: "3px" } },
-            children: [
-              r.flag,
-              /* @__PURE__ */ t(H, { truncate: !0, children: r.label })
-            ]
-          },
-          r.value
-        )) }) }) }),
-        /* @__PURE__ */ t(e.HiddenSelect, {})
-      ]
-    }
-  );
-};
-export {
-  y as SelectLanguage
-};
-//# sourceMappingURL=SelectLanguage.js.map
+import { createStyleContext as e } from "../../utils/slots.js";
+import { ConditionalWrapper as t } from "../../shared/ConditionalWrapper.js";
+import { Portal as n, Select as r, createListCollection as i, useSelectContext as a } from "@ark-ui/react";
+import { HStack as o, styled as s } from "@stokelp/styled-system/jsx";
+import { selectLanguage as c } from "@stokelp/styled-system/recipes";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/select-language/SelectLanguage.tsx
+var { withProvider: d, withContext: f } = e(c), p = d(s(r.Root), "root", { defaultProps: { loopFocus: !0 } }), m = f(s(r.Content), "content"), h = f(s(r.Control), "control"), g = f(s(r.Item), "item"), _ = f(s(r.ItemText), "itemText"), v = f(s(r.Positioner), "positioner"), y = f(s(r.Trigger), "trigger"), b = f(s(r.ValueText), "valueText"), x = [{
+	value: "fr",
+	label: "FRA",
+	flag: /* @__PURE__ */ u("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		id: "flag-icons-fr",
+		viewBox: "0 0 640 480",
+		children: [
+			/* @__PURE__ */ l("path", {
+				fill: "#fff",
+				d: "M0 0h640v480H0z"
+			}),
+			/* @__PURE__ */ l("path", {
+				fill: "#000091",
+				d: "M0 0h213.3v480H0z"
+			}),
+			/* @__PURE__ */ l("path", {
+				fill: "#e1000f",
+				d: "M426.7 0H640v480H426.7z"
+			})
+		]
+	})
+}, {
+	value: "en",
+	label: "ENG",
+	flag: /* @__PURE__ */ u("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		id: "flag-icons-gb",
+		viewBox: "0 0 640 480",
+		children: [
+			/* @__PURE__ */ l("path", {
+				fill: "#012169",
+				d: "M0 0h640v480H0z"
+			}),
+			/* @__PURE__ */ l("path", {
+				fill: "#FFF",
+				d: "m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"
+			}),
+			/* @__PURE__ */ l("path", {
+				fill: "#C8102E",
+				d: "m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"
+			}),
+			/* @__PURE__ */ l("path", {
+				fill: "#FFF",
+				d: "M241 0v480h160V0zM0 160v160h640V160z"
+			}),
+			/* @__PURE__ */ l("path", {
+				fill: "#C8102E",
+				d: "M0 193v96h640v-96zM273 0v480h96V0z"
+			})
+		]
+	})
+}], S = ({ variant: e }) => {
+	let t = a();
+	return /* @__PURE__ */ u(o, {
+		gap: "space-8",
+		width: "full",
+		css: { "& > svg": {
+			width: "21px",
+			height: "15px",
+			borderRadius: "3px"
+		} },
+		children: [(t.value && t.value.length > 0 ? t.collection.find(t.value[0]) : null)?.flag, e === "default" && /* @__PURE__ */ l(b, { truncate: !0 })]
+	});
+}, C = ({ usePortal: e = !0, positioning: a, variant: o = "default", ...s }) => /* @__PURE__ */ u(p, {
+	lazyMount: !0,
+	unmountOnExit: !0,
+	multiple: !1,
+	collection: i({ items: x }),
+	positioning: {
+		sameWidth: !0,
+		gutter: 0,
+		...a
+	},
+	"data-recipe": "select-language",
+	defaultValue: ["en"],
+	...s,
+	children: [
+		/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(S, { variant: o }) }) }),
+		/* @__PURE__ */ l(t, {
+			when: e,
+			wrapper: (e) => /* @__PURE__ */ l(n, { children: e }),
+			children: /* @__PURE__ */ l(v, {
+				width: o === "compact" ? "fit-content !important" : "",
+				children: /* @__PURE__ */ l(m, { children: x.map((e) => /* @__PURE__ */ u(g, {
+					item: e,
+					gap: "space-8",
+					width: "full",
+					css: { "& > svg": {
+						width: "21px",
+						height: "15px",
+						borderRadius: "3px"
+					} },
+					children: [e.flag, /* @__PURE__ */ l(_, {
+						truncate: !0,
+						children: e.label
+					})]
+				}, e.value)) })
+			})
+		}),
+		/* @__PURE__ */ l(r.HiddenSelect, {})
+	]
+});
+//#endregion
+export { C as SelectLanguage };
+
+//# sourceMappingURL=SelectLanguage.js.map

package/dist/components/select-language/SelectLanguage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectLanguage.js","sources":["../../../src/components/select-language/SelectLanguage.tsx"],"sourcesContent":["import {\n  createListCollection,\n  Portal,\n  Select as ArkSelect,\n  type SelectRootProps,\n  useSelectContext,\n} from '@ark-ui/react'\nimport type { FC, ReactNode } from 'react'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\n\nimport { selectLanguage } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper'\nimport { ConditionalValue, HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\n\nconst { withProvider, withContext } = createStyleContext(selectLanguage)\n\nconst Root = withProvider(styled(ArkSelect.Root<SelectItem>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst Content = withContext(styled(ArkSelect.Content), 'content')\nconst Control = withContext(styled(ArkSelect.Control), 'control')\nconst Item = withContext(styled(ArkSelect.Item), 'item')\nconst ItemText = withContext(styled(ArkSelect.ItemText), 'itemText')\nconst Positioner = withContext(styled(ArkSelect.Positioner), 'positioner')\nconst Trigger = withContext(styled(ArkSelect.Trigger), 'trigger')\nconst ValueText = withContext(styled(ArkSelect.ValueText), 'valueText')\n\ntype SelectItem = { value: string | number; label: string; disabled?: boolean; flag: ReactNode }\n\nexport type SelectLanguageProps = Omit<SelectRootProps<SelectItem>, 'collection' | 'multiple'> & {\n  usePortal?: boolean\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof selectLanguage>\n\nconst AVAILABLE_LANGUAGES = [\n  {\n    value: 'fr',\n    label: 'FRA',\n    flag: (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-fr\" viewBox=\"0 0 640 480\">\n        <path fill=\"#fff\" d=\"M0 0h640v480H0z\" />\n        <path fill=\"#000091\" d=\"M0 0h213.3v480H0z\" />\n        <path fill=\"#e1000f\" d=\"M426.7 0H640v480H426.7z\" />\n      </svg>\n    ),\n  },\n  {\n    value: 'en',\n    label: 'ENG',\n    flag: (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-gb\" viewBox=\"0 0 640 480\">\n        <path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n        <path fill=\"#FFF\" d=\"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z\" />\n        <path\n          fill=\"#C8102E\"\n          d=\"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z\"\n        />\n        <path fill=\"#FFF\" d=\"M241 0v480h160V0zM0 160v160h640V160z\" />\n        <path fill=\"#C8102E\" d=\"M0 193v96h640v-96zM273 0v480h96V0z\" />\n      </svg>\n    ),\n  },\n] satisfies SelectItem[]\n\nconst InnerTrigger: FC<{ variant: ConditionalValue<'default' | 'compact'> }> = ({ variant }) => {\n  const context = useSelectContext()\n  const selected = context.value && context.value.length > 0 ? context.collection.find(context.value[0]) : null\n\n  return (\n    <HStack gap=\"space-8\" width=\"full\" css={{ '& > svg': { width: '21px', height: '15px', borderRadius: '3px' } }}>\n      {selected?.flag}\n      {variant === 'default' && <ValueText truncate />}\n    </HStack>\n  )\n}\n\nexport const SelectLanguage: FC<SelectLanguageProps> = ({\n  usePortal = true,\n  positioning,\n  variant = 'default',\n  ...props\n}) => {\n  const collection = createListCollection<SelectItem>({\n    items: AVAILABLE_LANGUAGES,\n  })\n\n  return (\n    <Root\n      lazyMount\n      unmountOnExit\n      multiple={false}\n      collection={collection}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      data-recipe=\"select-language\"\n      defaultValue={['en']}\n      {...props}\n    >\n      <Control>\n        <Trigger>\n          <InnerTrigger variant={variant} />\n        </Trigger>\n      </Control>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal>{children}</Portal>}>\n        <Positioner width={variant === 'compact' ? 'fit-content !important' : ''}>\n          <Content>\n            {AVAILABLE_LANGUAGES.map(item => (\n              <Item\n                key={item.value}\n                item={item}\n                gap=\"space-8\"\n                width=\"full\"\n                css={{ '& > svg': { width: '21px', height: '15px', borderRadius: '3px' } }}\n              >\n                {item.flag}\n                <ItemText truncate>{item.label}</ItemText>\n              </Item>\n            ))}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n      <ArkSelect.HiddenSelect />\n    </Root>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","selectLanguage","Root","styled","ArkSelect","Content","Control","Item","ItemText","Positioner","Trigger","ValueText","AVAILABLE_LANGUAGES","jsx","InnerTrigger","variant","context","useSelectContext","selected","HStack","SelectLanguage","usePortal","positioning","props","collection","createListCollection","jsxs","ConditionalWrapper","children","Portal","item"],"mappings":"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"}
+{"version":3,"file":"SelectLanguage.js","names":[],"sources":["../../../src/components/select-language/SelectLanguage.tsx"],"sourcesContent":["import {\n  createListCollection,\n  Portal,\n  Select as ArkSelect,\n  type SelectRootProps,\n  useSelectContext,\n} from '@ark-ui/react'\nimport type { FC, ReactNode } from 'react'\nimport { HStack, styled } from '@stokelp/styled-system/jsx'\n\nimport { selectLanguage } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\n\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper'\nimport { ConditionalValue, HTMLStyledProps, RecipeVariantProps } from '@stokelp/styled-system/types'\n\nconst { withProvider, withContext } = createStyleContext(selectLanguage)\n\nconst Root = withProvider(styled(ArkSelect.Root<SelectItem>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst Content = withContext(styled(ArkSelect.Content), 'content')\nconst Control = withContext(styled(ArkSelect.Control), 'control')\nconst Item = withContext(styled(ArkSelect.Item), 'item')\nconst ItemText = withContext(styled(ArkSelect.ItemText), 'itemText')\nconst Positioner = withContext(styled(ArkSelect.Positioner), 'positioner')\nconst Trigger = withContext(styled(ArkSelect.Trigger), 'trigger')\nconst ValueText = withContext(styled(ArkSelect.ValueText), 'valueText')\n\ntype SelectItem = { value: string | number; label: string; disabled?: boolean; flag: ReactNode }\n\nexport type SelectLanguageProps = Omit<SelectRootProps<SelectItem>, 'collection' | 'multiple'> & {\n  usePortal?: boolean\n} & HTMLStyledProps<'div'> &\n  RecipeVariantProps<typeof selectLanguage>\n\nconst AVAILABLE_LANGUAGES = [\n  {\n    value: 'fr',\n    label: 'FRA',\n    flag: (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-fr\" viewBox=\"0 0 640 480\">\n        <path fill=\"#fff\" d=\"M0 0h640v480H0z\" />\n        <path fill=\"#000091\" d=\"M0 0h213.3v480H0z\" />\n        <path fill=\"#e1000f\" d=\"M426.7 0H640v480H426.7z\" />\n      </svg>\n    ),\n  },\n  {\n    value: 'en',\n    label: 'ENG',\n    flag: (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"flag-icons-gb\" viewBox=\"0 0 640 480\">\n        <path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n        <path fill=\"#FFF\" d=\"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z\" />\n        <path\n          fill=\"#C8102E\"\n          d=\"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z\"\n        />\n        <path fill=\"#FFF\" d=\"M241 0v480h160V0zM0 160v160h640V160z\" />\n        <path fill=\"#C8102E\" d=\"M0 193v96h640v-96zM273 0v480h96V0z\" />\n      </svg>\n    ),\n  },\n] satisfies SelectItem[]\n\nconst InnerTrigger: FC<{ variant: ConditionalValue<'default' | 'compact'> }> = ({ variant }) => {\n  const context = useSelectContext()\n  const selected = context.value && context.value.length > 0 ? context.collection.find(context.value[0]) : null\n\n  return (\n    <HStack gap=\"space-8\" width=\"full\" css={{ '& > svg': { width: '21px', height: '15px', borderRadius: '3px' } }}>\n      {selected?.flag}\n      {variant === 'default' && <ValueText truncate />}\n    </HStack>\n  )\n}\n\nexport const SelectLanguage: FC<SelectLanguageProps> = ({\n  usePortal = true,\n  positioning,\n  variant = 'default',\n  ...props\n}) => {\n  const collection = createListCollection<SelectItem>({\n    items: AVAILABLE_LANGUAGES,\n  })\n\n  return (\n    <Root\n      lazyMount\n      unmountOnExit\n      multiple={false}\n      collection={collection}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      data-recipe=\"select-language\"\n      defaultValue={['en']}\n      {...props}\n    >\n      <Control>\n        <Trigger>\n          <InnerTrigger variant={variant} />\n        </Trigger>\n      </Control>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal>{children}</Portal>}>\n        <Positioner width={variant === 'compact' ? 'fit-content !important' : ''}>\n          <Content>\n            {AVAILABLE_LANGUAGES.map(item => (\n              <Item\n                key={item.value}\n                item={item}\n                gap=\"space-8\"\n                width=\"full\"\n                css={{ '& > svg': { width: '21px', height: '15px', borderRadius: '3px' } }}\n              >\n                {item.flag}\n                <ItemText truncate>{item.label}</ItemText>\n              </Item>\n            ))}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n      <ArkSelect.HiddenSelect />\n    </Root>\n  )\n}\n"],"mappings":"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"}

package/dist/components/status-tag-select/StatusTagSelect.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("@stokelp/styled-system/jsx"),K=require("@stokelp/styled-system/recipes"),N=require("react"),r=require("@ark-ui/react"),Q=require("../../shared/ConditionalWrapper.cjs"),X=require("../../utils/slots.cjs"),{withProvider:Y,withContext:l}=X.createStyleContext(K.statusTagSelect),_=Y(o.styled(r.Select.Root),"root",{defaultProps:{loopFocus:!0}}),$=l(o.styled(r.Select.Content),"content"),U=l(o.styled(r.Select.Indicator),"indicator"),ee=l(o.styled(r.Select.Item),"item"),te=l(o.styled(r.Select.ItemText),"itemText"),re=l(o.styled(r.Select.Positioner),"positioner"),ne=l(o.styled(r.Select.Trigger),"trigger"),oe=l(o.styled(r.Select.ValueText),"valueText"),le=({items:n,lazyMount:a=!0,usePortal:d=!0,unmountOnExit:h=!0,positioning:x,onValueChange:c,severity:g,size:v,closeOnSelect:y,composite:S,defaultOpen:j,defaultValue:u,disabled:p,form:C,highlightedValue:T,id:f,ids:w,immediate:q,invalid:I,loopFocus:P,name:R,onExitComplete:L,onFocusOutside:b,onHighlightChange:m,onInteractOutside:V,onOpenChange:W,onPointerDownOutside:H,open:M,present:B,readOnly:O,required:Z,scrollToIndexFn:k,value:z,...A})=>{const s=n.every(e=>"severity"in e&&!!e.severity),i=u||(n.length>0?[n[0].value.toString()]:void 0),[D,E]=N.useState(()=>{if(i){const e=n.find(J=>J.value.toString()===i[0]);return e&&s?e.severity:"neutral"}return n.length>0&&s?n[0].severity:"neutral"}),F=e=>{e.items.length>0&&typeof e.items[0]=="object"&&E(e.items[0].severity??"neutral"),c?.(e)},G=r.createListCollection({items:n});return t.jsxs(_,{closeOnSelect:y,composite:S,defaultOpen:j,lazyMount:a,unmountOnExit:h,collection:G,defaultValue:i,positioning:{sameWidth:!0,gutter:0,...x},onValueChange:s?F:c,severity:s?D:g,size:v,disabled:p,form:C,highlightedValue:T,id:f,ids:w,immediate:q,invalid:I,loopFocus:P,name:R,onExitComplete:L,onFocusOutside:b,onHighlightChange:m,onInteractOutside:V,onOpenChange:W,onPointerDownOutside:H,open:M,present:B,readOnly:O,required:Z,scrollToIndexFn:k,value:z,children:[t.jsxs(ne,{...A,children:[t.jsx(oe,{}),t.jsx(U,{asChild:!0,children:t.jsx("svg",{width:"23",height:"24",viewBox:"0 0 23 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.0082 16.2803C11.7275 16.5732 11.2725 16.5732 10.9918 16.2803L3.80427 8.78033C3.52358 8.48744 3.52358 8.01257 3.80427 7.71967C4.08496 7.42678 4.54004 7.42678 4.82073 7.71967L11.5 14.6893L18.1793 7.71967C18.46 7.42678 18.915 7.42678 19.1957 7.71967C19.4764 8.01256 19.4764 8.48744 19.1957 8.78033L12.0082 16.2803Z",fill:"currentColor"})})})]}),t.jsx(Q.ConditionalWrapper,{when:d,wrapper:e=>t.jsx(r.Portal,{children:e}),children:t.jsx(re,{children:t.jsx($,{children:n.map(e=>t.jsx(ee,{item:e,children:t.jsx(te,{truncate:!0,children:e.label})},e.value))})})}),t.jsx(r.Select.HiddenSelect,{})]})};exports.StatusTagSelect=le;
-//# sourceMappingURL=StatusTagSelect.cjs.map
+"use client";const e=require("../../utils/slots.cjs"),t=require("../../shared/ConditionalWrapper.cjs");let n=require("@ark-ui/react"),r=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes"),a=require("react"),o=require("react/jsx-runtime");var{withProvider:s,withContext:c}=e.createStyleContext(i.statusTagSelect),l=s((0,r.styled)(n.Select.Root),`root`,{defaultProps:{loopFocus:!0}}),u=c((0,r.styled)(n.Select.Content),`content`),d=c((0,r.styled)(n.Select.Indicator),`indicator`),f=c((0,r.styled)(n.Select.Item),`item`),p=c((0,r.styled)(n.Select.ItemText),`itemText`),m=c((0,r.styled)(n.Select.Positioner),`positioner`),h=c((0,r.styled)(n.Select.Trigger),`trigger`),g=c((0,r.styled)(n.Select.ValueText),`valueText`),_=({items:e,lazyMount:r=!0,usePortal:i=!0,unmountOnExit:s=!0,positioning:c,onValueChange:_,severity:v,size:y,closeOnSelect:b,composite:x,defaultOpen:S,defaultValue:C,disabled:w,form:T,highlightedValue:E,id:D,ids:O,immediate:k,invalid:A,loopFocus:j,name:M,onExitComplete:N,onFocusOutside:P,onHighlightChange:F,onInteractOutside:I,onOpenChange:L,onPointerDownOutside:R,open:z,present:B,readOnly:V,required:H,scrollToIndexFn:U,value:W,...G})=>{let K=e.every(e=>`severity`in e&&!!e.severity),q=C||(e.length>0?[e[0].value.toString()]:void 0),[J,Y]=(0,a.useState)(()=>{if(q){let t=e.find(e=>e.value.toString()===q[0]);return t&&K?t.severity:`neutral`}return e.length>0&&K?e[0].severity:`neutral`}),X=e=>{e.items.length>0&&typeof e.items[0]==`object`&&Y(e.items[0].severity??`neutral`),_?.(e)};return(0,o.jsxs)(l,{closeOnSelect:b,composite:x,defaultOpen:S,lazyMount:r,unmountOnExit:s,collection:(0,n.createListCollection)({items:e}),defaultValue:q,positioning:{sameWidth:!0,gutter:0,...c},onValueChange:K?X:_,severity:K?J:v,size:y,disabled:w,form:T,highlightedValue:E,id:D,ids:O,immediate:k,invalid:A,loopFocus:j,name:M,onExitComplete:N,onFocusOutside:P,onHighlightChange:F,onInteractOutside:I,onOpenChange:L,onPointerDownOutside:R,open:z,present:B,readOnly:V,required:H,scrollToIndexFn:U,value:W,children:[(0,o.jsxs)(h,{...G,children:[(0,o.jsx)(g,{}),(0,o.jsx)(d,{asChild:!0,children:(0,o.jsx)(`svg`,{width:`23`,height:`24`,viewBox:`0 0 23 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,o.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12.0082 16.2803C11.7275 16.5732 11.2725 16.5732 10.9918 16.2803L3.80427 8.78033C3.52358 8.48744 3.52358 8.01257 3.80427 7.71967C4.08496 7.42678 4.54004 7.42678 4.82073 7.71967L11.5 14.6893L18.1793 7.71967C18.46 7.42678 18.915 7.42678 19.1957 7.71967C19.4764 8.01256 19.4764 8.48744 19.1957 8.78033L12.0082 16.2803Z`,fill:`currentColor`})})})]}),(0,o.jsx)(t.ConditionalWrapper,{when:i,wrapper:e=>(0,o.jsx)(n.Portal,{children:e}),children:(0,o.jsx)(m,{children:(0,o.jsx)(u,{children:e.map(e=>(0,o.jsx)(f,{item:e,children:(0,o.jsx)(p,{truncate:!0,children:e.label})},e.value))})})}),(0,o.jsx)(n.Select.HiddenSelect,{})]})};exports.StatusTagSelect=_;
+//# sourceMappingURL=StatusTagSelect.cjs.map

package/dist/components/status-tag-select/StatusTagSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatusTagSelect.cjs","sources":["../../../src/components/status-tag-select/StatusTagSelect.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { statusTagSelect, type StatusTagSelectVariantProps } from '@stokelp/styled-system/recipes'\nimport { HTMLStyledProps } from '@stokelp/styled-system/types'\nimport { type FC, useState } from 'react'\nimport { Portal, Select as ArkSelect, type SelectRootProps, createListCollection } from '@ark-ui/react'\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper.tsx'\nimport { createStyleContext } from '~/utils/slots.tsx'\n\nconst { withProvider, withContext } = createStyleContext(statusTagSelect)\n\nconst Root = withProvider(styled(ArkSelect.Root<StatusTagSelectItem>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst Content = withContext(styled(ArkSelect.Content), 'content')\nconst Indicator = withContext(styled(ArkSelect.Indicator), 'indicator')\nconst Item = withContext(styled(ArkSelect.Item), 'item')\nconst ItemText = withContext(styled(ArkSelect.ItemText), 'itemText')\nconst Positioner = withContext(styled(ArkSelect.Positioner), 'positioner')\nconst Trigger = withContext(styled(ArkSelect.Trigger), 'trigger')\nconst ValueText = withContext(styled(ArkSelect.ValueText), 'valueText')\n\ntype Severity = StatusTagSelectVariantProps['severity']\n\nexport type StatusTagSelectItem = {\n  value: string | number\n  label: string\n  disabled?: boolean\n  severity?: Severity\n}\n\nexport type StatusTagSelectProps = Omit<SelectRootProps<StatusTagSelectItem>, 'collection' | 'multiple' | 'asChild'> & {\n  items: StatusTagSelectItem[]\n  usePortal?: boolean\n} & HTMLStyledProps<'button'> &\n  StatusTagSelectVariantProps\n\nexport const StatusTagSelect: FC<StatusTagSelectProps> = ({\n  items,\n  lazyMount = true,\n  usePortal = true,\n  unmountOnExit = true,\n  positioning,\n  onValueChange,\n  severity: severityFromUser,\n  size,\n  closeOnSelect,\n  composite,\n  defaultOpen,\n  defaultValue: defaultValueFromUser,\n  disabled,\n  form,\n  highlightedValue,\n  id,\n  ids,\n  immediate,\n  invalid,\n  loopFocus,\n  name,\n  onExitComplete,\n  onFocusOutside,\n  onHighlightChange,\n  onInteractOutside,\n  onOpenChange,\n  onPointerDownOutside,\n  open,\n  present,\n  readOnly,\n  required,\n  scrollToIndexFn,\n  value,\n  ...props\n}) => {\n  const shouldControlSeverity = items.every(item => 'severity' in item && !!item.severity)\n  const defaultValue = defaultValueFromUser\n    ? defaultValueFromUser\n    : items.length > 0\n      ? [items[0].value.toString()]\n      : undefined\n\n  const [severity, setSeverity] = useState<Severity>(() => {\n    if (defaultValue) {\n      const match = items.find(item => item.value.toString() === defaultValue[0])\n\n      return match && shouldControlSeverity ? match.severity : 'neutral'\n    }\n    return items.length > 0 && shouldControlSeverity ? items[0].severity : 'neutral'\n  })\n\n  const onValueChangeHandler: StatusTagSelectProps['onValueChange'] = details => {\n    if (details.items.length > 0 && typeof details.items[0] === 'object') {\n      setSeverity(((details.items[0] as StatusTagSelectItem).severity ?? 'neutral') as Severity)\n    }\n    onValueChange?.(details)\n  }\n  const collection = createListCollection({\n    items,\n  })\n\n  return (\n    <Root\n      closeOnSelect={closeOnSelect}\n      composite={composite}\n      defaultOpen={defaultOpen}\n      lazyMount={lazyMount}\n      unmountOnExit={unmountOnExit}\n      collection={collection}\n      defaultValue={defaultValue}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      onValueChange={shouldControlSeverity ? onValueChangeHandler : onValueChange}\n      severity={shouldControlSeverity ? severity : severityFromUser}\n      size={size}\n      disabled={disabled}\n      form={form}\n      highlightedValue={highlightedValue}\n      id={id}\n      ids={ids}\n      immediate={immediate}\n      invalid={invalid}\n      loopFocus={loopFocus}\n      name={name}\n      onExitComplete={onExitComplete}\n      onFocusOutside={onFocusOutside}\n      onHighlightChange={onHighlightChange}\n      onInteractOutside={onInteractOutside}\n      onOpenChange={onOpenChange}\n      onPointerDownOutside={onPointerDownOutside}\n      open={open}\n      present={present}\n      readOnly={readOnly}\n      required={required}\n      scrollToIndexFn={scrollToIndexFn}\n      value={value}\n    >\n      <Trigger {...props}>\n        <ValueText />\n        <Indicator asChild>\n          <svg width=\"23\" height=\"24\" viewBox=\"0 0 23 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M12.0082 16.2803C11.7275 16.5732 11.2725 16.5732 10.9918 16.2803L3.80427 8.78033C3.52358 8.48744 3.52358 8.01257 3.80427 7.71967C4.08496 7.42678 4.54004 7.42678 4.82073 7.71967L11.5 14.6893L18.1793 7.71967C18.46 7.42678 18.915 7.42678 19.1957 7.71967C19.4764 8.01256 19.4764 8.48744 19.1957 8.78033L12.0082 16.2803Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </Indicator>\n      </Trigger>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal>{children}</Portal>}>\n        <Positioner>\n          <Content>\n            {items.map(item => (\n              <Item key={item.value} item={item}>\n                <ItemText truncate>{item.label}</ItemText>\n              </Item>\n            ))}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n      <ArkSelect.HiddenSelect />\n    </Root>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","statusTagSelect","Root","styled","ArkSelect","Content","Indicator","Item","ItemText","Positioner","Trigger","ValueText","StatusTagSelect","items","lazyMount","usePortal","unmountOnExit","positioning","onValueChange","severityFromUser","size","closeOnSelect","composite","defaultOpen","defaultValueFromUser","disabled","form","highlightedValue","id","ids","immediate","invalid","loopFocus","name","onExitComplete","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","open","present","readOnly","required","scrollToIndexFn","value","props","shouldControlSeverity","item","defaultValue","severity","setSeverity","useState","match","onValueChangeHandler","details","collection","createListCollection","jsxs","jsx","ConditionalWrapper","children","Portal"],"mappings":"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"}
+{"version":3,"file":"StatusTagSelect.cjs","names":[],"sources":["../../../src/components/status-tag-select/StatusTagSelect.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { statusTagSelect, type StatusTagSelectVariantProps } from '@stokelp/styled-system/recipes'\nimport { HTMLStyledProps } from '@stokelp/styled-system/types'\nimport { type FC, useState } from 'react'\nimport {\n  Portal,\n  Select as ArkSelect,\n  type SelectRootProps,\n  type SelectValueChangeDetails,\n  createListCollection,\n} from '@ark-ui/react'\nimport { ConditionalWrapper } from '~/shared/ConditionalWrapper.tsx'\nimport { createStyleContext } from '~/utils/slots.tsx'\n\nconst { withProvider, withContext } = createStyleContext(statusTagSelect)\n\nconst Root = withProvider(styled(ArkSelect.Root<StatusTagSelectItem>), 'root', {\n  defaultProps: {\n    loopFocus: true,\n  },\n})\n\nconst Content = withContext(styled(ArkSelect.Content), 'content')\nconst Indicator = withContext(styled(ArkSelect.Indicator), 'indicator')\nconst Item = withContext(styled(ArkSelect.Item), 'item')\nconst ItemText = withContext(styled(ArkSelect.ItemText), 'itemText')\nconst Positioner = withContext(styled(ArkSelect.Positioner), 'positioner')\nconst Trigger = withContext(styled(ArkSelect.Trigger), 'trigger')\nconst ValueText = withContext(styled(ArkSelect.ValueText), 'valueText')\n\ntype Severity = StatusTagSelectVariantProps['severity']\n\nexport type StatusTagSelectItem = {\n  value: string | number\n  label: string\n  disabled?: boolean\n  severity?: Severity\n}\n\nexport type StatusTagSelectProps = Omit<SelectRootProps<StatusTagSelectItem>, 'collection' | 'multiple' | 'asChild'> & {\n  items: StatusTagSelectItem[]\n  usePortal?: boolean\n} & HTMLStyledProps<'button'> &\n  StatusTagSelectVariantProps\n\nexport const StatusTagSelect: FC<StatusTagSelectProps> = ({\n  items,\n  lazyMount = true,\n  usePortal = true,\n  unmountOnExit = true,\n  positioning,\n  onValueChange,\n  severity: severityFromUser,\n  size,\n  closeOnSelect,\n  composite,\n  defaultOpen,\n  defaultValue: defaultValueFromUser,\n  disabled,\n  form,\n  highlightedValue,\n  id,\n  ids,\n  immediate,\n  invalid,\n  loopFocus,\n  name,\n  onExitComplete,\n  onFocusOutside,\n  onHighlightChange,\n  onInteractOutside,\n  onOpenChange,\n  onPointerDownOutside,\n  open,\n  present,\n  readOnly,\n  required,\n  scrollToIndexFn,\n  value,\n  ...props\n}) => {\n  const shouldControlSeverity = items.every((item: StatusTagSelectItem) => 'severity' in item && !!item.severity)\n  const defaultValue = defaultValueFromUser\n    ? defaultValueFromUser\n    : items.length > 0\n      ? [items[0].value.toString()]\n      : undefined\n\n  const [severity, setSeverity] = useState<Severity>(() => {\n    if (defaultValue) {\n      const match = items.find((item: StatusTagSelectItem) => item.value.toString() === defaultValue[0])\n\n      return match && shouldControlSeverity ? match.severity : 'neutral'\n    }\n    return items.length > 0 && shouldControlSeverity ? items[0].severity : 'neutral'\n  })\n\n  const onValueChangeHandler = (details: SelectValueChangeDetails<StatusTagSelectItem>) => {\n    if (details.items.length > 0 && typeof details.items[0] === 'object') {\n      setSeverity(((details.items[0] as StatusTagSelectItem).severity ?? 'neutral') as Severity)\n    }\n    onValueChange?.(details)\n  }\n  const collection = createListCollection({\n    items,\n  })\n\n  return (\n    <Root\n      closeOnSelect={closeOnSelect}\n      composite={composite}\n      defaultOpen={defaultOpen}\n      lazyMount={lazyMount}\n      unmountOnExit={unmountOnExit}\n      collection={collection}\n      defaultValue={defaultValue}\n      positioning={{ sameWidth: true, gutter: 0, ...positioning }}\n      onValueChange={shouldControlSeverity ? onValueChangeHandler : onValueChange}\n      severity={shouldControlSeverity ? severity : severityFromUser}\n      size={size}\n      disabled={disabled}\n      form={form}\n      highlightedValue={highlightedValue}\n      id={id}\n      ids={ids}\n      immediate={immediate}\n      invalid={invalid}\n      loopFocus={loopFocus}\n      name={name}\n      onExitComplete={onExitComplete}\n      onFocusOutside={onFocusOutside}\n      onHighlightChange={onHighlightChange}\n      onInteractOutside={onInteractOutside}\n      onOpenChange={onOpenChange}\n      onPointerDownOutside={onPointerDownOutside}\n      open={open}\n      present={present}\n      readOnly={readOnly}\n      required={required}\n      scrollToIndexFn={scrollToIndexFn}\n      value={value}\n    >\n      <Trigger {...props}>\n        <ValueText />\n        <Indicator asChild>\n          <svg width=\"23\" height=\"24\" viewBox=\"0 0 23 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M12.0082 16.2803C11.7275 16.5732 11.2725 16.5732 10.9918 16.2803L3.80427 8.78033C3.52358 8.48744 3.52358 8.01257 3.80427 7.71967C4.08496 7.42678 4.54004 7.42678 4.82073 7.71967L11.5 14.6893L18.1793 7.71967C18.46 7.42678 18.915 7.42678 19.1957 7.71967C19.4764 8.01256 19.4764 8.48744 19.1957 8.78033L12.0082 16.2803Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </Indicator>\n      </Trigger>\n      <ConditionalWrapper when={usePortal} wrapper={children => <Portal>{children}</Portal>}>\n        <Positioner>\n          <Content>\n            {items.map((item: StatusTagSelectItem) => (\n              <Item key={item.value} item={item}>\n                <ItemText truncate>{item.label}</ItemText>\n              </Item>\n            ))}\n          </Content>\n        </Positioner>\n      </ConditionalWrapper>\n      <ArkSelect.HiddenSelect />\n    </Root>\n  )\n}\n"],"mappings":"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"}

package/dist/components/status-tag-select/StatusTagSelect.js

@@ -1,117 +1,95 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { styled as n } from "@stokelp/styled-system/jsx";
-import { statusTagSelect as O } from "@stokelp/styled-system/recipes";
-import { useState as Q } from "react";
-import { createListCollection as X, Portal as Y, Select as r } from "@ark-ui/react";
-import { ConditionalWrapper as _ } from "../../shared/ConditionalWrapper.js";
-import { createStyleContext as $ } from "../../utils/slots.js";
-const { withProvider: U, withContext: i } = $(O), tt = U(n(r.Root), "root", {
-  defaultProps: {
-    loopFocus: !0
-  }
-}), et = i(n(r.Content), "content"), rt = i(n(r.Indicator), "indicator"), ot = i(n(r.Item), "item"), nt = i(n(r.ItemText), "itemText"), it = i(n(r.Positioner), "positioner"), lt = i(n(r.Trigger), "trigger"), ct = i(n(r.ValueText), "valueText"), gt = ({
-  items: o,
-  lazyMount: d = !0,
-  usePortal: h = !0,
-  unmountOnExit: v = !0,
-  positioning: p,
-  onValueChange: s,
-  severity: g,
-  size: f,
-  closeOnSelect: m,
-  composite: C,
-  defaultOpen: y,
-  defaultValue: u,
-  disabled: x,
-  form: S,
-  highlightedValue: w,
-  id: T,
-  ids: I,
-  immediate: L,
-  invalid: P,
-  loopFocus: R,
-  name: V,
-  onExitComplete: j,
-  onFocusOutside: b,
-  onHighlightChange: H,
-  onInteractOutside: W,
-  onOpenChange: B,
-  onPointerDownOutside: M,
-  open: Z,
-  present: k,
-  readOnly: q,
-  required: z,
-  scrollToIndexFn: A,
-  value: D,
-  ...E
-}) => {
-  const l = o.every((t) => "severity" in t && !!t.severity), c = u || (o.length > 0 ? [o[0].value.toString()] : void 0), [F, G] = Q(() => {
-    if (c) {
-      const t = o.find((N) => N.value.toString() === c[0]);
-      return t && l ? t.severity : "neutral";
-    }
-    return o.length > 0 && l ? o[0].severity : "neutral";
-  }), J = (t) => {
-    t.items.length > 0 && typeof t.items[0] == "object" && G(t.items[0].severity ?? "neutral"), s?.(t);
-  }, K = X({
-    items: o
-  });
-  return /* @__PURE__ */ a(
-    tt,
-    {
-      closeOnSelect: m,
-      composite: C,
-      defaultOpen: y,
-      lazyMount: d,
-      unmountOnExit: v,
-      collection: K,
-      defaultValue: c,
-      positioning: { sameWidth: !0, gutter: 0, ...p },
-      onValueChange: l ? J : s,
-      severity: l ? F : g,
-      size: f,
-      disabled: x,
-      form: S,
-      highlightedValue: w,
-      id: T,
-      ids: I,
-      immediate: L,
-      invalid: P,
-      loopFocus: R,
-      name: V,
-      onExitComplete: j,
-      onFocusOutside: b,
-      onHighlightChange: H,
-      onInteractOutside: W,
-      onOpenChange: B,
-      onPointerDownOutside: M,
-      open: Z,
-      present: k,
-      readOnly: q,
-      required: z,
-      scrollToIndexFn: A,
-      value: D,
-      children: [
-        /* @__PURE__ */ a(lt, { ...E, children: [
-          /* @__PURE__ */ e(ct, {}),
-          /* @__PURE__ */ e(rt, { asChild: !0, children: /* @__PURE__ */ e("svg", { width: "23", height: "24", viewBox: "0 0 23 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              d: "M12.0082 16.2803C11.7275 16.5732 11.2725 16.5732 10.9918 16.2803L3.80427 8.78033C3.52358 8.48744 3.52358 8.01257 3.80427 7.71967C4.08496 7.42678 4.54004 7.42678 4.82073 7.71967L11.5 14.6893L18.1793 7.71967C18.46 7.42678 18.915 7.42678 19.1957 7.71967C19.4764 8.01256 19.4764 8.48744 19.1957 8.78033L12.0082 16.2803Z",
-              fill: "currentColor"
-            }
-          ) }) })
-        ] }),
-        /* @__PURE__ */ e(_, { when: h, wrapper: (t) => /* @__PURE__ */ e(Y, { children: t }), children: /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(et, { children: o.map((t) => /* @__PURE__ */ e(ot, { item: t, children: /* @__PURE__ */ e(nt, { truncate: !0, children: t.label }) }, t.value)) }) }) }),
-        /* @__PURE__ */ e(r.HiddenSelect, {})
-      ]
-    }
-  );
+import { createStyleContext as e } from "../../utils/slots.js";
+import { ConditionalWrapper as t } from "../../shared/ConditionalWrapper.js";
+import { Portal as n, Select as r, createListCollection as i } from "@ark-ui/react";
+import { styled as a } from "@stokelp/styled-system/jsx";
+import { statusTagSelect as o } from "@stokelp/styled-system/recipes";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/status-tag-select/StatusTagSelect.tsx
+var { withProvider: u, withContext: d } = e(o), f = u(a(r.Root), "root", { defaultProps: { loopFocus: !0 } }), p = d(a(r.Content), "content"), m = d(a(r.Indicator), "indicator"), h = d(a(r.Item), "item"), g = d(a(r.ItemText), "itemText"), _ = d(a(r.Positioner), "positioner"), v = d(a(r.Trigger), "trigger"), y = d(a(r.ValueText), "valueText"), b = ({ items: e, lazyMount: a = !0, usePortal: o = !0, unmountOnExit: u = !0, positioning: d, onValueChange: b, severity: x, size: S, closeOnSelect: C, composite: w, defaultOpen: T, defaultValue: E, disabled: D, form: O, highlightedValue: k, id: A, ids: j, immediate: M, invalid: N, loopFocus: P, name: F, onExitComplete: I, onFocusOutside: L, onHighlightChange: R, onInteractOutside: z, onOpenChange: B, onPointerDownOutside: V, open: H, present: U, readOnly: W, required: G, scrollToIndexFn: K, value: q, ...J }) => {
+	let Y = e.every((e) => "severity" in e && !!e.severity), X = E || (e.length > 0 ? [e[0].value.toString()] : void 0), [Z, Q] = s(() => {
+		if (X) {
+			let t = e.find((e) => e.value.toString() === X[0]);
+			return t && Y ? t.severity : "neutral";
+		}
+		return e.length > 0 && Y ? e[0].severity : "neutral";
+	}), $ = (e) => {
+		e.items.length > 0 && typeof e.items[0] == "object" && Q(e.items[0].severity ?? "neutral"), b?.(e);
+	};
+	return /* @__PURE__ */ l(f, {
+		closeOnSelect: C,
+		composite: w,
+		defaultOpen: T,
+		lazyMount: a,
+		unmountOnExit: u,
+		collection: i({ items: e }),
+		defaultValue: X,
+		positioning: {
+			sameWidth: !0,
+			gutter: 0,
+			...d
+		},
+		onValueChange: Y ? $ : b,
+		severity: Y ? Z : x,
+		size: S,
+		disabled: D,
+		form: O,
+		highlightedValue: k,
+		id: A,
+		ids: j,
+		immediate: M,
+		invalid: N,
+		loopFocus: P,
+		name: F,
+		onExitComplete: I,
+		onFocusOutside: L,
+		onHighlightChange: R,
+		onInteractOutside: z,
+		onOpenChange: B,
+		onPointerDownOutside: V,
+		open: H,
+		present: U,
+		readOnly: W,
+		required: G,
+		scrollToIndexFn: K,
+		value: q,
+		children: [
+			/* @__PURE__ */ l(v, {
+				...J,
+				children: [/* @__PURE__ */ c(y, {}), /* @__PURE__ */ c(m, {
+					asChild: !0,
+					children: /* @__PURE__ */ c("svg", {
+						width: "23",
+						height: "24",
+						viewBox: "0 0 23 24",
+						fill: "none",
+						xmlns: "http://www.w3.org/2000/svg",
+						children: /* @__PURE__ */ c("path", {
+							fillRule: "evenodd",
+							clipRule: "evenodd",
+							d: "M12.0082 16.2803C11.7275 16.5732 11.2725 16.5732 10.9918 16.2803L3.80427 8.78033C3.52358 8.48744 3.52358 8.01257 3.80427 7.71967C4.08496 7.42678 4.54004 7.42678 4.82073 7.71967L11.5 14.6893L18.1793 7.71967C18.46 7.42678 18.915 7.42678 19.1957 7.71967C19.4764 8.01256 19.4764 8.48744 19.1957 8.78033L12.0082 16.2803Z",
+							fill: "currentColor"
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ c(t, {
+				when: o,
+				wrapper: (e) => /* @__PURE__ */ c(n, { children: e }),
+				children: /* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(p, { children: e.map((e) => /* @__PURE__ */ c(h, {
+					item: e,
+					children: /* @__PURE__ */ c(g, {
+						truncate: !0,
+						children: e.label
+					})
+				}, e.value)) }) })
+			}),
+			/* @__PURE__ */ c(r.HiddenSelect, {})
+		]
+	});
 };
-export {
-  gt as StatusTagSelect
-};
-//# sourceMappingURL=StatusTagSelect.js.map
+//#endregion
+export { b as StatusTagSelect };
+
+//# sourceMappingURL=StatusTagSelect.js.map