@stokelp/ui 2.103.0 → 2.104.0

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

@@ -1 +1 @@
-{"version":3,"file":"StatusTagSelect.js","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.js","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":";;;;;;;;;AAcA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,CAAe,GAElE,IAAO,EAAa,EAAO,EAAU,IAAyB,GAAG,QAAQ,EAC7E,cAAc,EACZ,WAAW,GACb,EACF,CAAC,GAEK,IAAU,EAAY,EAAO,EAAU,OAAO,GAAG,SAAS,GAC1D,IAAY,EAAY,EAAO,EAAU,SAAS,GAAG,WAAW,GAChE,IAAO,EAAY,EAAO,EAAU,IAAI,GAAG,MAAM,GACjD,IAAW,EAAY,EAAO,EAAU,QAAQ,GAAG,UAAU,GAC7D,IAAa,EAAY,EAAO,EAAU,UAAU,GAAG,YAAY,GACnE,IAAU,EAAY,EAAO,EAAU,OAAO,GAAG,SAAS,GAC1D,IAAY,EAAY,EAAO,EAAU,SAAS,GAAG,WAAW,GAiBzD,KAA6C,EACxD,UACA,eAAY,IACZ,eAAY,IACZ,mBAAgB,IAChB,gBACA,kBACA,UAAU,GACV,SACA,kBACA,cACA,gBACA,cAAc,GACd,aACA,SACA,qBACA,OACA,QACA,cACA,YACA,cACA,SACA,mBACA,mBACA,sBACA,sBACA,iBACA,yBACA,SACA,YACA,aACA,aACA,oBACA,UACA,GAAG,QACC;CACJ,IAAM,IAAwB,EAAM,OAAO,MAA8B,cAAc,KAAQ,CAAC,CAAC,EAAK,QAAQ,GACxG,IAAe,MAEjB,EAAM,SAAS,IACb,CAAC,EAAM,GAAG,MAAM,SAAS,CAAC,IAC1B,KAAA,IAEA,CAAC,GAAU,KAAe,QAAyB;EACvD,IAAI,GAAc;GAChB,IAAM,IAAQ,EAAM,MAAM,MAA8B,EAAK,MAAM,SAAS,MAAM,EAAa,EAAE;GAEjG,OAAO,KAAS,IAAwB,EAAM,WAAW;EAC3D;EACA,OAAO,EAAM,SAAS,KAAK,IAAwB,EAAM,GAAG,WAAW;CACzE,CAAC,GAEK,KAAwB,MAA2D;EAIvF,AAHI,EAAQ,MAAM,SAAS,KAAK,OAAO,EAAQ,MAAM,MAAO,YAC1D,EAAc,EAAQ,MAAM,GAA2B,YAAY,SAAsB,GAE3F,IAAgB,CAAO;CACzB;CAKA,OACE,kBAAC,GAAD;EACiB;EACJ;EACE;EACF;EACI;EACH,YAXG,EAAqB,EACtC,SACF,CASgB;EACE;EACd,aAAa;GAAE,WAAW;GAAM,QAAQ;GAAG,GAAG;EAAY;EAC1D,eAAe,IAAwB,IAAuB;EAC9D,UAAU,IAAwB,IAAW;EACvC;EACI;EACJ;EACY;EACd;EACC;EACM;EACF;EACE;EACL;EACU;EACA;EACG;EACA;EACL;EACQ;EAChB;EACG;EACC;EACA;EACO;EACV;YAhCT;GAkCE,kBAAC,GAAD;IAAS,GAAI;cAAb,CACE,kBAAC,GAAD,CAAY,CAAA,GACZ,kBAAC,GAAD;KAAW,SAAA;eACT,kBAAC,OAAD;MAAK,OAAM;MAAK,QAAO;MAAK,SAAQ;MAAY,MAAK;MAAO,OAAM;gBAChE,kBAAC,QAAD;OACE,UAAS;OACT,UAAS;OACT,GAAE;OACF,MAAK;MACN,CAAA;KACE,CAAA;IACI,CAAA,CACJ;;GACT,kBAAC,GAAD;IAAoB,MAAM;IAAW,UAAS,MAAY,kBAAC,GAAD,EAAS,YAAiB,CAAA;cAClF,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,EAAM,KAAK,MACV,kBAAC,GAAD;KAA6B;eAC3B,kBAAC,GAAD;MAAU,UAAA;gBAAU,EAAK;KAAgB,CAAA;IACrC,GAFK,EAAK,KAEV,CACP,EACM,CAAA,EACC,CAAA;GACM,CAAA;GACpB,kBAAC,EAAU,cAAX,CAAyB,CAAA;EACrB;;AAEV"}

package/dist/components/switch/Switch.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("@ark-ui/react"),r=require("@stokelp/styled-system/css"),S=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes"),d=require("react"),o=d.forwardRef((n,l)=>{const[a,h]=i.switchRecipe.splitVariantProps(n),[u,p]=S.splitCssProps(h),{children:c,className:w,...m}=p,t=i.switchRecipe(a);return s.jsxs(e.Switch.Root,{ref:l,className:r.cx(t.root,r.css(u),w),...m,children:[s.jsx(e.Switch.Control,{className:t.control,children:s.jsx(e.Switch.Thumb,{className:t.thumb})}),c?s.jsx(e.Switch.Label,{className:t.label,children:c}):null,s.jsx(e.Switch.HiddenInput,{})]})});o.displayName="Switch";exports.Switch=o;
-//# sourceMappingURL=Switch.cjs.map
+"use client";let e=require("@ark-ui/react"),t=require("@stokelp/styled-system/jsx"),n=require("@stokelp/styled-system/recipes"),r=require("react"),i=require("react/jsx-runtime"),a=require("@stokelp/styled-system/css");var o=(0,r.forwardRef)((r,o)=>{let[s,c]=n.switchRecipe.splitVariantProps(r),[l,u]=(0,t.splitCssProps)(c),{children:d,className:f,...p}=u,m=(0,n.switchRecipe)(s);return(0,i.jsxs)(e.Switch.Root,{ref:o,className:(0,a.cx)(m.root,(0,a.css)(l),f),...p,children:[(0,i.jsx)(e.Switch.Control,{className:m.control,children:(0,i.jsx)(e.Switch.Thumb,{className:m.thumb})}),d?(0,i.jsx)(e.Switch.Label,{className:m.label,children:d}):null,(0,i.jsx)(e.Switch.HiddenInput,{})]})});o.displayName=`Switch`,exports.Switch=o;
+//# sourceMappingURL=Switch.cjs.map

package/dist/components/switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Switch as ArkSwitch, type SwitchRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps } from '@stokelp/styled-system/jsx'\nimport { switchRecipe, type SwitchRecipeVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { forwardRef, type ReactNode } from 'react'\n\nexport interface SwitchProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchRecipeVariantProps {\n  children?: ReactNode\n}\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>((props, ref) => {\n  const [variantProps, switchProps] = switchRecipe.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(switchProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = switchRecipe(variantProps)\n\n  return (\n    <ArkSwitch.Root ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      <ArkSwitch.Control className={styles.control}>\n        <ArkSwitch.Thumb className={styles.thumb} />\n      </ArkSwitch.Control>\n      {children ? <ArkSwitch.Label className={styles.label}>{children}</ArkSwitch.Label> : null}\n      <ArkSwitch.HiddenInput />\n    </ArkSwitch.Root>\n  )\n})\n\nSwitch.displayName = 'Switch'\n"],"names":["Switch","forwardRef","props","ref","variantProps","switchProps","switchRecipe","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","ArkSwitch","cx","css","jsx"],"mappings":"4SAWaA,EAASC,EAAAA,WAA0C,CAACC,EAAOC,IAAQ,CAC9E,KAAM,CAACC,EAAcC,CAAW,EAAIC,EAAAA,aAAa,kBAAkBJ,CAAK,EAClE,CAACK,EAAUC,CAAU,EAAIC,EAAAA,cAAcJ,CAAW,EAClD,CAAE,SAAAK,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACxCK,EAASP,EAAAA,aAAaF,CAAY,EAExC,OACEU,EAAAA,KAACC,EAAAA,OAAU,KAAV,CAAe,IAAAZ,EAAU,UAAWa,KAAGH,EAAO,KAAMI,EAAAA,IAAIV,CAAQ,EAAGI,CAAS,EAAI,GAAGC,EAClF,SAAA,CAAAM,EAAAA,IAACH,EAAAA,OAAU,QAAV,CAAkB,UAAWF,EAAO,QACnC,SAAAK,EAAAA,IAACH,EAAAA,OAAU,MAAV,CAAgB,UAAWF,EAAO,MAAO,EAC5C,EACCH,QAAYK,EAAAA,OAAU,MAAV,CAAgB,UAAWF,EAAO,MAAQ,SAAAH,CAAA,CAAS,EAAqB,KACrFQ,MAACH,EAAAA,OAAU,YAAV,CAAA,CAAsB,CAAA,EACzB,CAEJ,CAAC,EAEDf,EAAO,YAAc"}
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Switch as ArkSwitch, type SwitchRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps } from '@stokelp/styled-system/jsx'\nimport { switchRecipe, type SwitchRecipeVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { forwardRef, type ReactNode } from 'react'\n\nexport interface SwitchProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchRecipeVariantProps {\n  children?: ReactNode\n}\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>((props, ref) => {\n  const [variantProps, switchProps] = switchRecipe.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(switchProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = switchRecipe(variantProps)\n\n  return (\n    <ArkSwitch.Root ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      <ArkSwitch.Control className={styles.control}>\n        <ArkSwitch.Thumb className={styles.thumb} />\n      </ArkSwitch.Control>\n      {children ? <ArkSwitch.Label className={styles.label}>{children}</ArkSwitch.Label> : null}\n      <ArkSwitch.HiddenInput />\n    </ArkSwitch.Root>\n  )\n})\n\nSwitch.displayName = 'Switch'\n"],"mappings":"0NAWA,IAAa,GAAA,EAAA,EAAA,aAAoD,EAAO,IAAQ,CAC9E,GAAM,CAAC,EAAc,GAAe,EAAA,aAAa,kBAAkB,CAAK,EAClE,CAAC,EAAU,IAAA,EAAA,EAAA,eAA4B,CAAW,EAClD,CAAE,WAAU,YAAW,GAAG,GAAc,EACxC,GAAA,EAAA,EAAA,cAAsB,CAAY,EAExC,OACE,EAAA,EAAA,MAAC,EAAA,OAAU,KAAX,CAAqB,MAAK,WAAA,EAAA,EAAA,IAAc,EAAO,MAAA,EAAA,EAAA,KAAU,CAAQ,EAAG,CAAS,EAAG,GAAI,WAApF,EACE,EAAA,EAAA,KAAC,EAAA,OAAU,QAAX,CAAmB,UAAW,EAAO,kBACnC,EAAA,EAAA,KAAC,EAAA,OAAU,MAAX,CAAiB,UAAW,EAAO,KAAQ,CAAA,CAC1B,CAAA,EAClB,GAAW,EAAA,EAAA,KAAC,EAAA,OAAU,MAAX,CAAiB,UAAW,EAAO,MAAQ,UAA0B,CAAA,EAAI,MACrF,EAAA,EAAA,KAAC,EAAA,OAAU,YAAX,CAAwB,CAAA,CACV,GAEpB,CAAC,EAED,EAAO,YAAc"}

package/dist/components/switch/Switch.js

@@ -1,20 +1,32 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { Switch as s } from "@ark-ui/react";
-import { cx as d, css as w } from "@stokelp/styled-system/css";
-import { splitCssProps as P } from "@stokelp/styled-system/jsx";
-import { switchRecipe as c } from "@stokelp/styled-system/recipes";
-import { forwardRef as u } from "react";
-const N = u((i, l) => {
-  const [a, e] = c.splitVariantProps(i), [m, p] = P(e), { children: t, className: n, ...h } = p, o = c(a);
-  return /* @__PURE__ */ f(s.Root, { ref: l, className: d(o.root, w(m), n), ...h, children: [
-    /* @__PURE__ */ r(s.Control, { className: o.control, children: /* @__PURE__ */ r(s.Thumb, { className: o.thumb }) }),
-    t ? /* @__PURE__ */ r(s.Label, { className: o.label, children: t }) : null,
-    /* @__PURE__ */ r(s.HiddenInput, {})
-  ] });
+import { Switch as e } from "@ark-ui/react";
+import { splitCssProps as t } from "@stokelp/styled-system/jsx";
+import { switchRecipe as n } from "@stokelp/styled-system/recipes";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { css as o, cx as s } from "@stokelp/styled-system/css";
+//#region src/components/switch/Switch.tsx
+var c = r((r, c) => {
+	let [l, u] = n.splitVariantProps(r), [d, f] = t(u), { children: p, className: m, ...h } = f, g = n(l);
+	return /* @__PURE__ */ a(e.Root, {
+		ref: c,
+		className: s(g.root, o(d), m),
+		...h,
+		children: [
+			/* @__PURE__ */ i(e.Control, {
+				className: g.control,
+				children: /* @__PURE__ */ i(e.Thumb, { className: g.thumb })
+			}),
+			p ? /* @__PURE__ */ i(e.Label, {
+				className: g.label,
+				children: p
+			}) : null,
+			/* @__PURE__ */ i(e.HiddenInput, {})
+		]
+	});
 });
-N.displayName = "Switch";
-export {
-  N as Switch
-};
-//# sourceMappingURL=Switch.js.map
+c.displayName = "Switch";
+//#endregion
+export { c as Switch };
+
+//# sourceMappingURL=Switch.js.map

package/dist/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Switch as ArkSwitch, type SwitchRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps } from '@stokelp/styled-system/jsx'\nimport { switchRecipe, type SwitchRecipeVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { forwardRef, type ReactNode } from 'react'\n\nexport interface SwitchProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchRecipeVariantProps {\n  children?: ReactNode\n}\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>((props, ref) => {\n  const [variantProps, switchProps] = switchRecipe.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(switchProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = switchRecipe(variantProps)\n\n  return (\n    <ArkSwitch.Root ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      <ArkSwitch.Control className={styles.control}>\n        <ArkSwitch.Thumb className={styles.thumb} />\n      </ArkSwitch.Control>\n      {children ? <ArkSwitch.Label className={styles.label}>{children}</ArkSwitch.Label> : null}\n      <ArkSwitch.HiddenInput />\n    </ArkSwitch.Root>\n  )\n})\n\nSwitch.displayName = 'Switch'\n"],"names":["Switch","forwardRef","props","ref","variantProps","switchProps","switchRecipe","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","ArkSwitch","cx","css","jsx"],"mappings":";;;;;;;AAWO,MAAMA,IAASC,EAA0C,CAACC,GAAOC,MAAQ;AAC9E,QAAM,CAACC,GAAcC,CAAW,IAAIC,EAAa,kBAAkBJ,CAAK,GAClE,CAACK,GAAUC,CAAU,IAAIC,EAAcJ,CAAW,GAClD,EAAE,UAAAK,GAAU,WAAAC,GAAW,GAAGC,MAAcJ,GACxCK,IAASP,EAAaF,CAAY;AAExC,SACE,gBAAAU,EAACC,EAAU,MAAV,EAAe,KAAAZ,GAAU,WAAWa,EAAGH,EAAO,MAAMI,EAAIV,CAAQ,GAAGI,CAAS,GAAI,GAAGC,GAClF,UAAA;AAAA,IAAA,gBAAAM,EAACH,EAAU,SAAV,EAAkB,WAAWF,EAAO,SACnC,UAAA,gBAAAK,EAACH,EAAU,OAAV,EAAgB,WAAWF,EAAO,OAAO,GAC5C;AAAA,IACCH,sBAAYK,EAAU,OAAV,EAAgB,WAAWF,EAAO,OAAQ,UAAAH,EAAA,CAAS,IAAqB;AAAA,IACrF,gBAAAQ,EAACH,EAAU,aAAV,CAAA,CAAsB;AAAA,EAAA,GACzB;AAEJ,CAAC;AAEDf,EAAO,cAAc;"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Switch as ArkSwitch, type SwitchRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps } from '@stokelp/styled-system/jsx'\nimport { switchRecipe, type SwitchRecipeVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { forwardRef, type ReactNode } from 'react'\n\nexport interface SwitchProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchRecipeVariantProps {\n  children?: ReactNode\n}\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>((props, ref) => {\n  const [variantProps, switchProps] = switchRecipe.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(switchProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = switchRecipe(variantProps)\n\n  return (\n    <ArkSwitch.Root ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      <ArkSwitch.Control className={styles.control}>\n        <ArkSwitch.Thumb className={styles.thumb} />\n      </ArkSwitch.Control>\n      {children ? <ArkSwitch.Label className={styles.label}>{children}</ArkSwitch.Label> : null}\n      <ArkSwitch.HiddenInput />\n    </ArkSwitch.Root>\n  )\n})\n\nSwitch.displayName = 'Switch'\n"],"mappings":";;;;;;;;AAWA,IAAa,IAAS,GAA2C,GAAO,MAAQ;CAC9E,IAAM,CAAC,GAAc,KAAe,EAAa,kBAAkB,CAAK,GAClE,CAAC,GAAU,KAAc,EAAc,CAAW,GAClD,EAAE,aAAU,cAAW,GAAG,MAAc,GACxC,IAAS,EAAa,CAAY;CAExC,OACE,kBAAC,EAAU,MAAX;EAAqB;EAAK,WAAW,EAAG,EAAO,MAAM,EAAI,CAAQ,GAAG,CAAS;EAAG,GAAI;YAApF;GACE,kBAAC,EAAU,SAAX;IAAmB,WAAW,EAAO;cACnC,kBAAC,EAAU,OAAX,EAAiB,WAAW,EAAO,MAAQ,CAAA;GAC1B,CAAA;GAClB,IAAW,kBAAC,EAAU,OAAX;IAAiB,WAAW,EAAO;IAAQ;GAA0B,CAAA,IAAI;GACrF,kBAAC,EAAU,aAAX,CAAwB,CAAA;EACV;;AAEpB,CAAC;AAED,EAAO,cAAc"}

package/dist/components/switch-card/SwitchCard.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),o=require("@stokelp/styled-system/css"),s=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes"),m=require("react"),y=require("../../utils/slots.cjs"),{withProvider:x,withContext:r}=y.createStyleContext(i.switchCard,{dataAttr:!0}),P=x(s.styled(t.Switch.Root)),j=r(s.styled(t.Switch.Label),"title"),q=r(s.styled("div"),"content"),g=r(s.styled("p"),"description"),b=r(s.styled(t.ark.img),"image"),a=m.forwardRef((n,d)=>{const[l,h]=i.switchCard.splitVariantProps(n),[w,C]=s.splitCssProps(h),{children:S,className:p,...u}=C,c=i.switchCard(l);return e.jsxs(P,{ref:d,className:o.cx(c.root,o.css(w),p),...u,children:[S,e.jsx(t.Switch.Control,{className:c.control,children:e.jsx(t.Switch.Thumb,{className:c.thumb})}),e.jsx(t.Switch.HiddenInput,{})]})});a.displayName="SwitchCard";exports.SwitchCard=a;exports.SwitchCardContent=q;exports.SwitchCardDescription=g;exports.SwitchCardImage=b;exports.SwitchCardTitle=j;
-//# sourceMappingURL=SwitchCard.cjs.map
+"use client";const e=require("../../utils/slots.cjs");let t=require("@ark-ui/react"),n=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),i=require("react"),a=require("react/jsx-runtime"),o=require("@stokelp/styled-system/css");var{withProvider:s,withContext:c}=e.createStyleContext(r.switchCard,{dataAttr:!0}),l=s((0,n.styled)(t.Switch.Root)),u=c((0,n.styled)(t.Switch.Label),`title`),d=c((0,n.styled)(`div`),`content`),f=c((0,n.styled)(`p`),`description`),p=c((0,n.styled)(t.ark.img),`image`),m=(0,i.forwardRef)((e,i)=>{let[s,c]=r.switchCard.splitVariantProps(e),[u,d]=(0,n.splitCssProps)(c),{children:f,className:p,...m}=d,h=(0,r.switchCard)(s);return(0,a.jsxs)(l,{ref:i,className:(0,o.cx)(h.root,(0,o.css)(u),p),...m,children:[f,(0,a.jsx)(t.Switch.Control,{className:h.control,children:(0,a.jsx)(t.Switch.Thumb,{className:h.thumb})}),(0,a.jsx)(t.Switch.HiddenInput,{})]})});m.displayName=`SwitchCard`,exports.SwitchCard=m,exports.SwitchCardContent=d,exports.SwitchCardDescription=f,exports.SwitchCardImage=p,exports.SwitchCardTitle=u;
+//# sourceMappingURL=SwitchCard.cjs.map

package/dist/components/switch-card/SwitchCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchCard.cjs","sources":["../../../src/components/switch-card/SwitchCard.tsx"],"sourcesContent":["import { ark, Switch as ArkSwitch, type SwitchRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { switchCard, type SwitchCardVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { ComponentProps, forwardRef } from 'react'\nimport { createStyleContext } from '~/utils/slots'\n\nexport interface SwitchCardProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchCardVariantProps {}\n\nconst { withProvider, withContext } = createStyleContext(switchCard, {\n  dataAttr: true,\n})\n\nconst SwitchCardRoot = withProvider(styled(ArkSwitch.Root))\n\nexport const SwitchCardTitle = withContext(styled(ArkSwitch.Label), 'title')\nexport const SwitchCardContent = withContext(styled('div'), 'content')\nexport const SwitchCardDescription = withContext(styled('p'), 'description')\nexport const SwitchCardImage = withContext(styled(ark.img), 'image')\n\nexport type SwitchCardTitleProps = ComponentProps<typeof SwitchCardTitle>\nexport type SwitchCardContentProps = ComponentProps<typeof SwitchCardContent>\nexport type SwitchCardDescriptionProps = ComponentProps<typeof SwitchCardDescription>\nexport type SwitchCardImageProps = ComponentProps<typeof SwitchCardImage>\n\nexport const SwitchCard = forwardRef<HTMLLabelElement, SwitchCardProps>((props, ref) => {\n  const [variantProps, switchProps] = switchCard.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(switchProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = switchCard(variantProps)\n\n  return (\n    <SwitchCardRoot ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      {children}\n      <ArkSwitch.Control className={styles.control}>\n        <ArkSwitch.Thumb className={styles.thumb} />\n      </ArkSwitch.Control>\n      <ArkSwitch.HiddenInput />\n    </SwitchCardRoot>\n  )\n})\n\nSwitchCard.displayName = 'SwitchCard'\n"],"names":["withProvider","withContext","createStyleContext","switchCard","SwitchCardRoot","styled","ArkSwitch","SwitchCardTitle","SwitchCardContent","SwitchCardDescription","SwitchCardImage","ark","SwitchCard","forwardRef","props","ref","variantProps","switchProps","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","cx","css","jsx"],"mappings":"+UAUM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,WAAY,CACnE,SAAU,EACZ,CAAC,EAEKC,EAAiBJ,EAAaK,EAAAA,OAAOC,EAAAA,OAAU,IAAI,CAAC,EAE7CC,EAAkBN,EAAYI,EAAAA,OAAOC,EAAAA,OAAU,KAAK,EAAG,OAAO,EAC9DE,EAAoBP,EAAYI,SAAO,KAAK,EAAG,SAAS,EACxDI,EAAwBR,EAAYI,SAAO,GAAG,EAAG,aAAa,EAC9DK,EAAkBT,EAAYI,EAAAA,OAAOM,EAAAA,IAAI,GAAG,EAAG,OAAO,EAOtDC,EAAaC,EAAAA,WAA8C,CAACC,EAAOC,IAAQ,CACtF,KAAM,CAACC,EAAcC,CAAW,EAAId,EAAAA,WAAW,kBAAkBW,CAAK,EAChE,CAACI,EAAUC,CAAU,EAAIC,EAAAA,cAAcH,CAAW,EAClD,CAAE,SAAAI,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACxCK,EAASrB,EAAAA,WAAWa,CAAY,EAEtC,OACES,EAAAA,KAACrB,EAAA,CAAe,IAAAW,EAAU,UAAWW,EAAAA,GAAGF,EAAO,KAAMG,EAAAA,IAAIT,CAAQ,EAAGI,CAAS,EAAI,GAAGC,EACjF,SAAA,CAAAF,EACDO,EAAAA,IAACtB,EAAAA,OAAU,QAAV,CAAkB,UAAWkB,EAAO,QACnC,SAAAI,EAAAA,IAACtB,EAAAA,OAAU,MAAV,CAAgB,UAAWkB,EAAO,MAAO,EAC5C,EACAI,MAACtB,EAAAA,OAAU,YAAV,CAAA,CAAsB,CAAA,EACzB,CAEJ,CAAC,EAEDM,EAAW,YAAc"}
+{"version":3,"file":"SwitchCard.cjs","names":[],"sources":["../../../src/components/switch-card/SwitchCard.tsx"],"sourcesContent":["import { ark, Switch as ArkSwitch, type SwitchRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { switchCard, type SwitchCardVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { ComponentProps, forwardRef } from 'react'\nimport { createStyleContext } from '~/utils/slots'\n\nexport interface SwitchCardProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchCardVariantProps {}\n\nconst { withProvider, withContext } = createStyleContext(switchCard, {\n  dataAttr: true,\n})\n\nconst SwitchCardRoot = withProvider(styled(ArkSwitch.Root))\n\nexport const SwitchCardTitle = withContext(styled(ArkSwitch.Label), 'title')\nexport const SwitchCardContent = withContext(styled('div'), 'content')\nexport const SwitchCardDescription = withContext(styled('p'), 'description')\nexport const SwitchCardImage = withContext(styled(ark.img), 'image')\n\nexport type SwitchCardTitleProps = ComponentProps<typeof SwitchCardTitle>\nexport type SwitchCardContentProps = ComponentProps<typeof SwitchCardContent>\nexport type SwitchCardDescriptionProps = ComponentProps<typeof SwitchCardDescription>\nexport type SwitchCardImageProps = ComponentProps<typeof SwitchCardImage>\n\nexport const SwitchCard = forwardRef<HTMLLabelElement, SwitchCardProps>((props, ref) => {\n  const [variantProps, switchProps] = switchCard.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(switchProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = switchCard(variantProps)\n\n  return (\n    <SwitchCardRoot ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      {children}\n      <ArkSwitch.Control className={styles.control}>\n        <ArkSwitch.Thumb className={styles.thumb} />\n      </ArkSwitch.Control>\n      <ArkSwitch.HiddenInput />\n    </SwitchCardRoot>\n  )\n})\n\nSwitchCard.displayName = 'SwitchCard'\n"],"mappings":"mQAUA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,WAAY,CACnE,SAAU,EACZ,CAAC,EAEK,EAAiB,GAAA,EAAA,EAAA,QAAoB,EAAA,OAAU,IAAI,CAAC,EAE7C,EAAkB,GAAA,EAAA,EAAA,QAAmB,EAAA,OAAU,KAAK,EAAG,OAAO,EAC9D,EAAoB,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,SAAS,EACxD,EAAwB,GAAA,EAAA,EAAA,QAAmB,GAAG,EAAG,aAAa,EAC9D,EAAkB,GAAA,EAAA,EAAA,QAAmB,EAAA,IAAI,GAAG,EAAG,OAAO,EAOtD,GAAA,EAAA,EAAA,aAA4D,EAAO,IAAQ,CACtF,GAAM,CAAC,EAAc,GAAe,EAAA,WAAW,kBAAkB,CAAK,EAChE,CAAC,EAAU,IAAA,EAAA,EAAA,eAA4B,CAAW,EAClD,CAAE,WAAU,YAAW,GAAG,GAAc,EACxC,GAAA,EAAA,EAAA,YAAoB,CAAY,EAEtC,OACE,EAAA,EAAA,MAAC,EAAD,CAAqB,MAAK,WAAA,EAAA,EAAA,IAAc,EAAO,MAAA,EAAA,EAAA,KAAU,CAAQ,EAAG,CAAS,EAAG,GAAI,WAApF,CACG,GACD,EAAA,EAAA,KAAC,EAAA,OAAU,QAAX,CAAmB,UAAW,EAAO,kBACnC,EAAA,EAAA,KAAC,EAAA,OAAU,MAAX,CAAiB,UAAW,EAAO,KAAQ,CAAA,CAC1B,CAAA,GACnB,EAAA,EAAA,KAAC,EAAA,OAAU,YAAX,CAAwB,CAAA,CACV,GAEpB,CAAC,EAED,EAAW,YAAc"}

package/dist/components/switch-card/SwitchCard.js

@@ -1,27 +1,30 @@
 "use client";
-import { jsxs as C, jsx as i } from "react/jsx-runtime";
-import { ark as f, Switch as t } from "@ark-ui/react";
-import { cx as S, css as P } from "@stokelp/styled-system/css";
-import { styled as o, splitCssProps as u } from "@stokelp/styled-system/jsx";
-import { switchCard as c } from "@stokelp/styled-system/recipes";
-import { forwardRef as x } from "react";
-import { createStyleContext as N } from "../../utils/slots.js";
-const { withProvider: y, withContext: r } = N(c, {
-  dataAttr: !0
-}), b = y(o(t.Root)), D = r(o(t.Label), "title"), H = r(o("div"), "content"), L = r(o("p"), "description"), V = r(o(f.img), "image"), g = x((e, a) => {
-  const [n, m] = c.splitVariantProps(e), [p, l] = u(m), { children: d, className: h, ...w } = l, s = c(n);
-  return /* @__PURE__ */ C(b, { ref: a, className: S(s.root, P(p), h), ...w, children: [
-    d,
-    /* @__PURE__ */ i(t.Control, { className: s.control, children: /* @__PURE__ */ i(t.Thumb, { className: s.thumb }) }),
-    /* @__PURE__ */ i(t.HiddenInput, {})
-  ] });
+import { createStyleContext as e } from "../../utils/slots.js";
+import { Switch as t, ark as n } from "@ark-ui/react";
+import { splitCssProps as r, styled as i } from "@stokelp/styled-system/jsx";
+import { switchCard as a } from "@stokelp/styled-system/recipes";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { css as l, cx as u } from "@stokelp/styled-system/css";
+//#region src/components/switch-card/SwitchCard.tsx
+var { withProvider: d, withContext: f } = e(a, { dataAttr: !0 }), p = d(i(t.Root)), m = f(i(t.Label), "title"), h = f(i("div"), "content"), g = f(i("p"), "description"), _ = f(i(n.img), "image"), v = o((e, n) => {
+	let [i, o] = a.splitVariantProps(e), [d, f] = r(o), { children: m, className: h, ...g } = f, _ = a(i);
+	return /* @__PURE__ */ c(p, {
+		ref: n,
+		className: u(_.root, l(d), h),
+		...g,
+		children: [
+			m,
+			/* @__PURE__ */ s(t.Control, {
+				className: _.control,
+				children: /* @__PURE__ */ s(t.Thumb, { className: _.thumb })
+			}),
+			/* @__PURE__ */ s(t.HiddenInput, {})
+		]
+	});
 });
-g.displayName = "SwitchCard";
-export {
-  g as SwitchCard,
-  H as SwitchCardContent,
-  L as SwitchCardDescription,
-  V as SwitchCardImage,
-  D as SwitchCardTitle
-};
-//# sourceMappingURL=SwitchCard.js.map
+v.displayName = "SwitchCard";
+//#endregion
+export { v as SwitchCard, h as SwitchCardContent, g as SwitchCardDescription, _ as SwitchCardImage, m as SwitchCardTitle };
+
+//# sourceMappingURL=SwitchCard.js.map

package/dist/components/switch-card/SwitchCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchCard.js","sources":["../../../src/components/switch-card/SwitchCard.tsx"],"sourcesContent":["import { ark, Switch as ArkSwitch, type SwitchRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { switchCard, type SwitchCardVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { ComponentProps, forwardRef } from 'react'\nimport { createStyleContext } from '~/utils/slots'\n\nexport interface SwitchCardProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchCardVariantProps {}\n\nconst { withProvider, withContext } = createStyleContext(switchCard, {\n  dataAttr: true,\n})\n\nconst SwitchCardRoot = withProvider(styled(ArkSwitch.Root))\n\nexport const SwitchCardTitle = withContext(styled(ArkSwitch.Label), 'title')\nexport const SwitchCardContent = withContext(styled('div'), 'content')\nexport const SwitchCardDescription = withContext(styled('p'), 'description')\nexport const SwitchCardImage = withContext(styled(ark.img), 'image')\n\nexport type SwitchCardTitleProps = ComponentProps<typeof SwitchCardTitle>\nexport type SwitchCardContentProps = ComponentProps<typeof SwitchCardContent>\nexport type SwitchCardDescriptionProps = ComponentProps<typeof SwitchCardDescription>\nexport type SwitchCardImageProps = ComponentProps<typeof SwitchCardImage>\n\nexport const SwitchCard = forwardRef<HTMLLabelElement, SwitchCardProps>((props, ref) => {\n  const [variantProps, switchProps] = switchCard.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(switchProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = switchCard(variantProps)\n\n  return (\n    <SwitchCardRoot ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      {children}\n      <ArkSwitch.Control className={styles.control}>\n        <ArkSwitch.Thumb className={styles.thumb} />\n      </ArkSwitch.Control>\n      <ArkSwitch.HiddenInput />\n    </SwitchCardRoot>\n  )\n})\n\nSwitchCard.displayName = 'SwitchCard'\n"],"names":["withProvider","withContext","createStyleContext","switchCard","SwitchCardRoot","styled","ArkSwitch","SwitchCardTitle","SwitchCardContent","SwitchCardDescription","SwitchCardImage","ark","SwitchCard","forwardRef","props","ref","variantProps","switchProps","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","cx","css","jsx"],"mappings":";;;;;;;;AAUA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAY;AAAA,EACnE,UAAU;AACZ,CAAC,GAEKC,IAAiBJ,EAAaK,EAAOC,EAAU,IAAI,CAAC,GAE7CC,IAAkBN,EAAYI,EAAOC,EAAU,KAAK,GAAG,OAAO,GAC9DE,IAAoBP,EAAYI,EAAO,KAAK,GAAG,SAAS,GACxDI,IAAwBR,EAAYI,EAAO,GAAG,GAAG,aAAa,GAC9DK,IAAkBT,EAAYI,EAAOM,EAAI,GAAG,GAAG,OAAO,GAOtDC,IAAaC,EAA8C,CAACC,GAAOC,MAAQ;AACtF,QAAM,CAACC,GAAcC,CAAW,IAAId,EAAW,kBAAkBW,CAAK,GAChE,CAACI,GAAUC,CAAU,IAAIC,EAAcH,CAAW,GAClD,EAAE,UAAAI,GAAU,WAAAC,GAAW,GAAGC,MAAcJ,GACxCK,IAASrB,EAAWa,CAAY;AAEtC,SACE,gBAAAS,EAACrB,GAAA,EAAe,KAAAW,GAAU,WAAWW,EAAGF,EAAO,MAAMG,EAAIT,CAAQ,GAAGI,CAAS,GAAI,GAAGC,GACjF,UAAA;AAAA,IAAAF;AAAA,IACD,gBAAAO,EAACtB,EAAU,SAAV,EAAkB,WAAWkB,EAAO,SACnC,UAAA,gBAAAI,EAACtB,EAAU,OAAV,EAAgB,WAAWkB,EAAO,OAAO,GAC5C;AAAA,IACA,gBAAAI,EAACtB,EAAU,aAAV,CAAA,CAAsB;AAAA,EAAA,GACzB;AAEJ,CAAC;AAEDM,EAAW,cAAc;"}
+{"version":3,"file":"SwitchCard.js","names":[],"sources":["../../../src/components/switch-card/SwitchCard.tsx"],"sourcesContent":["import { ark, Switch as ArkSwitch, type SwitchRootProps } from '@ark-ui/react'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { switchCard, type SwitchCardVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { ComponentProps, forwardRef } from 'react'\nimport { createStyleContext } from '~/utils/slots'\n\nexport interface SwitchCardProps extends Assign<JsxStyleProps, SwitchRootProps>, SwitchCardVariantProps {}\n\nconst { withProvider, withContext } = createStyleContext(switchCard, {\n  dataAttr: true,\n})\n\nconst SwitchCardRoot = withProvider(styled(ArkSwitch.Root))\n\nexport const SwitchCardTitle = withContext(styled(ArkSwitch.Label), 'title')\nexport const SwitchCardContent = withContext(styled('div'), 'content')\nexport const SwitchCardDescription = withContext(styled('p'), 'description')\nexport const SwitchCardImage = withContext(styled(ark.img), 'image')\n\nexport type SwitchCardTitleProps = ComponentProps<typeof SwitchCardTitle>\nexport type SwitchCardContentProps = ComponentProps<typeof SwitchCardContent>\nexport type SwitchCardDescriptionProps = ComponentProps<typeof SwitchCardDescription>\nexport type SwitchCardImageProps = ComponentProps<typeof SwitchCardImage>\n\nexport const SwitchCard = forwardRef<HTMLLabelElement, SwitchCardProps>((props, ref) => {\n  const [variantProps, switchProps] = switchCard.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(switchProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = switchCard(variantProps)\n\n  return (\n    <SwitchCardRoot ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      {children}\n      <ArkSwitch.Control className={styles.control}>\n        <ArkSwitch.Thumb className={styles.thumb} />\n      </ArkSwitch.Control>\n      <ArkSwitch.HiddenInput />\n    </SwitchCardRoot>\n  )\n})\n\nSwitchCard.displayName = 'SwitchCard'\n"],"mappings":";;;;;;;;;AAUA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,GAAY,EACnE,UAAU,GACZ,CAAC,GAEK,IAAiB,EAAa,EAAO,EAAU,IAAI,CAAC,GAE7C,IAAkB,EAAY,EAAO,EAAU,KAAK,GAAG,OAAO,GAC9D,IAAoB,EAAY,EAAO,KAAK,GAAG,SAAS,GACxD,IAAwB,EAAY,EAAO,GAAG,GAAG,aAAa,GAC9D,IAAkB,EAAY,EAAO,EAAI,GAAG,GAAG,OAAO,GAOtD,IAAa,GAA+C,GAAO,MAAQ;CACtF,IAAM,CAAC,GAAc,KAAe,EAAW,kBAAkB,CAAK,GAChE,CAAC,GAAU,KAAc,EAAc,CAAW,GAClD,EAAE,aAAU,cAAW,GAAG,MAAc,GACxC,IAAS,EAAW,CAAY;CAEtC,OACE,kBAAC,GAAD;EAAqB;EAAK,WAAW,EAAG,EAAO,MAAM,EAAI,CAAQ,GAAG,CAAS;EAAG,GAAI;YAApF;GACG;GACD,kBAAC,EAAU,SAAX;IAAmB,WAAW,EAAO;cACnC,kBAAC,EAAU,OAAX,EAAiB,WAAW,EAAO,MAAQ,CAAA;GAC1B,CAAA;GACnB,kBAAC,EAAU,aAAX,CAAwB,CAAA;EACV;;AAEpB,CAAC;AAED,EAAW,cAAc"}

package/dist/components/switch-card/namespace.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SwitchCard.cjs");exports.Content=t.SwitchCardContent;exports.Description=t.SwitchCardDescription;exports.Image=t.SwitchCardImage;exports.Root=t.SwitchCard;exports.Title=t.SwitchCardTitle;
-//# sourceMappingURL=namespace.cjs.map
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./SwitchCard.cjs");var n=e.__exportAll({Content:()=>t.SwitchCardContent,Description:()=>t.SwitchCardDescription,Image:()=>t.SwitchCardImage,Root:()=>t.SwitchCard,Title:()=>t.SwitchCardTitle});Object.defineProperty(exports,"namespace_exports",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=namespace.cjs.map

package/dist/components/switch-card/namespace.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"namespace.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"namespace.cjs","names":[],"sources":["../../../src/components/switch-card/namespace.ts"],"sourcesContent":["export {\n  SwitchCard as Root,\n  SwitchCardContent as Content,\n  SwitchCardTitle as Title,\n  SwitchCardDescription as Description,\n  SwitchCardImage as Image,\n} from './SwitchCard'\n\nexport type {\n  SwitchCardProps as RootProps,\n  SwitchCardContentProps as ContentProps,\n  SwitchCardTitleProps as TitleProps,\n  SwitchCardDescriptionProps as DescriptionProps,\n  SwitchCardImageProps as ImageProps,\n} from './SwitchCard'\n"],"mappings":""}

package/dist/components/switch-card/namespace.js

@@ -1,10 +1,15 @@
 "use client";
-import { SwitchCardContent as i, SwitchCardDescription as e, SwitchCardImage as r, SwitchCard as c, SwitchCardTitle as o } from "./SwitchCard.js";
-export {
-  i as Content,
-  e as Description,
-  r as Image,
-  c as Root,
-  o as Title
-};
-//# sourceMappingURL=namespace.js.map
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { SwitchCard as t, SwitchCardContent as n, SwitchCardDescription as r, SwitchCardImage as i, SwitchCardTitle as a } from "./SwitchCard.js";
+//#region src/components/switch-card/namespace.ts
+var o = /* @__PURE__ */ e({
+	Content: () => n,
+	Description: () => r,
+	Image: () => i,
+	Root: () => t,
+	Title: () => a
+});
+//#endregion
+export { o as namespace_exports };
+
+//# sourceMappingURL=namespace.js.map

package/dist/components/switch-card/namespace.js.map

@@ -1 +1 @@
-{"version":3,"file":"namespace.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"namespace.js","names":[],"sources":["../../../src/components/switch-card/namespace.ts"],"sourcesContent":["export {\n  SwitchCard as Root,\n  SwitchCardContent as Content,\n  SwitchCardTitle as Title,\n  SwitchCardDescription as Description,\n  SwitchCardImage as Image,\n} from './SwitchCard'\n\nexport type {\n  SwitchCardProps as RootProps,\n  SwitchCardContentProps as ContentProps,\n  SwitchCardTitleProps as TitleProps,\n  SwitchCardDescriptionProps as DescriptionProps,\n  SwitchCardImageProps as ImageProps,\n} from './SwitchCard'\n"],"mappings":""}

package/dist/components/table/Table.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),l=require("@stokelp/styled-system/jsx"),u=require("@stokelp/styled-system/recipes"),j=require("../../utils/slots.cjs"),h=require("./TableProvider.cjs"),{withProvider:m,withContext:i}=j.createStyleContext(u.table),S=l.styled("div",u.tableContainer),C=m(l.styled("table"),"root"),p=s.forwardRef(({children:a,onSortChange:o,descriptor:t,...r},T)=>e.jsx(h.TableProvider,{descriptor:t,onSortChange:o,children:e.jsx(C,{ref:T,...r,children:a})}));p.displayName="Table";const _=i(l.styled("thead"),"thead"),y=i(l.styled("div"),"sortIndicatorRoot"),d=i(l.styled("svg"),"sortIndicator"),g=i(l.styled("tbody"),"tbody"),E=i(l.styled("tr"),"tr"),L=i(l.styled("th"),"th"),b=s.forwardRef(({children:a,addon:o,sortKey:t,onClick:r,...T},x)=>{const{dispatch:c,sortDescriptor:n}=h.useTable(),R=v=>{t&&(n===null?c({type:"UPDATE_SORT_DESCRIPTOR",payload:{key:t,direction:"asc"}}):n.key===t?n.direction==="asc"?c({type:"UPDATE_SORT_DESCRIPTOR",payload:{key:t,direction:"desc"}}):c({type:"CLEAR_SORT_DESCRIPTOR"}):c({type:"UPDATE_SORT_DESCRIPTOR",payload:{key:t,direction:"asc"}})),r?.(v)};return e.jsxs(L,{ref:x,...T,...t?{"data-sortable":!0}:{},role:"group",onClick:R,children:[a,o?e.jsxs("span",{className:"th__addon",children:[" ",o]}):null,n&&n.key===t?e.jsxs(y,{"data-state":"active",children:[e.jsx(d,{"data-active":n.direction==="asc"?!0:void 0,viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z",fill:"currentColor"})}),e.jsx(d,{"data-active":n.direction==="desc"?!0:void 0,viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z",fill:"currentColor"})})]}):t?e.jsxs(y,{"data-state":"idle",children:[e.jsx(d,{"data-active":!0,viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z",fill:"currentColor"})}),e.jsx(d,{"data-active":!0,viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z",fill:"currentColor"})})]}):null]})});b.displayName="Th";const P=i(l.styled("td"),"td"),O=l.styled("td",u.tableGroupTitle),f=s.forwardRef((a,o)=>{const t=s.useRef(null);return s.useLayoutEffect(()=>{if(t.current){const r=t.current?.closest("table")?.querySelector("thead > tr");r&&t.current.setAttribute("colspan",r.children.length.toString())}},[]),e.jsx("tr",{ref:o,className:"table_tr__group__title",children:e.jsx(O,{ref:t,...a})})});f.displayName="TableGroupTitle";const q=l.styled("td",u.tableEmptyRow),w=s.forwardRef((a,o)=>{const t=s.useRef(null);return s.useLayoutEffect(()=>{if(t.current){const r=t.current?.closest("table")?.querySelector("thead > tr");r&&t.current.setAttribute("colspan",r.children.length.toString())}},[]),e.jsx("tr",{ref:o,className:"table_tr__empty",children:e.jsx(q,{ref:t,...a})})});w.displayName="TableEmptyRow";exports.Table=p;exports.TableContainer=S;exports.TableEmptyRow=w;exports.TableGroupTitle=f;exports.Tbody=g;exports.Td=P;exports.Th=b;exports.Thead=_;exports.Tr=E;
-//# sourceMappingURL=Table.cjs.map
+"use client";const e=require("../../utils/slots.cjs"),t=require("./TableProvider.cjs");let n=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),i=require("react"),a=require("react/jsx-runtime");var{withProvider:o,withContext:s}=e.createStyleContext(r.table),c=(0,n.styled)(`div`,r.tableContainer),l=o((0,n.styled)(`table`),`root`),u=(0,i.forwardRef)(({children:e,onSortChange:n,descriptor:r,...i},o)=>(0,a.jsx)(t.TableProvider,{descriptor:r,onSortChange:n,children:(0,a.jsx)(l,{ref:o,...i,children:e})}));u.displayName=`Table`;var d=s((0,n.styled)(`thead`),`thead`),f=s((0,n.styled)(`div`),`sortIndicatorRoot`),p=s((0,n.styled)(`svg`),`sortIndicator`),m=s((0,n.styled)(`tbody`),`tbody`),h=s((0,n.styled)(`tr`),`tr`),g=s((0,n.styled)(`th`),`th`),_=(0,i.forwardRef)(({children:e,addon:n,sortKey:r,onClick:i,...o},s)=>{let{dispatch:c,sortDescriptor:l}=t.useTable(),u=e=>{r&&(l===null?c({type:`UPDATE_SORT_DESCRIPTOR`,payload:{key:r,direction:`asc`}}):l.key===r?l.direction===`asc`?c({type:`UPDATE_SORT_DESCRIPTOR`,payload:{key:r,direction:`desc`}}):c({type:`CLEAR_SORT_DESCRIPTOR`}):c({type:`UPDATE_SORT_DESCRIPTOR`,payload:{key:r,direction:`asc`}})),i?.(e)};return(0,a.jsxs)(g,{ref:s,...o,...r?{"data-sortable":!0}:{},role:`group`,onClick:u,children:[e,n?(0,a.jsxs)(`span`,{className:`th__addon`,children:[`\xA0`,n]}):null,l&&l.key===r?(0,a.jsxs)(f,{"data-state":`active`,children:[(0,a.jsx)(p,{"data-active":l.direction===`asc`?!0:void 0,viewBox:`0 0 8 8`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,a.jsx)(`path`,{d:`M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z`,fill:`currentColor`})}),(0,a.jsx)(p,{"data-active":l.direction===`desc`?!0:void 0,viewBox:`0 0 8 8`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,a.jsx)(`path`,{d:`M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z`,fill:`currentColor`})})]}):r?(0,a.jsxs)(f,{"data-state":`idle`,children:[(0,a.jsx)(p,{"data-active":!0,viewBox:`0 0 8 8`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,a.jsx)(`path`,{d:`M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z`,fill:`currentColor`})}),(0,a.jsx)(p,{"data-active":!0,viewBox:`0 0 8 8`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,a.jsx)(`path`,{d:`M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z`,fill:`currentColor`})})]}):null]})});_.displayName=`Th`;var v=s((0,n.styled)(`td`),`td`),y=(0,n.styled)(`td`,r.tableGroupTitle),b=(0,i.forwardRef)((e,t)=>{let n=(0,i.useRef)(null);return(0,i.useLayoutEffect)(()=>{if(n.current){let e=n.current?.closest(`table`)?.querySelector(`thead > tr`);e&&n.current.setAttribute(`colspan`,e.children.length.toString())}},[]),(0,a.jsx)(`tr`,{ref:t,className:`table_tr__group__title`,children:(0,a.jsx)(y,{ref:n,...e})})});b.displayName=`TableGroupTitle`;var x=(0,n.styled)(`td`,r.tableEmptyRow),S=(0,i.forwardRef)((e,t)=>{let n=(0,i.useRef)(null);return(0,i.useLayoutEffect)(()=>{if(n.current){let e=n.current?.closest(`table`)?.querySelector(`thead > tr`);e&&n.current.setAttribute(`colspan`,e.children.length.toString())}},[]),(0,a.jsx)(`tr`,{ref:t,className:`table_tr__empty`,children:(0,a.jsx)(x,{ref:n,...e})})});S.displayName=`TableEmptyRow`,exports.Table=u,exports.TableContainer=c,exports.TableEmptyRow=S,exports.TableGroupTitle=b,exports.Tbody=m,exports.Td=v,exports.Th=_,exports.Thead=d,exports.Tr=h;
+//# sourceMappingURL=Table.cjs.map

package/dist/components/table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import type { ComponentProps, ElementRef, FC, ReactNode } from 'react'\nimport { forwardRef, useLayoutEffect, useRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { table, tableContainer, tableEmptyRow, tableGroupTitle } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { TableProvider, type TableProviderProps, useTable } from './TableProvider'\n\nconst { withProvider, withContext } = createStyleContext(table)\n\nexport const TableContainer = styled('div', tableContainer)\n\nconst StyledTable = withProvider(styled('table'), 'root')\ntype StyledTableProps = ComponentProps<typeof StyledTable>\n\nexport interface TableProps extends StyledTableProps, Pick<TableProviderProps, 'onSortChange' | 'descriptor'> {}\n\nexport const Table = forwardRef<ElementRef<typeof StyledTable>, TableProps>(\n  ({ children, onSortChange, descriptor, ...props }, ref) => {\n    return (\n      <TableProvider descriptor={descriptor} onSortChange={onSortChange}>\n        <StyledTable ref={ref} {...props}>\n          {children}\n        </StyledTable>\n      </TableProvider>\n    )\n  },\n) as FC<TableProps>\n\nTable.displayName = 'Table'\n\nexport const Thead = withContext(styled('thead'), 'thead')\nconst SortIndicatorRoot = withContext(styled('div'), 'sortIndicatorRoot')\nconst SortIndicator = withContext(styled('svg'), 'sortIndicator')\nexport const Tbody = withContext(styled('tbody'), 'tbody')\nexport const Tr = withContext(styled('tr'), 'tr')\nconst StyledTh = withContext(styled('th'), 'th')\n\ntype StyledThProps = ComponentProps<typeof StyledTh>\n\nexport interface ThProps extends StyledThProps {\n  addon?: ReactNode\n  sortKey?: string\n}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ThProps>(\n  ({ children, addon, sortKey, onClick, ...props }, ref) => {\n    const { dispatch, sortDescriptor } = useTable()\n\n    const handleOnClick: ThProps['onClick'] = e => {\n      if (sortKey) {\n        if (sortDescriptor === null) {\n          dispatch({\n            type: 'UPDATE_SORT_DESCRIPTOR',\n            payload: {\n              key: sortKey,\n              direction: 'asc',\n            },\n          })\n        } else if (sortDescriptor.key === sortKey) {\n          if (sortDescriptor.direction === 'asc') {\n            dispatch({\n              type: 'UPDATE_SORT_DESCRIPTOR',\n              payload: {\n                key: sortKey,\n                direction: 'desc',\n              },\n            })\n          } else {\n            dispatch({\n              type: 'CLEAR_SORT_DESCRIPTOR',\n            })\n          }\n        } else {\n          dispatch({\n            type: 'UPDATE_SORT_DESCRIPTOR',\n            payload: {\n              key: sortKey,\n              direction: 'asc',\n            },\n          })\n        }\n      }\n      onClick?.(e)\n    }\n\n    return (\n      <StyledTh\n        ref={ref}\n        {...props}\n        {...(sortKey ? { 'data-sortable': true } : {})}\n        role=\"group\"\n        onClick={handleOnClick}\n      >\n        {children}\n        {addon ? <span className=\"th__addon\">&nbsp;{addon}</span> : null}\n        {sortDescriptor && sortDescriptor.key === sortKey ? (\n          <SortIndicatorRoot data-state=\"active\">\n            <SortIndicator\n              data-active={sortDescriptor.direction === 'asc' ? true : undefined}\n              viewBox=\"0 0 8 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z\" fill=\"currentColor\" />\n            </SortIndicator>\n            <SortIndicator\n              data-active={sortDescriptor.direction === 'desc' ? true : undefined}\n              viewBox=\"0 0 8 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z\" fill=\"currentColor\" />\n            </SortIndicator>\n          </SortIndicatorRoot>\n        ) : sortKey ? (\n          <SortIndicatorRoot data-state=\"idle\">\n            <SortIndicator data-active={true} viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z\" fill=\"currentColor\" />\n            </SortIndicator>\n            <SortIndicator data-active={true} viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z\" fill=\"currentColor\" />\n            </SortIndicator>\n          </SortIndicatorRoot>\n        ) : null}\n      </StyledTh>\n    )\n  },\n) as FC<ThProps>\n\nTh.displayName = 'Th'\n\nexport const Td = withContext(styled('td'), 'td')\n\nconst StyledTableGroupTitle = styled('td', tableGroupTitle)\nexport type TableGroupTitleProps = ComponentProps<typeof StyledTableGroupTitle>\nexport const TableGroupTitle = forwardRef<HTMLTableRowElement, TableGroupTitleProps>((props, ref) => {\n  const $td = useRef<ElementRef<typeof StyledTableGroupTitle>>(null)\n  useLayoutEffect(() => {\n    if ($td.current) {\n      const tableColumns = $td.current?.closest('table')?.querySelector('thead > tr')\n      if (tableColumns) {\n        $td.current.setAttribute('colspan', tableColumns.children.length.toString())\n      }\n    }\n  }, [])\n\n  return (\n    <tr ref={ref} className=\"table_tr__group__title\">\n      <StyledTableGroupTitle ref={$td} {...props} />\n    </tr>\n  )\n}) as FC<TableGroupTitleProps>\nTableGroupTitle.displayName = 'TableGroupTitle'\n\nconst StyledTableEmptyRow = styled('td', tableEmptyRow)\nexport type TableEmptyRowProps = ComponentProps<typeof StyledTableEmptyRow>\nexport const TableEmptyRow = forwardRef<HTMLTableRowElement, TableEmptyRowProps>((props, ref) => {\n  const $td = useRef<ElementRef<typeof StyledTableEmptyRow>>(null)\n  useLayoutEffect(() => {\n    if ($td.current) {\n      const tableColumns = $td.current?.closest('table')?.querySelector('thead > tr')\n      if (tableColumns) {\n        $td.current.setAttribute('colspan', tableColumns.children.length.toString())\n      }\n    }\n  }, [])\n\n  return (\n    <tr ref={ref} className=\"table_tr__empty\">\n      <StyledTableEmptyRow ref={$td} {...props} />\n    </tr>\n  )\n}) as FC<TableEmptyRowProps>\nTableEmptyRow.displayName = 'TableEmptyRow'\n\nexport interface TheadProps extends ComponentProps<typeof Thead> {}\n\nexport interface TbodyProps extends ComponentProps<typeof Tbody> {}\n\nexport interface TrProps extends ComponentProps<typeof Tr> {}\n\nexport interface TdProps extends ComponentProps<typeof Td> {}\n\nexport interface TableContainerProps extends ComponentProps<typeof TableContainer> {}\n"],"names":["withProvider","withContext","createStyleContext","table","TableContainer","styled","tableContainer","StyledTable","Table","forwardRef","children","onSortChange","descriptor","props","ref","jsx","TableProvider","Thead","SortIndicatorRoot","SortIndicator","Tbody","Tr","StyledTh","Th","addon","sortKey","onClick","dispatch","sortDescriptor","useTable","handleOnClick","e","jsxs","Td","StyledTableGroupTitle","tableGroupTitle","TableGroupTitle","$td","useRef","useLayoutEffect","tableColumns","StyledTableEmptyRow","tableEmptyRow","TableEmptyRow"],"mappings":"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"}
+{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import type { ComponentProps, ElementRef, FC, MouseEvent, ReactNode } from 'react'\nimport { forwardRef, useLayoutEffect, useRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { table, tableContainer, tableEmptyRow, tableGroupTitle } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { TableProvider, type TableProviderProps, useTable } from './TableProvider'\n\nconst { withProvider, withContext } = createStyleContext(table)\n\nexport const TableContainer = styled('div', tableContainer)\n\nconst StyledTable = withProvider(styled('table'), 'root')\ntype StyledTableProps = ComponentProps<typeof StyledTable>\n\nexport type TableProps = StyledTableProps & Pick<TableProviderProps, 'onSortChange' | 'descriptor'>\n\nexport const Table = forwardRef<ElementRef<typeof StyledTable>, TableProps>(\n  ({ children, onSortChange, descriptor, ...props }, ref) => {\n    return (\n      <TableProvider descriptor={descriptor} onSortChange={onSortChange}>\n        <StyledTable ref={ref} {...props}>\n          {children}\n        </StyledTable>\n      </TableProvider>\n    )\n  },\n) as FC<TableProps>\n\nTable.displayName = 'Table'\n\nexport const Thead = withContext(styled('thead'), 'thead')\nconst SortIndicatorRoot = withContext(styled('div'), 'sortIndicatorRoot')\nconst SortIndicator = withContext(styled('svg'), 'sortIndicator')\nexport const Tbody = withContext(styled('tbody'), 'tbody')\nexport const Tr = withContext(styled('tr'), 'tr')\nconst StyledTh = withContext(styled('th'), 'th')\n\ntype StyledThProps = ComponentProps<typeof StyledTh>\n\nexport type ThProps = StyledThProps & {\n  addon?: ReactNode\n  sortKey?: string\n}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ThProps>(\n  ({ children, addon, sortKey, onClick, ...props }, ref) => {\n    const { dispatch, sortDescriptor } = useTable()\n\n    const handleOnClick = (e: MouseEvent<HTMLTableCellElement>) => {\n      if (sortKey) {\n        if (sortDescriptor === null) {\n          dispatch({\n            type: 'UPDATE_SORT_DESCRIPTOR',\n            payload: {\n              key: sortKey,\n              direction: 'asc',\n            },\n          })\n        } else if (sortDescriptor.key === sortKey) {\n          if (sortDescriptor.direction === 'asc') {\n            dispatch({\n              type: 'UPDATE_SORT_DESCRIPTOR',\n              payload: {\n                key: sortKey,\n                direction: 'desc',\n              },\n            })\n          } else {\n            dispatch({\n              type: 'CLEAR_SORT_DESCRIPTOR',\n            })\n          }\n        } else {\n          dispatch({\n            type: 'UPDATE_SORT_DESCRIPTOR',\n            payload: {\n              key: sortKey,\n              direction: 'asc',\n            },\n          })\n        }\n      }\n      onClick?.(e)\n    }\n\n    return (\n      <StyledTh\n        ref={ref}\n        {...props}\n        {...(sortKey ? { 'data-sortable': true } : {})}\n        role=\"group\"\n        onClick={handleOnClick}\n      >\n        {children}\n        {addon ? <span className=\"th__addon\">&nbsp;{addon}</span> : null}\n        {sortDescriptor && sortDescriptor.key === sortKey ? (\n          <SortIndicatorRoot data-state=\"active\">\n            <SortIndicator\n              data-active={sortDescriptor.direction === 'asc' ? true : undefined}\n              viewBox=\"0 0 8 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z\" fill=\"currentColor\" />\n            </SortIndicator>\n            <SortIndicator\n              data-active={sortDescriptor.direction === 'desc' ? true : undefined}\n              viewBox=\"0 0 8 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z\" fill=\"currentColor\" />\n            </SortIndicator>\n          </SortIndicatorRoot>\n        ) : sortKey ? (\n          <SortIndicatorRoot data-state=\"idle\">\n            <SortIndicator data-active={true} viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z\" fill=\"currentColor\" />\n            </SortIndicator>\n            <SortIndicator data-active={true} viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z\" fill=\"currentColor\" />\n            </SortIndicator>\n          </SortIndicatorRoot>\n        ) : null}\n      </StyledTh>\n    )\n  },\n) as FC<ThProps>\n\nTh.displayName = 'Th'\n\nexport const Td = withContext(styled('td'), 'td')\n\nconst StyledTableGroupTitle = styled('td', tableGroupTitle)\nexport type TableGroupTitleProps = ComponentProps<typeof StyledTableGroupTitle>\nexport const TableGroupTitle = forwardRef<HTMLTableRowElement, TableGroupTitleProps>((props, ref) => {\n  const $td = useRef<ElementRef<typeof StyledTableGroupTitle>>(null)\n  useLayoutEffect(() => {\n    if ($td.current) {\n      const tableColumns = $td.current?.closest('table')?.querySelector('thead > tr')\n      if (tableColumns) {\n        $td.current.setAttribute('colspan', tableColumns.children.length.toString())\n      }\n    }\n  }, [])\n\n  return (\n    <tr ref={ref} className=\"table_tr__group__title\">\n      <StyledTableGroupTitle ref={$td} {...props} />\n    </tr>\n  )\n}) as FC<TableGroupTitleProps>\nTableGroupTitle.displayName = 'TableGroupTitle'\n\nconst StyledTableEmptyRow = styled('td', tableEmptyRow)\nexport type TableEmptyRowProps = ComponentProps<typeof StyledTableEmptyRow>\nexport const TableEmptyRow = forwardRef<HTMLTableRowElement, TableEmptyRowProps>((props, ref) => {\n  const $td = useRef<ElementRef<typeof StyledTableEmptyRow>>(null)\n  useLayoutEffect(() => {\n    if ($td.current) {\n      const tableColumns = $td.current?.closest('table')?.querySelector('thead > tr')\n      if (tableColumns) {\n        $td.current.setAttribute('colspan', tableColumns.children.length.toString())\n      }\n    }\n  }, [])\n\n  return (\n    <tr ref={ref} className=\"table_tr__empty\">\n      <StyledTableEmptyRow ref={$td} {...props} />\n    </tr>\n  )\n}) as FC<TableEmptyRowProps>\nTableEmptyRow.displayName = 'TableEmptyRow'\n\nexport interface TheadProps extends ComponentProps<typeof Thead> {}\n\nexport interface TbodyProps extends ComponentProps<typeof Tbody> {}\n\nexport interface TrProps extends ComponentProps<typeof Tr> {}\n\nexport interface TdProps extends ComponentProps<typeof Td> {}\n\nexport interface TableContainerProps extends ComponentProps<typeof TableContainer> {}\n"],"mappings":"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"}

package/dist/components/table/Table.d.ts

@@ -6,18 +6,17 @@ import { ComponentVariants } from '../../utils/slots';
 export declare const TableContainer: StyledComponent<"div", TableContainerVariantProps>;
 declare const StyledTable: ComponentVariants<StyledComponent<"table", {}>, TableRecipe>;
 type StyledTableProps = ComponentProps<typeof StyledTable>;
-export interface TableProps extends StyledTableProps, Pick<TableProviderProps, 'onSortChange' | 'descriptor'> {
-}
+export type TableProps = StyledTableProps & Pick<TableProviderProps, 'onSortChange' | 'descriptor'>;
 export declare const Table: FC<TableProps>;
 export declare const Thead: StyledComponent<"thead", {}>;
 export declare const Tbody: StyledComponent<"tbody", {}>;
 export declare const Tr: StyledComponent<"tr", {}>;
 declare const StyledTh: StyledComponent<"th", {}>;
 type StyledThProps = ComponentProps<typeof StyledTh>;
-export interface ThProps extends StyledThProps {
+export type ThProps = StyledThProps & {
     addon?: ReactNode;
     sortKey?: string;
-}
+};
 export declare const Th: FC<ThProps>;
 export declare const Td: StyledComponent<"td", {}>;
 declare const StyledTableGroupTitle: StyledComponent<"td", TableGroupTitleVariantProps>;