@oztix/roadie-components 2.0.2 → 2.1.1

package/dist/Select.d.ts

@@ -10,17 +10,38 @@ declare const selectTriggerVariants: (props?: ({
   emphasis?: "normal" | "subtle" | null | undefined;
   size?: "sm" | "md" | "lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-type SelectRootProps = Select$1.Root.Props<unknown> & {
+type SelectProps = Select$1.Root.Props<unknown> & {
   invalid?: boolean;
   required?: boolean;
 };
-declare function SelectRoot({
+/**
+ * @deprecated Use `SelectProps` instead.
+ */
+type SelectRootProps = SelectProps;
+declare function Select({
   invalid,
   required,
   ...props
-}: SelectRootProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace SelectRoot {
-  var displayName: string;
+}: SelectProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Select {
+  var displayName: string;
+  var Trigger: typeof SelectTrigger;
+  var Value: typeof SelectValue;
+  var Icon: typeof SelectIcon;
+  var Portal: typeof SelectPortal;
+  var Positioner: typeof SelectPositioner;
+  var Popup: typeof SelectPopup;
+  var Content: typeof SelectContent;
+  var Item: typeof SelectItem;
+  var ItemText: typeof SelectItemText;
+  var ItemIndicator: typeof SelectItemIndicator;
+  var Group: typeof SelectGroup;
+  var GroupLabel: typeof SelectGroupLabel;
+  var Label: typeof SelectLabel;
+  var HelperText: typeof SelectHelperText;
+  var ErrorText: typeof SelectErrorText;
+  var ScrollUpArrow: typeof SelectScrollUpArrow;
+  var ScrollDownArrow: typeof SelectScrollDownArrow;
 }
 type SelectTriggerProps = Select$1.Trigger.Props & RefAttributes<HTMLButtonElement> & VariantProps<typeof selectTriggerVariants>;
 declare function SelectTrigger({
@@ -138,7 +159,7 @@ declare function SelectScrollDownArrow({
 declare namespace SelectScrollDownArrow {
   var displayName: string;
 }
-interface SelectHelperTextProps extends ComponentProps<'p'> {}
+type SelectHelperTextProps = ComponentProps<'p'>;
 declare function SelectHelperText({
   className,
   ...props
@@ -146,7 +167,7 @@ declare function SelectHelperText({
 declare namespace SelectHelperText {
   var displayName: string;
 }
-interface SelectErrorTextProps extends ComponentProps<'p'> {}
+type SelectErrorTextProps = ComponentProps<'p'>;
 declare function SelectErrorText({
   className,
   ...props
@@ -154,7 +175,7 @@ declare function SelectErrorText({
 declare namespace SelectErrorText {
   var displayName: string;
 }
-interface SelectContentProps extends SelectPopupProps {}
+type SelectContentProps = SelectPopupProps;
 declare function SelectContent({
   children,
   ...props
@@ -162,26 +183,6 @@ declare function SelectContent({
 declare namespace SelectContent {
   var displayName: string;
 }
-declare const Select: typeof SelectRoot & {
-  Trigger: typeof SelectTrigger;
-  Value: typeof SelectValue;
-  Icon: typeof SelectIcon;
-  Portal: typeof SelectPortal;
-  Positioner: typeof SelectPositioner;
-  Popup: typeof SelectPopup;
-  Content: typeof SelectContent;
-  Item: typeof SelectItem;
-  ItemText: typeof SelectItemText;
-  ItemIndicator: typeof SelectItemIndicator;
-  Group: typeof SelectGroup;
-  GroupLabel: typeof SelectGroupLabel;
-  Label: typeof SelectLabel;
-  HelperText: typeof SelectHelperText;
-  ErrorText: typeof SelectErrorText;
-  ScrollUpArrow: typeof SelectScrollUpArrow;
-  ScrollDownArrow: typeof SelectScrollDownArrow;
-};
-type SelectProps = SelectRootProps;
 //#endregion
-export { Select, SelectContent, SelectContentProps, SelectErrorText, SelectErrorTextProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectHelperText, SelectHelperTextProps, SelectIcon, SelectIconProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectLabel, SelectLabelProps, SelectPopup, SelectPopupProps, SelectPortal, SelectPortalProps, SelectPositioner, SelectPositionerProps, SelectProps, SelectRoot, SelectRootProps, SelectScrollDownArrow, SelectScrollDownArrowProps, SelectScrollUpArrow, SelectScrollUpArrowProps, SelectTrigger, SelectTriggerProps, type SelectTriggerProps as SelectTriggerVariantProps, SelectValue, SelectValueProps, selectTriggerVariants };
+export { Select, SelectContent, SelectContentProps, SelectErrorText, SelectErrorTextProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectHelperText, SelectHelperTextProps, SelectIcon, SelectIconProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectLabel, SelectLabelProps, SelectPopup, SelectPopupProps, SelectPortal, SelectPortalProps, SelectPositioner, SelectPositionerProps, SelectProps, SelectRootProps, SelectScrollDownArrow, SelectScrollDownArrowProps, SelectScrollUpArrow, SelectScrollUpArrowProps, SelectTrigger, SelectTriggerProps, type SelectTriggerProps as SelectTriggerVariantProps, SelectValue, SelectValueProps, selectTriggerVariants };
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","names":[],"sources":["../src/components/Select/index.tsx"],"mappings":"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"}
+{"version":3,"file":"Select.d.ts","names":[],"sources":["../src/components/Select/index.tsx"],"mappings":"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"}

package/dist/Select.js

@@ -1,2 +1,2 @@
-"use client";import{t as e}from"./variants-DTAwzBl3.js";import{OptionalIndicator as t,RequiredIndicator as n}from"./Indicator.js";import{useFieldContext as r}from"./Field.js";import{cva as i}from"class-variance-authority";import{cn as a}from"@oztix/roadie-core/utils";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,use as u}from"react";import{CaretDownIcon as d,CaretUpIcon as f,CheckIcon as p}from"@phosphor-icons/react";import{Select as m}from"@base-ui/react/select";const h=l({}),g=i(`inline-flex w-full items-center justify-between rounded-lg font-sans select-none cursor-pointer text-left data-[popup-open]:bg-[var(--color-accent-2)] data-[popup-open]:border-[var(--color-accent-9)] data-[popup-open]:outline-[length:var(--focus-ring-width)]`,{variants:{intent:e,emphasis:{normal:`emphasis-raised border border-normal is-interactive-field`,subtle:`bg-subtle text-normal border border-transparent is-interactive-field`},size:{sm:`h-8 px-1.5 text-base`,md:`h-10 px-2 text-base`,lg:`h-12 px-2 text-base`}},defaultVariants:{emphasis:`normal`,size:`md`}});function _({invalid:e,required:t,...n}){let i=r();return s(h,{value:{invalid:e??i.invalid,required:t??i.required},children:s(m.Root,{...n})})}_.displayName=`Select`;function v({className:e,intent:t,emphasis:n,size:i,...o}){let c=r(),{invalid:l}=u(h),d=!!c.fieldId;return s(m.Trigger,{className:a(g({intent:t,emphasis:n,size:i,className:e})),...d&&{"aria-labelledby":c.labelId||void 0,"aria-describedby":l?c.errorTextId||void 0:c.helperTextId||void 0,"aria-invalid":l||void 0,"aria-required":c.required||void 0},...o})}v.displayName=`Select.Trigger`;function y({className:e,...t}){return s(m.Value,{className:a(`truncate data-[placeholder]:text-subtle`,e),...t})}y.displayName=`Select.Value`;function b({className:e,children:t,...n}){return s(m.Icon,{className:a(`duration-moderate ml-2 shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180`,e),...n,children:t??s(d,{weight:`bold`,className:`size-4`})})}b.displayName=`Select.Icon`;function x(e){return s(m.Portal,{...e})}x.displayName=`Select.Portal`;function S({className:e,...t}){return s(m.Positioner,{className:a(`z-50`,e),alignItemWithTrigger:!1,...t})}S.displayName=`Select.Positioner`;function C({className:e,...t}){return s(m.Popup,{className:a(`max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg`,`origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0`,e),...t})}C.displayName=`Select.Popup`;function w({className:e,children:t,...n}){let r=typeof t==`string`||typeof t==`number`?c(o,{children:[s(T,{children:t}),s(E,{})]}):t;return s(m.Item,{className:a(`flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none`,`data-[highlighted]:bg-subtle`,e),...n,children:r})}w.displayName=`Select.Item`;function T(e){return s(m.ItemText,{...e})}T.displayName=`Select.ItemText`;function E({className:e,children:t,...n}){return s(m.ItemIndicator,{className:a(`shrink-0 text-subtle`,e),...n,children:t??s(p,{weight:`bold`,className:`size-4`})})}E.displayName=`Select.ItemIndicator`;function D({className:e,...t}){return s(m.Group,{className:a(`[&+&]:mt-1`,e),...t})}D.displayName=`Select.Group`;function O({className:e,...t}){return s(m.GroupLabel,{className:a(`px-2 py-1.5 text-xs font-medium text-subtle select-none`,e),...t})}O.displayName=`Select.GroupLabel`;function k({className:e,showIndicator:r,children:i,...l}){let{required:d}=u(h);return c(m.Label,{className:a(`flex items-center gap-1 text-sm font-medium text-normal`,e),...l,children:[i,r&&(d?c(o,{children:[` `,s(n,{})]}):c(o,{children:[` `,s(t,{})]}))]})}k.displayName=`Select.Label`;function A({className:e,...t}){return s(m.ScrollUpArrow,{className:a(`flex items-center justify-center py-1 text-subtle`,e),...t,children:s(f,{weight:`bold`,className:`size-3`})})}A.displayName=`Select.ScrollUpArrow`;function j({className:e,...t}){return s(m.ScrollDownArrow,{className:a(`flex items-center justify-center py-1 text-subtle`,e),...t,children:s(d,{weight:`bold`,className:`size-3`})})}j.displayName=`Select.ScrollDownArrow`;function M({className:e,...t}){return s(`p`,{className:a(`text-sm text-subtle`,e),...t})}M.displayName=`Select.HelperText`;function N({className:e,...t}){let{invalid:n}=u(h);return n?s(`p`,{role:`alert`,className:a(`text-sm text-subtle intent-danger`,e),...t}):null}N.displayName=`Select.ErrorText`;function P({children:e,...t}){return s(x,{children:s(S,{children:s(C,{...t,children:e})})})}P.displayName=`Select.Content`;const F=Object.assign(_,{Trigger:v,Value:y,Icon:b,Portal:x,Positioner:S,Popup:C,Content:P,Item:w,ItemText:T,ItemIndicator:E,Group:D,GroupLabel:O,Label:k,HelperText:M,ErrorText:N,ScrollUpArrow:A,ScrollDownArrow:j});export{F as Select,P as SelectContent,N as SelectErrorText,D as SelectGroup,O as SelectGroupLabel,M as SelectHelperText,b as SelectIcon,w as SelectItem,E as SelectItemIndicator,T as SelectItemText,k as SelectLabel,C as SelectPopup,x as SelectPortal,S as SelectPositioner,_ as SelectRoot,j as SelectScrollDownArrow,A as SelectScrollUpArrow,v as SelectTrigger,y as SelectValue,g as selectTriggerVariants};
+"use client";import{t as e}from"./variants-DTAwzBl3.js";import{OptionalIndicator as t,RequiredIndicator as n}from"./Indicator.js";import{useFieldContext as r}from"./Field.js";import{cva as i}from"class-variance-authority";import{cn as a}from"@oztix/roadie-core/utils";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,use as u}from"react";import{CaretDownIcon as d,CaretUpIcon as f,CheckIcon as p}from"@phosphor-icons/react";import{Select as m}from"@base-ui/react/select";const h=l({}),g=i(`inline-flex w-full items-center justify-between rounded-lg font-sans select-none cursor-pointer text-left data-[popup-open]:bg-[var(--color-accent-2)] data-[popup-open]:border-[var(--color-accent-9)] data-[popup-open]:outline-[length:var(--focus-ring-width)]`,{variants:{intent:e,emphasis:{normal:`emphasis-raised border border-normal is-interactive-field`,subtle:`bg-subtle text-normal border border-transparent is-interactive-field`},size:{sm:`h-8 px-1.5 text-base`,md:`h-10 px-2 text-base`,lg:`h-12 px-2 text-base`}},defaultVariants:{emphasis:`normal`,size:`md`}});function _({invalid:e,required:t,...n}){let i=r();return s(h,{value:{invalid:e??i.invalid,required:t??i.required},children:s(m.Root,{...n})})}_.displayName=`Select`;function v({className:e,intent:t,emphasis:n,size:i,...o}){let c=r(),{invalid:l}=u(h),d=!!c.fieldId;return s(m.Trigger,{className:a(g({intent:t,emphasis:n,size:i,className:e})),...d&&{"aria-labelledby":c.labelId||void 0,"aria-describedby":l?c.errorTextId||void 0:c.helperTextId||void 0,"aria-invalid":l||void 0,"aria-required":c.required||void 0},...o})}v.displayName=`Select.Trigger`;function y({className:e,...t}){return s(m.Value,{className:a(`truncate data-[placeholder]:text-subtle`,e),...t})}y.displayName=`Select.Value`;function b({className:e,children:t,...n}){return s(m.Icon,{className:a(`duration-moderate ml-2 shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180`,e),...n,children:t??s(d,{weight:`bold`,className:`size-4`})})}b.displayName=`Select.Icon`;function x(e){return s(m.Portal,{...e})}x.displayName=`Select.Portal`;function S({className:e,...t}){return s(m.Positioner,{className:a(`z-50`,e),alignItemWithTrigger:!1,...t})}S.displayName=`Select.Positioner`;function C({className:e,...t}){return s(m.Popup,{className:a(`max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg`,`origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0`,e),...t})}C.displayName=`Select.Popup`;function w({className:e,children:t,...n}){let r=typeof t==`string`||typeof t==`number`?c(o,{children:[s(T,{children:t}),s(E,{})]}):t;return s(m.Item,{className:a(`flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none`,`data-[highlighted]:bg-subtle`,e),...n,children:r})}w.displayName=`Select.Item`;function T(e){return s(m.ItemText,{...e})}T.displayName=`Select.ItemText`;function E({className:e,children:t,...n}){return s(m.ItemIndicator,{className:a(`shrink-0 text-subtle`,e),...n,children:t??s(p,{weight:`bold`,className:`size-4`})})}E.displayName=`Select.ItemIndicator`;function D({className:e,...t}){return s(m.Group,{className:a(`[&+&]:mt-1`,e),...t})}D.displayName=`Select.Group`;function O({className:e,...t}){return s(m.GroupLabel,{className:a(`px-2 py-1.5 text-xs font-medium text-subtle select-none`,e),...t})}O.displayName=`Select.GroupLabel`;function k({className:e,showIndicator:r,children:i,...l}){let{required:d}=u(h);return c(m.Label,{className:a(`flex items-center gap-1 text-sm font-medium text-normal`,e),...l,children:[i,r&&(d?c(o,{children:[` `,s(n,{})]}):c(o,{children:[` `,s(t,{})]}))]})}k.displayName=`Select.Label`;function A({className:e,...t}){return s(m.ScrollUpArrow,{className:a(`flex items-center justify-center py-1 text-subtle`,e),...t,children:s(f,{weight:`bold`,className:`size-3`})})}A.displayName=`Select.ScrollUpArrow`;function j({className:e,...t}){return s(m.ScrollDownArrow,{className:a(`flex items-center justify-center py-1 text-subtle`,e),...t,children:s(d,{weight:`bold`,className:`size-3`})})}j.displayName=`Select.ScrollDownArrow`;function M({className:e,...t}){return s(`p`,{className:a(`text-sm text-subtle`,e),...t})}M.displayName=`Select.HelperText`;function N({className:e,...t}){let{invalid:n}=u(h);return n?s(`p`,{role:`alert`,className:a(`text-sm text-subtle intent-danger`,e),...t}):null}N.displayName=`Select.ErrorText`;function P({children:e,...t}){return s(x,{children:s(S,{children:s(C,{...t,children:e})})})}P.displayName=`Select.Content`,_.Trigger=v,_.Value=y,_.Icon=b,_.Portal=x,_.Positioner=S,_.Popup=C,_.Content=P,_.Item=w,_.ItemText=T,_.ItemIndicator=E,_.Group=D,_.GroupLabel=O,_.Label=k,_.HelperText=M,_.ErrorText=N,_.ScrollUpArrow=A,_.ScrollDownArrow=j;export{_ as Select,P as SelectContent,N as SelectErrorText,D as SelectGroup,O as SelectGroupLabel,M as SelectHelperText,b as SelectIcon,w as SelectItem,E as SelectItemIndicator,T as SelectItemText,k as SelectLabel,C as SelectPopup,x as SelectPortal,S as SelectPositioner,j as SelectScrollDownArrow,A as SelectScrollUpArrow,v as SelectTrigger,y as SelectValue,g as selectTriggerVariants};
 //# sourceMappingURL=Select.js.map

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["SelectPrimitive"],"sources":["../src/components/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type RefAttributes,\n  createContext,\n  use\n} from 'react'\n\nimport { Select as SelectPrimitive } from '@base-ui/react/select'\nimport { CaretDownIcon, CaretUpIcon, CheckIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\nimport { useFieldContext } from '../Field'\nimport { OptionalIndicator } from '../Indicator'\nimport { RequiredIndicator } from '../Indicator'\n\n/* ─── Context ─── */\n\ninterface SelectContextValue {\n  invalid?: boolean\n  required?: boolean\n}\n\nconst SelectContext = createContext<SelectContextValue>({})\n\n/* ─── Trigger variants (matches Input) ─── */\n\nexport const selectTriggerVariants = cva(\n  'inline-flex w-full items-center justify-between rounded-lg font-sans select-none cursor-pointer text-left data-[popup-open]:bg-[var(--color-accent-2)] data-[popup-open]:border-[var(--color-accent-9)] data-[popup-open]:outline-[length:var(--focus-ring-width)]',\n  {\n    variants: {\n      intent: intentVariants,\n      emphasis: {\n        normal: 'emphasis-raised border border-normal is-interactive-field',\n        subtle:\n          'bg-subtle text-normal border border-transparent is-interactive-field'\n      },\n      size: {\n        sm: 'h-8 px-1.5 text-base',\n        md: 'h-10 px-2 text-base',\n        lg: 'h-12 px-2 text-base'\n      }\n    },\n    defaultVariants: {\n      emphasis: 'normal',\n      size: 'md'\n    }\n  }\n)\n\n/* ─── Root ─── */\n\nexport type SelectRootProps = SelectPrimitive.Root.Props<unknown> & {\n  invalid?: boolean\n  required?: boolean\n}\n\nexport function SelectRoot({ invalid, required, ...props }: SelectRootProps) {\n  const fieldContext = useFieldContext()\n  const resolvedInvalid = invalid ?? fieldContext.invalid\n  const resolvedRequired = required ?? fieldContext.required\n\n  return (\n    <SelectContext\n      value={{ invalid: resolvedInvalid, required: resolvedRequired }}\n    >\n      <SelectPrimitive.Root {...props} />\n    </SelectContext>\n  )\n}\n\nSelectRoot.displayName = 'Select'\n\n/* ─── Trigger ─── */\n\nexport type SelectTriggerProps = SelectPrimitive.Trigger.Props &\n  RefAttributes<HTMLButtonElement> &\n  VariantProps<typeof selectTriggerVariants>\n\nexport function SelectTrigger({\n  className,\n  intent,\n  emphasis,\n  size,\n  ...props\n}: SelectTriggerProps) {\n  const fieldContext = useFieldContext()\n  const { invalid } = use(SelectContext)\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <SelectPrimitive.Trigger\n      className={cn(\n        selectTriggerVariants({ intent, emphasis, size, className })\n      )}\n      {...(inField && {\n        'aria-labelledby': fieldContext.labelId || undefined,\n        'aria-describedby': invalid\n          ? fieldContext.errorTextId || undefined\n          : fieldContext.helperTextId || undefined,\n        'aria-invalid': invalid || undefined,\n        'aria-required': fieldContext.required || undefined\n      })}\n      {...props}\n    />\n  )\n}\n\nSelectTrigger.displayName = 'Select.Trigger'\n\n/* ─── Value ─── */\n\nexport type SelectValueProps = SelectPrimitive.Value.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectValue({ className, ...props }: SelectValueProps) {\n  return (\n    <SelectPrimitive.Value\n      className={cn('truncate data-[placeholder]:text-subtle', className)}\n      {...props}\n    />\n  )\n}\n\nSelectValue.displayName = 'Select.Value'\n\n/* ─── Icon ─── */\n\nexport type SelectIconProps = SelectPrimitive.Icon.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectIcon({ className, children, ...props }: SelectIconProps) {\n  return (\n    <SelectPrimitive.Icon\n      className={cn(\n        'duration-moderate ml-2 shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children ?? <CaretDownIcon weight='bold' className='size-4' />}\n    </SelectPrimitive.Icon>\n  )\n}\n\nSelectIcon.displayName = 'Select.Icon'\n\n/* ─── Portal ─── */\n\nexport type SelectPortalProps = SelectPrimitive.Portal.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPortal(props: SelectPortalProps) {\n  return <SelectPrimitive.Portal {...props} />\n}\n\nSelectPortal.displayName = 'Select.Portal'\n\n/* ─── Positioner ─── */\n\nexport type SelectPositionerProps = SelectPrimitive.Positioner.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPositioner({\n  className,\n  ...props\n}: SelectPositionerProps) {\n  return (\n    <SelectPrimitive.Positioner\n      className={cn('z-50', className)}\n      alignItemWithTrigger={false}\n      {...props}\n    />\n  )\n}\n\nSelectPositioner.displayName = 'Select.Positioner'\n\n/* ─── Popup (dropdown content) ─── */\n\nexport type SelectPopupProps = SelectPrimitive.Popup.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPopup({ className, ...props }: SelectPopupProps) {\n  return (\n    <SelectPrimitive.Popup\n      className={cn(\n        'max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg',\n        'origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectPopup.displayName = 'Select.Popup'\n\n/* ─── Item ─── */\n\nexport type SelectItemProps = SelectPrimitive.Item.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectItem({ className, children, ...props }: SelectItemProps) {\n  const content =\n    typeof children === 'string' || typeof children === 'number' ? (\n      <>\n        <SelectItemText>{children}</SelectItemText>\n        <SelectItemIndicator />\n      </>\n    ) : (\n      children\n    )\n\n  return (\n    <SelectPrimitive.Item\n      className={cn(\n        'flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none',\n        'data-[highlighted]:bg-subtle',\n        className\n      )}\n      {...props}\n    >\n      {content}\n    </SelectPrimitive.Item>\n  )\n}\n\nSelectItem.displayName = 'Select.Item'\n\n/* ─── ItemText ─── */\n\nexport type SelectItemTextProps = SelectPrimitive.ItemText.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectItemText(props: SelectItemTextProps) {\n  return <SelectPrimitive.ItemText {...props} />\n}\n\nSelectItemText.displayName = 'Select.ItemText'\n\n/* ─── ItemIndicator ─── */\n\nexport type SelectItemIndicatorProps = SelectPrimitive.ItemIndicator.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectItemIndicator({\n  className,\n  children,\n  ...props\n}: SelectItemIndicatorProps) {\n  return (\n    <SelectPrimitive.ItemIndicator\n      className={cn('shrink-0 text-subtle', className)}\n      {...props}\n    >\n      {children ?? <CheckIcon weight='bold' className='size-4' />}\n    </SelectPrimitive.ItemIndicator>\n  )\n}\n\nSelectItemIndicator.displayName = 'Select.ItemIndicator'\n\n/* ─── Group ─── */\n\nexport type SelectGroupProps = SelectPrimitive.Group.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectGroup({ className, ...props }: SelectGroupProps) {\n  return (\n    <SelectPrimitive.Group className={cn('[&+&]:mt-1', className)} {...props} />\n  )\n}\n\nSelectGroup.displayName = 'Select.Group'\n\n/* ─── GroupLabel ─── */\n\nexport type SelectGroupLabelProps = SelectPrimitive.GroupLabel.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectGroupLabel({\n  className,\n  ...props\n}: SelectGroupLabelProps) {\n  return (\n    <SelectPrimitive.GroupLabel\n      className={cn(\n        'px-2 py-1.5 text-xs font-medium text-subtle select-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectGroupLabel.displayName = 'Select.GroupLabel'\n\n/* ─── Label ─── */\n\nexport type SelectLabelProps = SelectPrimitive.Label.Props &\n  RefAttributes<HTMLDivElement> & {\n    showIndicator?: boolean\n  }\n\nexport function SelectLabel({\n  className,\n  showIndicator,\n  children,\n  ...props\n}: SelectLabelProps) {\n  const { required } = use(SelectContext)\n  return (\n    <SelectPrimitive.Label\n      className={cn(\n        'flex items-center gap-1 text-sm font-medium text-normal',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showIndicator &&\n        (required ? (\n          <>\n            {' '}\n            <RequiredIndicator />\n          </>\n        ) : (\n          <>\n            {' '}\n            <OptionalIndicator />\n          </>\n        ))}\n    </SelectPrimitive.Label>\n  )\n}\n\nSelectLabel.displayName = 'Select.Label'\n\n/* ─── ScrollUpArrow ─── */\n\nexport type SelectScrollUpArrowProps = SelectPrimitive.ScrollUpArrow.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectScrollUpArrow({\n  className,\n  ...props\n}: SelectScrollUpArrowProps) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      className={cn(\n        'flex items-center justify-center py-1 text-subtle',\n        className\n      )}\n      {...props}\n    >\n      <CaretUpIcon weight='bold' className='size-3' />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nSelectScrollUpArrow.displayName = 'Select.ScrollUpArrow'\n\n/* ─── ScrollDownArrow ─── */\n\nexport type SelectScrollDownArrowProps = SelectPrimitive.ScrollDownArrow.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectScrollDownArrow({\n  className,\n  ...props\n}: SelectScrollDownArrowProps) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      className={cn(\n        'flex items-center justify-center py-1 text-subtle',\n        className\n      )}\n      {...props}\n    >\n      <CaretDownIcon weight='bold' className='size-3' />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nSelectScrollDownArrow.displayName = 'Select.ScrollDownArrow'\n\n/* ─── HelperText ─── */\n\nexport interface SelectHelperTextProps extends ComponentProps<'p'> {}\n\nexport function SelectHelperText({\n  className,\n  ...props\n}: SelectHelperTextProps) {\n  return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nSelectHelperText.displayName = 'Select.HelperText'\n\n/* ─── ErrorText ─── */\n\nexport interface SelectErrorTextProps extends ComponentProps<'p'> {}\n\nexport function SelectErrorText({ className, ...props }: SelectErrorTextProps) {\n  const { invalid } = use(SelectContext)\n  if (!invalid) return null\n  return (\n    <p\n      role='alert'\n      className={cn('text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nSelectErrorText.displayName = 'Select.ErrorText'\n\n/* ─── Content (convenience wrapper) ─── */\n\nexport interface SelectContentProps extends SelectPopupProps {}\n\nexport function SelectContent({ children, ...props }: SelectContentProps) {\n  return (\n    <SelectPortal>\n      <SelectPositioner>\n        <SelectPopup {...props}>{children}</SelectPopup>\n      </SelectPositioner>\n    </SelectPortal>\n  )\n}\n\nSelectContent.displayName = 'Select.Content'\n\n/* ─── Compound export ─── */\n\nexport const Select = Object.assign(SelectRoot, {\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Positioner: SelectPositioner,\n  Popup: SelectPopup,\n  Content: SelectContent,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Label: SelectLabel,\n  HelperText: SelectHelperText,\n  ErrorText: SelectErrorText,\n  ScrollUpArrow: SelectScrollUpArrow,\n  ScrollDownArrow: SelectScrollDownArrow\n})\n\nexport type SelectProps = SelectRootProps\nexport type { SelectTriggerProps as SelectTriggerVariantProps }\n"],"mappings":"ggBA2BA,MAAM,EAAgB,EAAkC,EAAE,CAAC,CAI9C,EAAwB,EACnC,qQACA,CACE,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,4DACR,OACE,uEACH,CACD,KAAM,CACJ,GAAI,uBACJ,GAAI,sBACJ,GAAI,sBACL,CACF,CACD,gBAAiB,CACf,SAAU,SACV,KAAM,KACP,CACF,CACF,CASD,SAAgB,EAAW,CAAE,UAAS,WAAU,GAAG,GAA0B,CAC3E,IAAM,EAAe,GAAiB,CAItC,OACE,EAAC,EAAD,CACE,MAAO,CAAE,QALW,GAAW,EAAa,QAKT,SAJd,GAAY,EAAa,SAIiB,UAE/D,EAACA,EAAgB,KAAjB,CAAsB,GAAI,EAAS,CAAA,CACrB,CAAA,CAIpB,EAAW,YAAc,SAQzB,SAAgB,EAAc,CAC5B,YACA,SACA,WACA,OACA,GAAG,GACkB,CACrB,IAAM,EAAe,GAAiB,CAChC,CAAE,WAAY,EAAI,EAAc,CAChC,EAAU,CAAC,CAAC,EAAa,QAE/B,OACE,EAACA,EAAgB,QAAjB,CACE,UAAW,EACT,EAAsB,CAAE,SAAQ,WAAU,OAAM,YAAW,CAAC,CAC7D,CACD,GAAK,GAAW,CACd,kBAAmB,EAAa,SAAW,IAAA,GAC3C,mBAAoB,EAChB,EAAa,aAAe,IAAA,GAC5B,EAAa,cAAgB,IAAA,GACjC,eAAgB,GAAW,IAAA,GAC3B,gBAAiB,EAAa,UAAY,IAAA,GAC3C,CACD,GAAI,EACJ,CAAA,CAIN,EAAc,YAAc,iBAO5B,SAAgB,EAAY,CAAE,YAAW,GAAG,GAA2B,CACrE,OACE,EAACA,EAAgB,MAAjB,CACE,UAAW,EAAG,0CAA2C,EAAU,CACnE,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc,eAO1B,SAAgB,EAAW,CAAE,YAAW,WAAU,GAAG,GAA0B,CAC7E,OACE,EAACA,EAAgB,KAAjB,CACE,UAAW,EACT,gGACA,EACD,CACD,GAAI,WAEH,GAAY,EAAC,EAAD,CAAe,OAAO,OAAO,UAAU,SAAW,CAAA,CAC1C,CAAA,CAI3B,EAAW,YAAc,cAOzB,SAAgB,EAAa,EAA0B,CACrD,OAAO,EAACA,EAAgB,OAAjB,CAAwB,GAAI,EAAS,CAAA,CAG9C,EAAa,YAAc,gBAO3B,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OACE,EAACA,EAAgB,WAAjB,CACE,UAAW,EAAG,OAAQ,EAAU,CAChC,qBAAsB,GACtB,GAAI,EACJ,CAAA,CAIN,EAAiB,YAAc,oBAO/B,SAAgB,EAAY,CAAE,YAAW,GAAG,GAA2B,CACrE,OACE,EAACA,EAAgB,MAAjB,CACE,UAAW,EACT,4LACA,kMACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc,eAO1B,SAAgB,EAAW,CAAE,YAAW,WAAU,GAAG,GAA0B,CAC7E,IAAM,EACJ,OAAO,GAAa,UAAY,OAAO,GAAa,SAClD,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAD,CAAiB,WAA0B,CAAA,CAC3C,EAAC,EAAD,EAAuB,CAAA,CACtB,CAAA,CAAA,CAEH,EAGJ,OACE,EAACA,EAAgB,KAAjB,CACE,UAAW,EACT,4IACA,+BACA,EACD,CACD,GAAI,WAEH,EACoB,CAAA,CAI3B,EAAW,YAAc,cAOzB,SAAgB,EAAe,EAA4B,CACzD,OAAO,EAACA,EAAgB,SAAjB,CAA0B,GAAI,EAAS,CAAA,CAGhD,EAAe,YAAc,kBAO7B,SAAgB,EAAoB,CAClC,YACA,WACA,GAAG,GACwB,CAC3B,OACE,EAACA,EAAgB,cAAjB,CACE,UAAW,EAAG,uBAAwB,EAAU,CAChD,GAAI,WAEH,GAAY,EAAC,EAAD,CAAW,OAAO,OAAO,UAAU,SAAW,CAAA,CAC7B,CAAA,CAIpC,EAAoB,YAAc,uBAOlC,SAAgB,EAAY,CAAE,YAAW,GAAG,GAA2B,CACrE,OACE,EAACA,EAAgB,MAAjB,CAAuB,UAAW,EAAG,aAAc,EAAU,CAAE,GAAI,EAAS,CAAA,CAIhF,EAAY,YAAc,eAO1B,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OACE,EAACA,EAAgB,WAAjB,CACE,UAAW,EACT,0DACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAiB,YAAc,oBAS/B,SAAgB,EAAY,CAC1B,YACA,gBACA,WACA,GAAG,GACgB,CACnB,GAAM,CAAE,YAAa,EAAI,EAAc,CACvC,OACE,EAACA,EAAgB,MAAjB,CACE,UAAW,EACT,0DACA,EACD,CACD,GAAI,WALN,CAOG,EACA,IACE,EACC,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,EAAD,EAAqB,CAAA,CACpB,CAAA,CAAA,CAEH,EAAA,EAAA,CAAA,SAAA,CACG,IACD,EAAC,EAAD,EAAqB,CAAA,CACpB,CAAA,CAAA,EAEe,GAI5B,EAAY,YAAc,eAO1B,SAAgB,EAAoB,CAClC,YACA,GAAG,GACwB,CAC3B,OACE,EAACA,EAAgB,cAAjB,CACE,UAAW,EACT,oDACA,EACD,CACD,GAAI,WAEJ,EAAC,EAAD,CAAa,OAAO,OAAO,UAAU,SAAW,CAAA,CAClB,CAAA,CAIpC,EAAoB,YAAc,uBAOlC,SAAgB,EAAsB,CACpC,YACA,GAAG,GAC0B,CAC7B,OACE,EAACA,EAAgB,gBAAjB,CACE,UAAW,EACT,oDACA,EACD,CACD,GAAI,WAEJ,EAAC,EAAD,CAAe,OAAO,OAAO,UAAU,SAAW,CAAA,CAClB,CAAA,CAItC,EAAsB,YAAc,yBAMpC,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OAAO,EAAC,IAAD,CAAG,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,EAAS,CAAA,CAG1E,EAAiB,YAAc,oBAM/B,SAAgB,EAAgB,CAAE,YAAW,GAAG,GAA+B,CAC7E,GAAM,CAAE,WAAY,EAAI,EAAc,CAEtC,OADK,EAEH,EAAC,IAAD,CACE,KAAK,QACL,UAAW,EAAG,oCAAqC,EAAU,CAC7D,GAAI,EACJ,CAAA,CANiB,KAUvB,EAAgB,YAAc,mBAM9B,SAAgB,EAAc,CAAE,WAAU,GAAG,GAA6B,CACxE,OACE,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAa,GAAI,EAAQ,WAAuB,CAAA,CAC/B,CAAA,CACN,CAAA,CAInB,EAAc,YAAc,iBAI5B,MAAa,EAAS,OAAO,OAAO,EAAY,CAC9C,QAAS,EACT,MAAO,EACP,KAAM,EACN,OAAQ,EACR,WAAY,EACZ,MAAO,EACP,QAAS,EACT,KAAM,EACN,SAAU,EACV,cAAe,EACf,MAAO,EACP,WAAY,EACZ,MAAO,EACP,WAAY,EACZ,UAAW,EACX,cAAe,EACf,gBAAiB,EAClB,CAAC"}
+{"version":3,"file":"Select.js","names":["SelectPrimitive"],"sources":["../src/components/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type RefAttributes,\n  createContext,\n  use\n} from 'react'\n\nimport { Select as SelectPrimitive } from '@base-ui/react/select'\nimport { CaretDownIcon, CaretUpIcon, CheckIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\nimport { useFieldContext } from '../Field'\nimport { OptionalIndicator } from '../Indicator'\nimport { RequiredIndicator } from '../Indicator'\n\n/* ─── Context ─── */\n\ninterface SelectContextValue {\n  invalid?: boolean\n  required?: boolean\n}\n\nconst SelectContext = createContext<SelectContextValue>({})\n\n/* ─── Trigger variants (matches Input) ─── */\n\nexport const selectTriggerVariants = cva(\n  'inline-flex w-full items-center justify-between rounded-lg font-sans select-none cursor-pointer text-left data-[popup-open]:bg-[var(--color-accent-2)] data-[popup-open]:border-[var(--color-accent-9)] data-[popup-open]:outline-[length:var(--focus-ring-width)]',\n  {\n    variants: {\n      intent: intentVariants,\n      emphasis: {\n        normal: 'emphasis-raised border border-normal is-interactive-field',\n        subtle:\n          'bg-subtle text-normal border border-transparent is-interactive-field'\n      },\n      size: {\n        sm: 'h-8 px-1.5 text-base',\n        md: 'h-10 px-2 text-base',\n        lg: 'h-12 px-2 text-base'\n      }\n    },\n    defaultVariants: {\n      emphasis: 'normal',\n      size: 'md'\n    }\n  }\n)\n\n/* ─── Root ─── */\n\nexport type SelectProps = SelectPrimitive.Root.Props<unknown> & {\n  invalid?: boolean\n  required?: boolean\n}\n\n/**\n * @deprecated Use `SelectProps` instead.\n */\nexport type SelectRootProps = SelectProps\n\nexport function Select({ invalid, required, ...props }: SelectProps) {\n  const fieldContext = useFieldContext()\n  const resolvedInvalid = invalid ?? fieldContext.invalid\n  const resolvedRequired = required ?? fieldContext.required\n\n  return (\n    <SelectContext\n      value={{ invalid: resolvedInvalid, required: resolvedRequired }}\n    >\n      <SelectPrimitive.Root {...props} />\n    </SelectContext>\n  )\n}\n\nSelect.displayName = 'Select'\n\n/* ─── Trigger ─── */\n\nexport type SelectTriggerProps = SelectPrimitive.Trigger.Props &\n  RefAttributes<HTMLButtonElement> &\n  VariantProps<typeof selectTriggerVariants>\n\nexport function SelectTrigger({\n  className,\n  intent,\n  emphasis,\n  size,\n  ...props\n}: SelectTriggerProps) {\n  const fieldContext = useFieldContext()\n  const { invalid } = use(SelectContext)\n  const inField = !!fieldContext.fieldId\n\n  return (\n    <SelectPrimitive.Trigger\n      className={cn(\n        selectTriggerVariants({ intent, emphasis, size, className })\n      )}\n      {...(inField && {\n        'aria-labelledby': fieldContext.labelId || undefined,\n        'aria-describedby': invalid\n          ? fieldContext.errorTextId || undefined\n          : fieldContext.helperTextId || undefined,\n        'aria-invalid': invalid || undefined,\n        'aria-required': fieldContext.required || undefined\n      })}\n      {...props}\n    />\n  )\n}\n\nSelectTrigger.displayName = 'Select.Trigger'\n\n/* ─── Value ─── */\n\nexport type SelectValueProps = SelectPrimitive.Value.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectValue({ className, ...props }: SelectValueProps) {\n  return (\n    <SelectPrimitive.Value\n      className={cn('truncate data-[placeholder]:text-subtle', className)}\n      {...props}\n    />\n  )\n}\n\nSelectValue.displayName = 'Select.Value'\n\n/* ─── Icon ─── */\n\nexport type SelectIconProps = SelectPrimitive.Icon.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectIcon({ className, children, ...props }: SelectIconProps) {\n  return (\n    <SelectPrimitive.Icon\n      className={cn(\n        'duration-moderate ml-2 shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children ?? <CaretDownIcon weight='bold' className='size-4' />}\n    </SelectPrimitive.Icon>\n  )\n}\n\nSelectIcon.displayName = 'Select.Icon'\n\n/* ─── Portal ─── */\n\nexport type SelectPortalProps = SelectPrimitive.Portal.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPortal(props: SelectPortalProps) {\n  return <SelectPrimitive.Portal {...props} />\n}\n\nSelectPortal.displayName = 'Select.Portal'\n\n/* ─── Positioner ─── */\n\nexport type SelectPositionerProps = SelectPrimitive.Positioner.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPositioner({\n  className,\n  ...props\n}: SelectPositionerProps) {\n  return (\n    <SelectPrimitive.Positioner\n      className={cn('z-50', className)}\n      alignItemWithTrigger={false}\n      {...props}\n    />\n  )\n}\n\nSelectPositioner.displayName = 'Select.Positioner'\n\n/* ─── Popup (dropdown content) ─── */\n\nexport type SelectPopupProps = SelectPrimitive.Popup.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectPopup({ className, ...props }: SelectPopupProps) {\n  return (\n    <SelectPrimitive.Popup\n      className={cn(\n        'max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg',\n        'origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectPopup.displayName = 'Select.Popup'\n\n/* ─── Item ─── */\n\nexport type SelectItemProps = SelectPrimitive.Item.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectItem({ className, children, ...props }: SelectItemProps) {\n  const content =\n    typeof children === 'string' || typeof children === 'number' ? (\n      <>\n        <SelectItemText>{children}</SelectItemText>\n        <SelectItemIndicator />\n      </>\n    ) : (\n      children\n    )\n\n  return (\n    <SelectPrimitive.Item\n      className={cn(\n        'flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none',\n        'data-[highlighted]:bg-subtle',\n        className\n      )}\n      {...props}\n    >\n      {content}\n    </SelectPrimitive.Item>\n  )\n}\n\nSelectItem.displayName = 'Select.Item'\n\n/* ─── ItemText ─── */\n\nexport type SelectItemTextProps = SelectPrimitive.ItemText.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectItemText(props: SelectItemTextProps) {\n  return <SelectPrimitive.ItemText {...props} />\n}\n\nSelectItemText.displayName = 'Select.ItemText'\n\n/* ─── ItemIndicator ─── */\n\nexport type SelectItemIndicatorProps = SelectPrimitive.ItemIndicator.Props &\n  RefAttributes<HTMLSpanElement>\n\nexport function SelectItemIndicator({\n  className,\n  children,\n  ...props\n}: SelectItemIndicatorProps) {\n  return (\n    <SelectPrimitive.ItemIndicator\n      className={cn('shrink-0 text-subtle', className)}\n      {...props}\n    >\n      {children ?? <CheckIcon weight='bold' className='size-4' />}\n    </SelectPrimitive.ItemIndicator>\n  )\n}\n\nSelectItemIndicator.displayName = 'Select.ItemIndicator'\n\n/* ─── Group ─── */\n\nexport type SelectGroupProps = SelectPrimitive.Group.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectGroup({ className, ...props }: SelectGroupProps) {\n  return (\n    <SelectPrimitive.Group className={cn('[&+&]:mt-1', className)} {...props} />\n  )\n}\n\nSelectGroup.displayName = 'Select.Group'\n\n/* ─── GroupLabel ─── */\n\nexport type SelectGroupLabelProps = SelectPrimitive.GroupLabel.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectGroupLabel({\n  className,\n  ...props\n}: SelectGroupLabelProps) {\n  return (\n    <SelectPrimitive.GroupLabel\n      className={cn(\n        'px-2 py-1.5 text-xs font-medium text-subtle select-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nSelectGroupLabel.displayName = 'Select.GroupLabel'\n\n/* ─── Label ─── */\n\nexport type SelectLabelProps = SelectPrimitive.Label.Props &\n  RefAttributes<HTMLDivElement> & {\n    showIndicator?: boolean\n  }\n\nexport function SelectLabel({\n  className,\n  showIndicator,\n  children,\n  ...props\n}: SelectLabelProps) {\n  const { required } = use(SelectContext)\n  return (\n    <SelectPrimitive.Label\n      className={cn(\n        'flex items-center gap-1 text-sm font-medium text-normal',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showIndicator &&\n        (required ? (\n          <>\n            {' '}\n            <RequiredIndicator />\n          </>\n        ) : (\n          <>\n            {' '}\n            <OptionalIndicator />\n          </>\n        ))}\n    </SelectPrimitive.Label>\n  )\n}\n\nSelectLabel.displayName = 'Select.Label'\n\n/* ─── ScrollUpArrow ─── */\n\nexport type SelectScrollUpArrowProps = SelectPrimitive.ScrollUpArrow.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectScrollUpArrow({\n  className,\n  ...props\n}: SelectScrollUpArrowProps) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      className={cn(\n        'flex items-center justify-center py-1 text-subtle',\n        className\n      )}\n      {...props}\n    >\n      <CaretUpIcon weight='bold' className='size-3' />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nSelectScrollUpArrow.displayName = 'Select.ScrollUpArrow'\n\n/* ─── ScrollDownArrow ─── */\n\nexport type SelectScrollDownArrowProps = SelectPrimitive.ScrollDownArrow.Props &\n  RefAttributes<HTMLDivElement>\n\nexport function SelectScrollDownArrow({\n  className,\n  ...props\n}: SelectScrollDownArrowProps) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      className={cn(\n        'flex items-center justify-center py-1 text-subtle',\n        className\n      )}\n      {...props}\n    >\n      <CaretDownIcon weight='bold' className='size-3' />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nSelectScrollDownArrow.displayName = 'Select.ScrollDownArrow'\n\n/* ─── HelperText ─── */\n\nexport type SelectHelperTextProps = ComponentProps<'p'>\n\nexport function SelectHelperText({\n  className,\n  ...props\n}: SelectHelperTextProps) {\n  return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nSelectHelperText.displayName = 'Select.HelperText'\n\n/* ─── ErrorText ─── */\n\nexport type SelectErrorTextProps = ComponentProps<'p'>\n\nexport function SelectErrorText({ className, ...props }: SelectErrorTextProps) {\n  const { invalid } = use(SelectContext)\n  if (!invalid) return null\n  return (\n    <p\n      role='alert'\n      className={cn('text-sm text-subtle intent-danger', className)}\n      {...props}\n    />\n  )\n}\n\nSelectErrorText.displayName = 'Select.ErrorText'\n\n/* ─── Content (convenience wrapper) ─── */\n\nexport type SelectContentProps = SelectPopupProps\n\nexport function SelectContent({ children, ...props }: SelectContentProps) {\n  return (\n    <SelectPortal>\n      <SelectPositioner>\n        <SelectPopup {...props}>{children}</SelectPopup>\n      </SelectPositioner>\n    </SelectPortal>\n  )\n}\n\nSelectContent.displayName = 'Select.Content'\n\n/* ─── Compound export ─── */\n\nSelect.Trigger = SelectTrigger\nSelect.Value = SelectValue\nSelect.Icon = SelectIcon\nSelect.Portal = SelectPortal\nSelect.Positioner = SelectPositioner\nSelect.Popup = SelectPopup\nSelect.Content = SelectContent\nSelect.Item = SelectItem\nSelect.ItemText = SelectItemText\nSelect.ItemIndicator = SelectItemIndicator\nSelect.Group = SelectGroup\nSelect.GroupLabel = SelectGroupLabel\nSelect.Label = SelectLabel\nSelect.HelperText = SelectHelperText\nSelect.ErrorText = SelectErrorText\nSelect.ScrollUpArrow = SelectScrollUpArrow\nSelect.ScrollDownArrow = SelectScrollDownArrow\n\nexport type { SelectTriggerProps as SelectTriggerVariantProps }\n"],"mappings":"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"}

package/dist/Separator.d.ts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/Separator/index.d.ts
 declare const separatorVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
+  orientation?: "horizontal" | "vertical" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface SeparatorProps extends ComponentProps<'div'>, VariantProps<typeof separatorVariants> {}
 declare function Separator({

package/dist/Steps.d.ts

@@ -7,16 +7,36 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/Steps/index.d.ts
 declare const stepsVariants: (props?: ({
-  direction?: "vertical" | "horizontal" | null | undefined;
+  direction?: "horizontal" | "vertical" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type StepsProps = Omit<Steps$1.RootProps, 'orientation'> & VariantProps<typeof stepsVariants>;
-declare function StepsRoot({
+declare function Steps({
   direction,
   className,
   ...props
 }: StepsProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace StepsRoot {
+declare namespace Steps {
   var displayName: string;
+  var List: typeof StepsList;
+  var Item: typeof StepsItem;
+  var Trigger: typeof StepsTrigger;
+  var TriggerText: typeof StepsTriggerText;
+  var Indicator: typeof StepsIndicator;
+  var Separator: typeof StepsSeparator;
+  var Content: typeof StepsContent;
+  var CompletedContent: typeof StepsCompletedContent;
+  var NextTrigger: typeof StepsNextTrigger;
+  var PrevTrigger: typeof StepsPrevTrigger;
+  var Progress: typeof StepsProgress;
+  var Context: {
+    (props: Steps$1.ContextProps): _$react.ReactNode;
+    displayName: string;
+  };
+  var ItemContext: {
+    (props: Steps$1.ItemContextProps): _$react.ReactNode;
+    displayName: string;
+  };
+  var RootProvider: _$react.ForwardRefExoticComponent<Steps$1.RootProviderProps & _$react.RefAttributes<HTMLDivElement>>;
 }
 type StepsListProps = Steps$1.ListProps;
 declare function StepsList({
@@ -117,28 +137,6 @@ declare function StepsTriggerText({
 declare namespace StepsTriggerText {
   var displayName: string;
 }
-declare const Steps: typeof StepsRoot & {
-  List: typeof StepsList;
-  Item: typeof StepsItem;
-  Trigger: typeof StepsTrigger;
-  TriggerText: typeof StepsTriggerText;
-  Indicator: typeof StepsIndicator;
-  Separator: typeof StepsSeparator;
-  Content: typeof StepsContent;
-  CompletedContent: typeof StepsCompletedContent;
-  NextTrigger: typeof StepsNextTrigger;
-  PrevTrigger: typeof StepsPrevTrigger;
-  Progress: typeof StepsProgress;
-  Context: {
-    (props: Steps$1.ContextProps): _$react.ReactNode;
-    displayName: string;
-  };
-  ItemContext: {
-    (props: Steps$1.ItemContextProps): _$react.ReactNode;
-    displayName: string;
-  };
-  RootProvider: _$react.ForwardRefExoticComponent<Steps$1.RootProviderProps & _$react.RefAttributes<HTMLDivElement>>;
-};
 //#endregion
-export { Steps, StepsItemProps, StepsProps, type UseStepsProps, type UseStepsReturn, stepsVariants, useSteps };
+export { Steps, StepsCompletedContent, StepsContent, StepsIndicator, StepsItem, StepsItemProps, StepsList, StepsNextTrigger, StepsPrevTrigger, StepsProgress, StepsProps, StepsSeparator, StepsTrigger, StepsTriggerText, type UseStepsProps, type UseStepsReturn, stepsVariants, useSteps };
 //# sourceMappingURL=Steps.d.ts.map

package/dist/Steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.d.ts","names":[],"sources":["../src/components/Steps/index.tsx"],"mappings":"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"}
+{"version":3,"file":"Steps.d.ts","names":[],"sources":["../src/components/Steps/index.tsx"],"mappings":"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"}

package/dist/Steps.js

@@ -1,2 +1,2 @@
-"use client";import{cva as e}from"class-variance-authority";import{cn as t}from"@oztix/roadie-core/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useCallback as i,useEffect as a,useRef as o}from"react";import{CheckIcon as s}from"@phosphor-icons/react";import{Steps as c,useSteps as l}from"@ark-ui/react/steps";const u=e(`grid w-full gap-4`,{variants:{direction:{horizontal:``,vertical:`grid-cols-[auto_1fr] gap-3`}},defaultVariants:{direction:`horizontal`}});function d({direction:e,className:r,...i}){return n(c.Root,{orientation:e===`vertical`?`vertical`:`horizontal`,className:t(u({direction:e,className:r})),...i})}d.displayName=`Steps`;function f({className:e,...r}){return n(c.List,{className:t(`flex items-start justify-start rounded-xl bg-subtler px-4 py-3`,`data-[orientation=vertical]:flex-col data-[orientation=vertical]:gap-2`,e),...r})}f.displayName=`Steps.List`;function p({className:e,invalid:r,...s}){let l=c.Item,u=o(null),d=o(r);a(()=>{if(r&&!d.current){let e=u.current?.querySelector(`[data-part="trigger"]`);e&&(e.classList.remove(`animate-shake`),e.offsetWidth,e.classList.add(`animate-shake`))}d.current=r},[r]);let f=i(e=>{let t=e.currentTarget.querySelector(`[data-part="trigger"]`);t&&t.getAttribute(`tabindex`)===`-1`&&t.hasAttribute(`data-incomplete`)&&(t.classList.remove(`animate-shake`),t.offsetWidth,t.classList.add(`animate-shake`))},[]);return n(l,{ref:u,className:t(`group/step-item flex flex-1 items-center last:flex-none`,`data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch`,e),"data-invalid":r||void 0,onClick:f,...s})}p.displayName=`Steps.Item`;function m({className:e,...r}){return n(c.Trigger,{className:t(`group/step flex cursor-pointer flex-col items-center gap-1 rounded-md border-none bg-transparent px-3 py-3 transition-all duration-200 ease-out`,`data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-2`,`data-current:intent-accent`,e),...r})}m.displayName=`Steps.Trigger`;function h({className:e,children:i,...a}){return r(c.Indicator,{className:t(`flex size-10 shrink-0 items-center justify-center rounded-full border text-lg font-black outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-all duration-200 ease-out`,`border-subtle bg-raised text-subtler`,`group-hover/step:outline-[length:var(--focus-ring-width)]`,`data-current:border-normal data-current:bg-subtle data-current:text-subtle`,`data-complete:emphasis-strong`,`group-data-invalid/step-item:emphasis-normal group-data-invalid/step-item:border-normal group-data-invalid/step-item:bg-subtle group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger`,e),...a,children:[n(`span`,{className:`group-data-complete/step:hidden group-data-invalid/step-item:!block`,children:i}),n(s,{weight:`bold`,className:`hidden size-5 group-data-complete/step:block group-data-invalid/step-item:!hidden`})]})}h.displayName=`Steps.Indicator`;function g({className:e,...r}){return n(c.Separator,{className:t(`h-0.5 flex-1 bg-subtle transition-all duration-200 ease-out md:bottom-0 md:translate-y-5.5`,`data-complete:bg-strong`,`data-[orientation=vertical]:ml-4 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-0.5`,e),...r})}g.displayName=`Steps.Separator`;function _({className:e,...r}){let i=c.Content;return n(i,{className:t(e),...r})}_.displayName=`Steps.Content`;function v({className:e,...r}){return n(c.CompletedContent,{className:t(e),...r})}v.displayName=`Steps.CompletedContent`;function y({className:e,...r}){return n(c.NextTrigger,{className:t(e),...r})}y.displayName=`Steps.NextTrigger`;function b({className:e,...r}){return n(c.PrevTrigger,{className:t(e),...r})}b.displayName=`Steps.PrevTrigger`;function x({className:e,...r}){return n(c.Progress,{className:t(`relative h-1 w-full overflow-hidden rounded-sm bg-subtle`,`after:absolute after:inset-y-0 after:left-0 after:w-[calc(var(--percent)*1%)] after:bg-strong after:transition-[width] after:duration-300 after:ease-out`,e),...r})}x.displayName=`Steps.Progress`;function S({className:e,...r}){return n(`span`,{className:t(`hidden text-sm font-bold md:block`,`group-data-incomplete/step:text-subtle`,`group-data-current/step:text-subtle`,`group-data-complete/step:text-normal`,`group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger`,e),...r})}S.displayName=`Steps.TriggerText`;const C=Object.assign(d,{List:f,Item:p,Trigger:m,TriggerText:S,Indicator:h,Separator:g,Content:_,CompletedContent:v,NextTrigger:y,PrevTrigger:b,Progress:x,Context:c.Context,ItemContext:c.ItemContext,RootProvider:c.RootProvider});export{C as Steps,u as stepsVariants,l as useSteps};
+"use client";import{cva as e}from"class-variance-authority";import{cn as t}from"@oztix/roadie-core/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useCallback as i,useEffect as a,useRef as o}from"react";import{CheckIcon as s}from"@phosphor-icons/react";import{Steps as c,useSteps as l}from"@ark-ui/react/steps";const u=e(`grid w-full gap-4`,{variants:{direction:{horizontal:``,vertical:`grid-cols-[auto_1fr] gap-3`}},defaultVariants:{direction:`horizontal`}});function d({direction:e,className:r,...i}){return n(c.Root,{orientation:e===`vertical`?`vertical`:`horizontal`,className:t(u({direction:e,className:r})),...i})}d.displayName=`Steps`;function f({className:e,...r}){return n(c.List,{className:t(`flex items-start justify-start rounded-xl bg-subtler px-4 py-3`,`data-[orientation=vertical]:flex-col data-[orientation=vertical]:gap-2`,e),...r})}f.displayName=`Steps.List`;function p({className:e,invalid:r,...s}){let l=c.Item,u=o(null),d=o(r);a(()=>{if(r&&!d.current){let e=u.current?.querySelector(`[data-part="trigger"]`);e&&(e.classList.remove(`animate-shake`),e.offsetWidth,e.classList.add(`animate-shake`))}d.current=r},[r]);let f=i(e=>{let t=e.currentTarget.querySelector(`[data-part="trigger"]`);t&&t.getAttribute(`tabindex`)===`-1`&&t.hasAttribute(`data-incomplete`)&&(t.classList.remove(`animate-shake`),t.offsetWidth,t.classList.add(`animate-shake`))},[]);return n(l,{ref:u,className:t(`group/step-item flex flex-1 items-center last:flex-none`,`data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch`,e),"data-invalid":r||void 0,onClick:f,...s})}p.displayName=`Steps.Item`;function m({className:e,...r}){return n(c.Trigger,{className:t(`group/step flex cursor-pointer flex-col items-center gap-1 rounded-md border-none bg-transparent px-3 py-3 transition-all duration-200 ease-out`,`data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-2`,`data-current:intent-accent`,e),...r})}m.displayName=`Steps.Trigger`;function h({className:e,children:i,...a}){return r(c.Indicator,{className:t(`flex size-10 shrink-0 items-center justify-center rounded-full border text-lg font-black outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-all duration-200 ease-out`,`border-subtle bg-raised text-subtler`,`group-hover/step:outline-[length:var(--focus-ring-width)]`,`data-current:border-normal data-current:bg-subtle data-current:text-subtle`,`data-complete:emphasis-strong`,`group-data-invalid/step-item:emphasis-normal group-data-invalid/step-item:border-normal group-data-invalid/step-item:bg-subtle group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger`,e),...a,children:[n(`span`,{className:`group-data-complete/step:hidden group-data-invalid/step-item:!block`,children:i}),n(s,{weight:`bold`,className:`hidden size-5 group-data-complete/step:block group-data-invalid/step-item:!hidden`})]})}h.displayName=`Steps.Indicator`;function g({className:e,...r}){return n(c.Separator,{className:t(`h-0.5 flex-1 bg-subtle transition-all duration-200 ease-out md:bottom-0 md:translate-y-5.5`,`data-complete:bg-strong`,`data-[orientation=vertical]:ml-4 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-0.5`,e),...r})}g.displayName=`Steps.Separator`;function _({className:e,...r}){let i=c.Content;return n(i,{className:t(e),...r})}_.displayName=`Steps.Content`;function v({className:e,...r}){return n(c.CompletedContent,{className:t(e),...r})}v.displayName=`Steps.CompletedContent`;function y({className:e,...r}){return n(c.NextTrigger,{className:t(e),...r})}y.displayName=`Steps.NextTrigger`;function b({className:e,...r}){return n(c.PrevTrigger,{className:t(e),...r})}b.displayName=`Steps.PrevTrigger`;function x({className:e,...r}){return n(c.Progress,{className:t(`relative h-1 w-full overflow-hidden rounded-sm bg-subtle`,`after:absolute after:inset-y-0 after:left-0 after:w-[calc(var(--percent)*1%)] after:bg-strong after:transition-[width] after:duration-300 after:ease-out`,e),...r})}x.displayName=`Steps.Progress`;function S({className:e,...r}){return n(`span`,{className:t(`hidden text-sm font-bold md:block`,`group-data-incomplete/step:text-subtle`,`group-data-current/step:text-subtle`,`group-data-complete/step:text-normal`,`group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger`,e),...r})}S.displayName=`Steps.TriggerText`,d.List=f,d.Item=p,d.Trigger=m,d.TriggerText=S,d.Indicator=h,d.Separator=g,d.Content=_,d.CompletedContent=v,d.NextTrigger=y,d.PrevTrigger=b,d.Progress=x,d.Context=c.Context,d.ItemContext=c.ItemContext,d.RootProvider=c.RootProvider;export{d as Steps,v as StepsCompletedContent,_ as StepsContent,h as StepsIndicator,p as StepsItem,f as StepsList,y as StepsNextTrigger,b as StepsPrevTrigger,x as StepsProgress,g as StepsSeparator,m as StepsTrigger,S as StepsTriggerText,u as stepsVariants,l as useSteps};
 //# sourceMappingURL=Steps.js.map

package/dist/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","names":["ArkSteps"],"sources":["../src/components/Steps/index.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, useCallback, useEffect, useRef } from 'react'\n\nimport {\n  Steps as ArkSteps,\n  type UseStepsProps,\n  type UseStepsReturn,\n  useSteps\n} from '@ark-ui/react/steps'\nimport { CheckIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\n/* ─── Re-exports ─── */\n\nexport { useSteps, type UseStepsProps, type UseStepsReturn }\n\n/* ─── Root variants ─── */\n\nexport const stepsVariants = cva('grid w-full gap-4', {\n  variants: {\n    direction: {\n      horizontal: '',\n      vertical: 'grid-cols-[auto_1fr] gap-3'\n    }\n  },\n  defaultVariants: {\n    direction: 'horizontal'\n  }\n})\n\n/* ─── Root ─── */\n\nexport type StepsProps = Omit<ArkSteps.RootProps, 'orientation'> &\n  VariantProps<typeof stepsVariants>\n\nfunction StepsRoot({ direction, className, ...props }: StepsProps) {\n  return (\n    <ArkSteps.Root\n      orientation={direction === 'vertical' ? 'vertical' : 'horizontal'}\n      className={cn(stepsVariants({ direction, className }))}\n      {...props}\n    />\n  )\n}\n\nStepsRoot.displayName = 'Steps'\n\n/* ─── List ─── */\n\ntype StepsListProps = ArkSteps.ListProps\n\nfunction StepsList({ className, ...props }: StepsListProps) {\n  return (\n    <ArkSteps.List\n      className={cn(\n        'flex items-start justify-start rounded-xl bg-subtler px-4 py-3',\n        'data-[orientation=vertical]:flex-col data-[orientation=vertical]:gap-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsList.displayName = 'Steps.List'\n\n/* ─── Item ─── */\n\nexport interface StepsItemProps {\n  index: number\n  invalid?: boolean\n  className?: string\n  children?: React.ReactNode\n}\n\ninterface StepsItemInternalProps extends StepsItemProps {\n  ref?: React.Ref<HTMLDivElement>\n  onClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nfunction StepsItem({ className, invalid, ...props }: StepsItemProps) {\n  // Ark UI's types lose `index` in the HTMLProps intersection (upstream bug).\n  // Cast is safe — index is required by the Zag.js state machine at runtime.\n  const Item = ArkSteps.Item as React.ComponentType<\n    Omit<StepsItemInternalProps, 'invalid'>\n  >\n\n  const itemRef = useRef<HTMLDivElement>(null)\n  const prevInvalid = useRef(invalid)\n\n  useEffect(() => {\n    if (invalid && !prevInvalid.current) {\n      const trigger = itemRef.current?.querySelector(\n        '[data-part=\"trigger\"]'\n      ) as HTMLElement | null\n      if (trigger) {\n        trigger.classList.remove('animate-shake')\n        void trigger.offsetWidth\n        trigger.classList.add('animate-shake')\n      }\n    }\n    prevInvalid.current = invalid\n  }, [invalid])\n\n  const handleClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    const trigger = (e.currentTarget as HTMLElement).querySelector(\n      '[data-part=\"trigger\"]'\n    ) as HTMLElement | null\n    if (!trigger) return\n    // In linear mode, Ark sets tabindex=\"-1\" on non-current triggers\n    // and the onClick returns early — the step doesn't change.\n    // We detect this by checking tabindex and data-incomplete.\n    const isLocked =\n      trigger.getAttribute('tabindex') === '-1' &&\n      trigger.hasAttribute('data-incomplete')\n    if (!isLocked) return\n    trigger.classList.remove('animate-shake')\n    void trigger.offsetWidth\n    trigger.classList.add('animate-shake')\n  }, [])\n\n  return (\n    <Item\n      ref={itemRef}\n      className={cn(\n        'group/step-item flex flex-1 items-center last:flex-none',\n        'data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch',\n        className\n      )}\n      data-invalid={invalid || undefined}\n      onClick={handleClick}\n      {...props}\n    />\n  )\n}\n\nStepsItem.displayName = 'Steps.Item'\n\n/* ─── Trigger ─── */\n\ntype StepsTriggerProps = ArkSteps.TriggerProps\n\nfunction StepsTrigger({ className, ...props }: StepsTriggerProps) {\n  return (\n    <ArkSteps.Trigger\n      className={cn(\n        'group/step flex cursor-pointer flex-col items-center gap-1 rounded-md border-none bg-transparent px-3 py-3 transition-all duration-200 ease-out',\n        'data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-2',\n        'data-current:intent-accent',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsTrigger.displayName = 'Steps.Trigger'\n\n/* ─── Indicator ─── */\n\ntype StepsIndicatorProps = ArkSteps.IndicatorProps\n\nfunction StepsIndicator({\n  className,\n  children,\n  ...props\n}: StepsIndicatorProps) {\n  return (\n    <ArkSteps.Indicator\n      className={cn(\n        'flex size-10 shrink-0 items-center justify-center rounded-full border text-lg font-black outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-all duration-200 ease-out',\n        'border-subtle bg-raised text-subtler',\n        'group-hover/step:outline-[length:var(--focus-ring-width)]',\n        'data-current:border-normal data-current:bg-subtle data-current:text-subtle',\n        'data-complete:emphasis-strong',\n        'group-data-invalid/step-item:emphasis-normal group-data-invalid/step-item:border-normal group-data-invalid/step-item:bg-subtle group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger',\n        className\n      )}\n      {...props}\n    >\n      <span className='group-data-complete/step:hidden group-data-invalid/step-item:!block'>\n        {children}\n      </span>\n      <CheckIcon\n        weight='bold'\n        className='hidden size-5 group-data-complete/step:block group-data-invalid/step-item:!hidden'\n      />\n    </ArkSteps.Indicator>\n  )\n}\n\nStepsIndicator.displayName = 'Steps.Indicator'\n\n/* ─── Separator ─── */\n\ntype StepsSeparatorProps = ArkSteps.SeparatorProps\n\nfunction StepsSeparator({ className, ...props }: StepsSeparatorProps) {\n  return (\n    <ArkSteps.Separator\n      className={cn(\n        'h-0.5 flex-1 bg-subtle transition-all duration-200 ease-out md:bottom-0 md:translate-y-5.5',\n        'data-complete:bg-strong',\n        'data-[orientation=vertical]:ml-4 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-0.5',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsSeparator.displayName = 'Steps.Separator'\n\n/* ─── Content ─── */\n\ninterface StepsContentProps {\n  index: number\n  className?: string\n  children?: React.ReactNode\n}\n\nfunction StepsContent({ className, ...props }: StepsContentProps) {\n  const Content = ArkSteps.Content as React.ComponentType<StepsContentProps>\n  return <Content className={cn(className)} {...props} />\n}\n\nStepsContent.displayName = 'Steps.Content'\n\n/* ─── CompletedContent ─── */\n\ntype StepsCompletedContentProps = ArkSteps.CompletedContentProps\n\nfunction StepsCompletedContent({\n  className,\n  ...props\n}: StepsCompletedContentProps) {\n  return <ArkSteps.CompletedContent className={cn(className)} {...props} />\n}\n\nStepsCompletedContent.displayName = 'Steps.CompletedContent'\n\n/* ─── NextTrigger ─── */\n\ntype StepsNextTriggerProps = ArkSteps.NextTriggerProps\n\nfunction StepsNextTrigger({ className, ...props }: StepsNextTriggerProps) {\n  return <ArkSteps.NextTrigger className={cn(className)} {...props} />\n}\n\nStepsNextTrigger.displayName = 'Steps.NextTrigger'\n\n/* ─── PrevTrigger ─── */\n\ntype StepsPrevTriggerProps = ArkSteps.PrevTriggerProps\n\nfunction StepsPrevTrigger({ className, ...props }: StepsPrevTriggerProps) {\n  return <ArkSteps.PrevTrigger className={cn(className)} {...props} />\n}\n\nStepsPrevTrigger.displayName = 'Steps.PrevTrigger'\n\n/* ─── Progress ─── */\n\ntype StepsProgressProps = ArkSteps.ProgressProps\n\nfunction StepsProgress({ className, ...props }: StepsProgressProps) {\n  return (\n    <ArkSteps.Progress\n      className={cn(\n        'relative h-1 w-full overflow-hidden rounded-sm bg-subtle',\n        'after:absolute after:inset-y-0 after:left-0 after:w-[calc(var(--percent)*1%)] after:bg-strong after:transition-[width] after:duration-300 after:ease-out',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsProgress.displayName = 'Steps.Progress'\n\n/* ─── TriggerText ─── */\n\ntype StepsTriggerTextProps = ComponentProps<'span'>\n\nfunction StepsTriggerText({ className, ...props }: StepsTriggerTextProps) {\n  return (\n    <span\n      className={cn(\n        'hidden text-sm font-bold md:block',\n        'group-data-incomplete/step:text-subtle',\n        'group-data-current/step:text-subtle',\n        'group-data-complete/step:text-normal',\n        'group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsTriggerText.displayName = 'Steps.TriggerText'\n\n/* ─── Compound export ─── */\n\nexport const Steps = Object.assign(StepsRoot, {\n  List: StepsList,\n  Item: StepsItem,\n  Trigger: StepsTrigger,\n  TriggerText: StepsTriggerText,\n  Indicator: StepsIndicator,\n  Separator: StepsSeparator,\n  Content: StepsContent,\n  CompletedContent: StepsCompletedContent,\n  NextTrigger: StepsNextTrigger,\n  PrevTrigger: StepsPrevTrigger,\n  Progress: StepsProgress,\n  Context: ArkSteps.Context,\n  ItemContext: ArkSteps.ItemContext,\n  RootProvider: ArkSteps.RootProvider\n})\n"],"mappings":"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"}
+{"version":3,"file":"Steps.js","names":["ArkSteps"],"sources":["../src/components/Steps/index.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, useCallback, useEffect, useRef } from 'react'\n\nimport {\n  Steps as ArkSteps,\n  type UseStepsProps,\n  type UseStepsReturn,\n  useSteps\n} from '@ark-ui/react/steps'\nimport { CheckIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\n/* ─── Re-exports ─── */\n\nexport { useSteps, type UseStepsProps, type UseStepsReturn }\n\n/* ─── Root variants ─── */\n\nexport const stepsVariants = cva('grid w-full gap-4', {\n  variants: {\n    direction: {\n      horizontal: '',\n      vertical: 'grid-cols-[auto_1fr] gap-3'\n    }\n  },\n  defaultVariants: {\n    direction: 'horizontal'\n  }\n})\n\n/* ─── Root ─── */\n\nexport type StepsProps = Omit<ArkSteps.RootProps, 'orientation'> &\n  VariantProps<typeof stepsVariants>\n\nexport function Steps({ direction, className, ...props }: StepsProps) {\n  return (\n    <ArkSteps.Root\n      orientation={direction === 'vertical' ? 'vertical' : 'horizontal'}\n      className={cn(stepsVariants({ direction, className }))}\n      {...props}\n    />\n  )\n}\n\nSteps.displayName = 'Steps'\n\n/* ─── List ─── */\n\ntype StepsListProps = ArkSteps.ListProps\n\nexport function StepsList({ className, ...props }: StepsListProps) {\n  return (\n    <ArkSteps.List\n      className={cn(\n        'flex items-start justify-start rounded-xl bg-subtler px-4 py-3',\n        'data-[orientation=vertical]:flex-col data-[orientation=vertical]:gap-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsList.displayName = 'Steps.List'\n\n/* ─── Item ─── */\n\nexport interface StepsItemProps {\n  index: number\n  invalid?: boolean\n  className?: string\n  children?: React.ReactNode\n}\n\ninterface StepsItemInternalProps extends StepsItemProps {\n  ref?: React.Ref<HTMLDivElement>\n  onClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport function StepsItem({ className, invalid, ...props }: StepsItemProps) {\n  // Ark UI's types lose `index` in the HTMLProps intersection (upstream bug).\n  // Cast is safe — index is required by the Zag.js state machine at runtime.\n  const Item = ArkSteps.Item as React.ComponentType<\n    Omit<StepsItemInternalProps, 'invalid'>\n  >\n\n  const itemRef = useRef<HTMLDivElement>(null)\n  const prevInvalid = useRef(invalid)\n\n  useEffect(() => {\n    if (invalid && !prevInvalid.current) {\n      const trigger = itemRef.current?.querySelector(\n        '[data-part=\"trigger\"]'\n      ) as HTMLElement | null\n      if (trigger) {\n        trigger.classList.remove('animate-shake')\n        void trigger.offsetWidth\n        trigger.classList.add('animate-shake')\n      }\n    }\n    prevInvalid.current = invalid\n  }, [invalid])\n\n  const handleClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    const trigger = (e.currentTarget as HTMLElement).querySelector(\n      '[data-part=\"trigger\"]'\n    ) as HTMLElement | null\n    if (!trigger) return\n    // In linear mode, Ark sets tabindex=\"-1\" on non-current triggers\n    // and the onClick returns early — the step doesn't change.\n    // We detect this by checking tabindex and data-incomplete.\n    const isLocked =\n      trigger.getAttribute('tabindex') === '-1' &&\n      trigger.hasAttribute('data-incomplete')\n    if (!isLocked) return\n    trigger.classList.remove('animate-shake')\n    void trigger.offsetWidth\n    trigger.classList.add('animate-shake')\n  }, [])\n\n  return (\n    <Item\n      ref={itemRef}\n      className={cn(\n        'group/step-item flex flex-1 items-center last:flex-none',\n        'data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch',\n        className\n      )}\n      data-invalid={invalid || undefined}\n      onClick={handleClick}\n      {...props}\n    />\n  )\n}\n\nStepsItem.displayName = 'Steps.Item'\n\n/* ─── Trigger ─── */\n\ntype StepsTriggerProps = ArkSteps.TriggerProps\n\nexport function StepsTrigger({ className, ...props }: StepsTriggerProps) {\n  return (\n    <ArkSteps.Trigger\n      className={cn(\n        'group/step flex cursor-pointer flex-col items-center gap-1 rounded-md border-none bg-transparent px-3 py-3 transition-all duration-200 ease-out',\n        'data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-2',\n        'data-current:intent-accent',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsTrigger.displayName = 'Steps.Trigger'\n\n/* ─── Indicator ─── */\n\ntype StepsIndicatorProps = ArkSteps.IndicatorProps\n\nexport function StepsIndicator({\n  className,\n  children,\n  ...props\n}: StepsIndicatorProps) {\n  return (\n    <ArkSteps.Indicator\n      className={cn(\n        'flex size-10 shrink-0 items-center justify-center rounded-full border text-lg font-black outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-all duration-200 ease-out',\n        'border-subtle bg-raised text-subtler',\n        'group-hover/step:outline-[length:var(--focus-ring-width)]',\n        'data-current:border-normal data-current:bg-subtle data-current:text-subtle',\n        'data-complete:emphasis-strong',\n        'group-data-invalid/step-item:emphasis-normal group-data-invalid/step-item:border-normal group-data-invalid/step-item:bg-subtle group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger',\n        className\n      )}\n      {...props}\n    >\n      <span className='group-data-complete/step:hidden group-data-invalid/step-item:!block'>\n        {children}\n      </span>\n      <CheckIcon\n        weight='bold'\n        className='hidden size-5 group-data-complete/step:block group-data-invalid/step-item:!hidden'\n      />\n    </ArkSteps.Indicator>\n  )\n}\n\nStepsIndicator.displayName = 'Steps.Indicator'\n\n/* ─── Separator ─── */\n\ntype StepsSeparatorProps = ArkSteps.SeparatorProps\n\nexport function StepsSeparator({ className, ...props }: StepsSeparatorProps) {\n  return (\n    <ArkSteps.Separator\n      className={cn(\n        'h-0.5 flex-1 bg-subtle transition-all duration-200 ease-out md:bottom-0 md:translate-y-5.5',\n        'data-complete:bg-strong',\n        'data-[orientation=vertical]:ml-4 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-0.5',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsSeparator.displayName = 'Steps.Separator'\n\n/* ─── Content ─── */\n\ninterface StepsContentProps {\n  index: number\n  className?: string\n  children?: React.ReactNode\n}\n\nexport function StepsContent({ className, ...props }: StepsContentProps) {\n  const Content = ArkSteps.Content as React.ComponentType<StepsContentProps>\n  return <Content className={cn(className)} {...props} />\n}\n\nStepsContent.displayName = 'Steps.Content'\n\n/* ─── CompletedContent ─── */\n\ntype StepsCompletedContentProps = ArkSteps.CompletedContentProps\n\nexport function StepsCompletedContent({\n  className,\n  ...props\n}: StepsCompletedContentProps) {\n  return <ArkSteps.CompletedContent className={cn(className)} {...props} />\n}\n\nStepsCompletedContent.displayName = 'Steps.CompletedContent'\n\n/* ─── NextTrigger ─── */\n\ntype StepsNextTriggerProps = ArkSteps.NextTriggerProps\n\nexport function StepsNextTrigger({\n  className,\n  ...props\n}: StepsNextTriggerProps) {\n  return <ArkSteps.NextTrigger className={cn(className)} {...props} />\n}\n\nStepsNextTrigger.displayName = 'Steps.NextTrigger'\n\n/* ─── PrevTrigger ─── */\n\ntype StepsPrevTriggerProps = ArkSteps.PrevTriggerProps\n\nexport function StepsPrevTrigger({\n  className,\n  ...props\n}: StepsPrevTriggerProps) {\n  return <ArkSteps.PrevTrigger className={cn(className)} {...props} />\n}\n\nStepsPrevTrigger.displayName = 'Steps.PrevTrigger'\n\n/* ─── Progress ─── */\n\ntype StepsProgressProps = ArkSteps.ProgressProps\n\nexport function StepsProgress({ className, ...props }: StepsProgressProps) {\n  return (\n    <ArkSteps.Progress\n      className={cn(\n        'relative h-1 w-full overflow-hidden rounded-sm bg-subtle',\n        'after:absolute after:inset-y-0 after:left-0 after:w-[calc(var(--percent)*1%)] after:bg-strong after:transition-[width] after:duration-300 after:ease-out',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsProgress.displayName = 'Steps.Progress'\n\n/* ─── TriggerText ─── */\n\ntype StepsTriggerTextProps = ComponentProps<'span'>\n\nexport function StepsTriggerText({\n  className,\n  ...props\n}: StepsTriggerTextProps) {\n  return (\n    <span\n      className={cn(\n        'hidden text-sm font-bold md:block',\n        'group-data-incomplete/step:text-subtle',\n        'group-data-current/step:text-subtle',\n        'group-data-complete/step:text-normal',\n        'group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nStepsTriggerText.displayName = 'Steps.TriggerText'\n\n/* ─── Compound export ─── */\n\nSteps.List = StepsList\nSteps.Item = StepsItem\nSteps.Trigger = StepsTrigger\nSteps.TriggerText = StepsTriggerText\nSteps.Indicator = StepsIndicator\nSteps.Separator = StepsSeparator\nSteps.Content = StepsContent\nSteps.CompletedContent = StepsCompletedContent\nSteps.NextTrigger = StepsNextTrigger\nSteps.PrevTrigger = StepsPrevTrigger\nSteps.Progress = StepsProgress\nSteps.Context = ArkSteps.Context\nSteps.ItemContext = ArkSteps.ItemContext\nSteps.RootProvider = ArkSteps.RootProvider\n"],"mappings":"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"}

package/dist/{index-0w-ydb3o.d.ts → index-4M9XZOF1.d.ts}

@@ -1,14 +1,23 @@
-import { r as buttonVariants } from "./Button-Dt1TGgrL.js";
-import { VariantProps } from "class-variance-authority";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ElementType } from "react";
 
 //#region src/components/LinkButton/LinkButton.d.ts
+type LinkButtonIntent = 'neutral' | 'brand' | 'brand-secondary' | 'accent' | 'danger' | 'success' | 'warning' | 'info';
+type LinkButtonEmphasis = 'strong' | 'normal' | 'subtle' | 'subtler';
 type LinkButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 type LinkButtonProps<T extends ElementType = 'a'> = {
   as?: T;
-  intent?: VariantProps<typeof buttonVariants>['intent'];
-  emphasis?: VariantProps<typeof buttonVariants>['emphasis'];
+  /**
+   * @default 'neutral'
+   */
+  intent?: LinkButtonIntent;
+  /**
+   * @default 'normal'
+   */
+  emphasis?: LinkButtonEmphasis;
+  /**
+   * @default 'md'
+   */
   size?: LinkButtonSize;
   className?: string;
 } & Omit<ComponentProps<T>, 'as' | 'intent' | 'emphasis' | 'size' | 'className'>;
@@ -29,8 +38,17 @@ type LinkIconButtonSize = 'icon-xs' | 'icon-sm' | 'icon-md' | 'icon-lg';
 type LinkIconButtonProps<T extends ElementType = 'a'> = {
   as?: T;
   'aria-label': string;
-  intent?: VariantProps<typeof buttonVariants>['intent'];
-  emphasis?: VariantProps<typeof buttonVariants>['emphasis'];
+  /**
+   * @default 'neutral'
+   */
+  intent?: LinkButtonIntent;
+  /**
+   * @default 'normal'
+   */
+  emphasis?: LinkButtonEmphasis;
+  /**
+   * @default 'icon-md'
+   */
   size?: LinkIconButtonSize;
   className?: string;
 } & Omit<ComponentProps<T>, 'as' | 'aria-label' | 'intent' | 'emphasis' | 'size' | 'className'>;
@@ -47,4 +65,4 @@ declare namespace LinkIconButton {
 }
 //#endregion
 export { LinkButtonProps as i, LinkIconButtonProps as n, LinkButton as r, LinkIconButton as t };
-//# sourceMappingURL=index-0w-ydb3o.d.ts.map
+//# sourceMappingURL=index-4M9XZOF1.d.ts.map

package/dist/index-4M9XZOF1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-4M9XZOF1.d.ts","names":[],"sources":["../src/components/LinkButton/LinkButton.tsx","../src/components/LinkButton/LinkIconButton.tsx"],"mappings":";;;;KAMY,gBAAA;AAAA,KAUA,kBAAA;AAAA,KAEA,cAAA;AAAA,KAEA,eAAA,WAA0B,WAAA;EACpC,EAAA,GAAK,CAAA;;;;EAIL,MAAA,GAAS,gBAAA;EATmB;;;EAa5B,QAAA,GAAW,kBAAA;EAXD;;;EAeV,IAAA,GAAO,cAAA;EACP,SAAA;AAAA,IACE,IAAA,CAAK,cAAA,CAAe,CAAA;AAAA,iBAER,UAAA,WAAqB,WAAA,OAAA,CAAA;EACnC,EAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,eAAA,CAAgB,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAPL,UAAA;EAAA,IAAU,WAAA;AAAA;;;KC9Bd,kBAAA;AAAA,KAEA,mBAAA,WAA8B,WAAA;EACxC,EAAA,GAAK,CAAA;EACL,YAAA;;;;EAIA,MAAA,GAAS,gBAAA;EDCmB;;;ECG5B,QAAA,GAAW,kBAAA;EDDD;;;ECKV,IAAA,GAAO,kBAAA;EACP,SAAA;AAAA,IACE,IAAA,CACF,cAAA,CAAe,CAAA;AAAA,iBAID,cAAA,WAAyB,WAAA,OAAA,CAAA;EACvC,EAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,mBAAA,CAAoB,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAPT,cAAA;EAAA,IAAc,WAAA;AAAA"}

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import { Accordion, AccordionProps, accordionVariants } from "./Accordion.js";
 import { Autocomplete, AutocompleteClearProps, AutocompleteCollectionProps, AutocompleteEmptyProps, AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteInputGroupProps, AutocompleteInputProps, AutocompleteItemProps, AutocompleteListProps, AutocompletePopupProps, AutocompletePortalProps, AutocompletePositionerProps, AutocompleteProps, AutocompleteRootProps, AutocompleteStatusProps, AutocompleteTriggerProps, AutocompleteValueProps, autocompleteInputGroupVariants, useFilteredItems } from "./Autocomplete.js";
 import { Badge, BadgeProps, badgeVariants } from "./Badge.js";
 import { Breadcrumb, BreadcrumbSeparatorProps } from "./Breadcrumb.js";
-import { n as ButtonProps, r as buttonVariants, t as Button } from "./Button-Dt1TGgrL.js";
-import { n as IconButtonProps, t as IconButton } from "./index-C3_4djmE.js";
+import { a as buttonVariants, i as ButtonProps, n as IconButtonProps, r as Button, t as IconButton } from "./IconButton-BajbaUJ_.js";
 import { Card, CardProps, cardVariants } from "./Card.js";
+import { Carousel, CarouselActions, CarouselContentOverflow, CarouselContentProps, CarouselControlsProps, CarouselDotsProps, CarouselHeaderProps, CarouselItemProps, CarouselNavButtonProps, CarouselProps, CarouselState, CarouselTitleLinkProps, CarouselTitleProps, UseCarouselReturn, carouselContainerVariants, carouselContentVariants, carouselDotsVariants, carouselItemVariants, useCarousel, useCarouselUnsafeEmbla } from "./Carousel.js";
 import { Code, CodeProps, codeVariants } from "./Code.js";
 import { Combobox, ComboboxClearProps, ComboboxCollectionProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabelProps, ComboboxListProps, ComboboxPopupProps, ComboboxPortalProps, ComboboxPositionerProps, ComboboxProps, ComboboxRootProps, ComboboxStatusProps, ComboboxTriggerProps, Filter as ComboboxFilter, FilterOptions as ComboboxFilterOptions, comboboxInputGroupVariants, useFilter } from "./Combobox.js";
 import { Input, InputProps, inputVariants } from "./Input.js";
@@ -15,7 +15,7 @@ import { Fieldset, FieldsetErrorTextProps, FieldsetHelperTextProps, FieldsetLege
 import { Mark, MarkProps, markVariants } from "./Mark.js";
 import { Highlight, HighlightProps } from "./Highlight.js";
 import { OptionalIndicator, OptionalIndicatorProps, RequiredIndicator, RequiredIndicatorProps } from "./Indicator.js";
-import { i as LinkButtonProps, n as LinkIconButtonProps, r as LinkButton, t as LinkIconButton } from "./index-0w-ydb3o.js";
+import { i as LinkButtonProps, n as LinkIconButtonProps, r as LinkButton, t as LinkIconButton } from "./index-4M9XZOF1.js";
 import { Marquee, MarqueeProps } from "./Marquee.js";
 import { Prose, ProseProps, proseVariants } from "./Prose.js";
 import { RadioGroup, RadioGroupErrorTextProps, RadioGroupHelperTextProps, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupProps, radioGroupItemVariants, radioGroupVariants } from "./RadioGroup.js";
@@ -55,5 +55,5 @@ declare function ThemeProvider({
 }: ThemeProviderProps): _$react_jsx_runtime0.JSX.Element;
 declare function useTheme(): ThemeContextType;
 //#endregion
-export { Accordion, type AccordionProps, Autocomplete, type AutocompleteClearProps, type AutocompleteCollectionProps, type AutocompleteEmptyProps, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, type AutocompleteInputGroupProps, type AutocompleteInputProps, type AutocompleteItemProps, type AutocompleteListProps, type AutocompletePopupProps, type AutocompletePortalProps, type AutocompletePositionerProps, type AutocompleteProps, type AutocompleteRootProps, type AutocompleteStatusProps, type AutocompleteTriggerProps, type AutocompleteValueProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, type CardProps, Code, type CodeProps, Combobox, type ComboboxClearProps, type ComboboxCollectionProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupProps, type ComboboxInputGroupProps, type ComboboxInputProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxLabelProps, type ComboboxListProps, type ComboboxPopupProps, type ComboboxPortalProps, type ComboboxPositionerProps, type ComboboxProps, type ComboboxRootProps, type ComboboxStatusProps, type ComboboxTriggerProps, Field, type FieldErrorTextProps, type FieldHelperTextProps, type FieldLabelProps, type FieldProps, Fieldset, type FieldsetErrorTextProps, type FieldsetHelperTextProps, type FieldsetLegendProps, type FieldsetProps, type ComboboxFilter as Filter, type ComboboxFilterOptions as FilterOptions, Highlight, type HighlightProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LinkButton, type LinkButtonProps, LinkIconButton, type LinkIconButtonProps, Mark, type MarkProps, Marquee, type MarqueeProps, OptionalIndicator, type OptionalIndicatorProps, Prose, type ProseProps, RadioGroup, type RadioGroupErrorTextProps, type RadioGroupHelperTextProps, type RadioGroupItemProps, type RadioGroupLabelProps, type RadioGroupProps, RequiredIndicator, type RequiredIndicatorProps, Select, type SelectContentProps, type SelectErrorTextProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectHelperTextProps, type SelectIconProps, type SelectItemIndicatorProps, type SelectItemProps, type SelectItemTextProps, type SelectLabelProps, type SelectPopupProps, type SelectPortalProps, type SelectPositionerProps, type SelectProps, type SelectRootProps, type SelectScrollDownArrowProps, type SelectScrollUpArrowProps, type SelectTriggerProps, type SelectValueProps, Separator, type SeparatorProps, Steps, type StepsItemProps, type StepsProps, Textarea, type TextareaProps, ThemeProvider, type ThemeProviderProps, type UseStepsProps, type UseStepsReturn, accordionVariants, autocompleteInputGroupVariants, badgeVariants, buttonVariants, cardVariants, codeVariants, comboboxInputGroupVariants, getAccentStyleTag, getThemeScript, inputVariants, markVariants, proseVariants, radioGroupItemVariants, radioGroupVariants, selectTriggerVariants, separatorVariants, stepsVariants, textareaVariants, useFieldContext, useFieldInputProps, useFilter, useFilteredItems, useSteps, useTheme };
+export { Accordion, type AccordionProps, Autocomplete, type AutocompleteClearProps, type AutocompleteCollectionProps, type AutocompleteEmptyProps, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, type AutocompleteInputGroupProps, type AutocompleteInputProps, type AutocompleteItemProps, type AutocompleteListProps, type AutocompletePopupProps, type AutocompletePortalProps, type AutocompletePositionerProps, type AutocompleteProps, type AutocompleteRootProps, type AutocompleteStatusProps, type AutocompleteTriggerProps, type AutocompleteValueProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, type CardProps, Carousel, type CarouselActions, type CarouselContentOverflow, type CarouselContentProps, type CarouselControlsProps, type CarouselDotsProps, type CarouselHeaderProps, type CarouselItemProps, type CarouselNavButtonProps, type CarouselProps, type CarouselState, type CarouselTitleLinkProps, type CarouselTitleProps, Code, type CodeProps, Combobox, type ComboboxClearProps, type ComboboxCollectionProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupProps, type ComboboxInputGroupProps, type ComboboxInputProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxLabelProps, type ComboboxListProps, type ComboboxPopupProps, type ComboboxPortalProps, type ComboboxPositionerProps, type ComboboxProps, type ComboboxRootProps, type ComboboxStatusProps, type ComboboxTriggerProps, Field, type FieldErrorTextProps, type FieldHelperTextProps, type FieldLabelProps, type FieldProps, Fieldset, type FieldsetErrorTextProps, type FieldsetHelperTextProps, type FieldsetLegendProps, type FieldsetProps, type ComboboxFilter as Filter, type ComboboxFilterOptions as FilterOptions, Highlight, type HighlightProps, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, LinkButton, type LinkButtonProps, LinkIconButton, type LinkIconButtonProps, Mark, type MarkProps, Marquee, type MarqueeProps, OptionalIndicator, type OptionalIndicatorProps, Prose, type ProseProps, RadioGroup, type RadioGroupErrorTextProps, type RadioGroupHelperTextProps, type RadioGroupItemProps, type RadioGroupLabelProps, type RadioGroupProps, RequiredIndicator, type RequiredIndicatorProps, Select, type SelectContentProps, type SelectErrorTextProps, type SelectGroupLabelProps, type SelectGroupProps, type SelectHelperTextProps, type SelectIconProps, type SelectItemIndicatorProps, type SelectItemProps, type SelectItemTextProps, type SelectLabelProps, type SelectPopupProps, type SelectPortalProps, type SelectPositionerProps, type SelectProps, type SelectRootProps, type SelectScrollDownArrowProps, type SelectScrollUpArrowProps, type SelectTriggerProps, type SelectValueProps, Separator, type SeparatorProps, Steps, type StepsItemProps, type StepsProps, Textarea, type TextareaProps, ThemeProvider, type ThemeProviderProps, type UseCarouselReturn, type UseStepsProps, type UseStepsReturn, accordionVariants, autocompleteInputGroupVariants, badgeVariants, buttonVariants, cardVariants, carouselContainerVariants, carouselContentVariants, carouselDotsVariants, carouselItemVariants, codeVariants, comboboxInputGroupVariants, getAccentStyleTag, getThemeScript, inputVariants, markVariants, proseVariants, radioGroupItemVariants, radioGroupVariants, selectTriggerVariants, separatorVariants, stepsVariants, textareaVariants, useCarousel, useCarouselUnsafeEmbla, useFieldContext, useFieldInputProps, useFilter, useFilteredItems, useSteps, useTheme };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,4 +1,4 @@
-import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./Button-DdE0vCfo.js";import{n as r,t as i}from"./LinkButton-9nnOzX_0.js";import{Code as a,codeVariants as o}from"./Code.js";import{Mark as s,markVariants as c}from"./Mark.js";import{Highlight as l}from"./Highlight.js";import{Prose as u,proseVariants as d}from"./Prose.js";import{Accordion as ee,accordionVariants as f}from"./Accordion.js";import{Badge as p,badgeVariants as m}from"./Badge.js";import{Breadcrumb as h}from"./Breadcrumb.js";import{Card as g,cardVariants as _}from"./Card.js";import{Separator as te,separatorVariants as ne}from"./Separator.js";import{Marquee as v}from"./Marquee.js";import{Steps as y,stepsVariants as b,useSteps as x}from"./Steps.js";import{OptionalIndicator as S,RequiredIndicator as C}from"./Indicator.js";import{Label as w}from"./Label.js";import{Input as T,inputVariants as E}from"./Input.js";import{Textarea as D,textareaVariants as O}from"./Textarea.js";import{Field as k,useFieldContext as A,useFieldInputProps as j}from"./Field.js";import{Select as M,selectTriggerVariants as N}from"./Select.js";import{Combobox as P,comboboxInputGroupVariants as F,useFilter as I}from"./Combobox.js";import{Autocomplete as re,autocompleteInputGroupVariants as L,useFilteredItems as R}from"./Autocomplete.js";import{RadioGroup as z,radioGroupItemVariants as B,radioGroupVariants as V}from"./RadioGroup.js";import{Fieldset as H}from"./Fieldset.js";import{jsx as U}from"react/jsx-runtime";import*as W from"react";import{generateAccentScale as G,generateNeutralScale as K,getOklchChroma as q,getOklchHue as J}from"@oztix/roadie-core/colors";import{getThemeScript as Y}from"@oztix/roadie-core/theme";const X=`theme`,ie=typeof CSS<`u`&&typeof CSS.supports==`function`&&CSS.supports(`color`,`oklch(0 0 0)`),Z=W.createContext(void 0);async function ae(e,t=`roadie-accent-theme`){let n=await G(e),r=await K(e),i=Math.round(await J(e)),a=+(await q(e)).toFixed(4),o=n.light.map((e,t)=>`--color-accent-${t}: ${e};`).join(`
+import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./IconButton-0UdUDm0O.js";import"./Button.js";import{n as r,t as i}from"./LinkButton-9nnOzX_0.js";import{Code as a,codeVariants as o}from"./Code.js";import{Mark as s,markVariants as c}from"./Mark.js";import{Highlight as l}from"./Highlight.js";import{Prose as ee,proseVariants as te}from"./Prose.js";import{Accordion as ne,accordionVariants as u}from"./Accordion.js";import{Badge as d,badgeVariants as re}from"./Badge.js";import{Breadcrumb as ie}from"./Breadcrumb.js";import{Card as ae,cardVariants as oe}from"./Card.js";import{Carousel as se,carouselContainerVariants as ce,carouselContentVariants as f,carouselDotsVariants as p,carouselItemVariants as m,useCarousel as h,useCarouselUnsafeEmbla as g}from"./Carousel.js";import{Separator as _,separatorVariants as v}from"./Separator.js";import{Marquee as y}from"./Marquee.js";import{Steps as b,stepsVariants as x,useSteps as S}from"./Steps.js";import{OptionalIndicator as C,RequiredIndicator as w}from"./Indicator.js";import{Label as T}from"./Label.js";import{Input as E,inputVariants as D}from"./Input.js";import{Textarea as O,textareaVariants as k}from"./Textarea.js";import{Field as A,useFieldContext as j,useFieldInputProps as M}from"./Field.js";import{Select as N,selectTriggerVariants as P}from"./Select.js";import{Combobox as le,comboboxInputGroupVariants as F,useFilter as I}from"./Combobox.js";import{Autocomplete as L,autocompleteInputGroupVariants as R,useFilteredItems as z}from"./Autocomplete.js";import{RadioGroup as B,radioGroupItemVariants as V,radioGroupVariants as H}from"./RadioGroup.js";import{Fieldset as U}from"./Fieldset.js";import{jsx as W}from"react/jsx-runtime";import*as G from"react";import{generateAccentScale as K,generateNeutralScale as q,getOklchChroma as J,getOklchHue as Y}from"@oztix/roadie-core/colors";import{getThemeScript as ue}from"@oztix/roadie-core/theme";const X=`theme`,de=typeof CSS<`u`&&typeof CSS.supports==`function`&&CSS.supports(`color`,`oklch(0 0 0)`),Z=G.createContext(void 0);async function fe(e,t=`roadie-accent-theme`){let n=await K(e),r=await q(e),i=Math.round(await Y(e)),a=+(await J(e)).toFixed(4),o=n.light.map((e,t)=>`--color-accent-${t}: ${e};`).join(`
     `),s=n.dark.map((e,t)=>`--color-accent-${t}: ${e};`).join(`
     `),c=r.light.map((e,t)=>`--color-neutral-${t}: ${e};`).join(`
     `),l=r.dark.map((e,t)=>`--color-neutral-${t}: ${e};`).join(`
@@ -13,12 +13,12 @@ import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./Button-DdE0vCfo.
     ${l}
     ${s}
   }
-</style>`}function Q(e){document.documentElement.classList.toggle(`dark`,e),document.documentElement.style.colorScheme=e?`dark`:`light`}function $(){try{return localStorage.getItem(X)}catch{return null}}function oe(e){try{localStorage.setItem(X,e?`dark`:`light`)}catch{}}function se({children:e,defaultAccentColor:t=`#0091EB`,defaultDark:n=!1,followSystem:r=!1}){let[i,a]=W.useState(t),[o,s]=W.useState(n);W.useEffect(()=>{let e=$();if(e){s(e===`dark`);return}if(r){let e=window.matchMedia(`(prefers-color-scheme: dark)`).matches;s(e),Q(e)}else s(document.documentElement.classList.contains(`dark`))},[]),W.useEffect(()=>{if(!r)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=e=>{$()||(s(e.matches),Q(e.matches))};return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[r]);let c=W.useCallback(e=>{s(e),Q(e),oe(e)},[]);W.useEffect(()=>{let e=!1;async function t(){let t=Math.round(await J(i)),n=+(await q(i)).toFixed(4);if(e||document.getElementById(`roadie-accent-theme`)?.textContent?.includes(`--accent-hue: ${t}`))return;let r;if(ie)r=`
+</style>`}function Q(e){document.documentElement.classList.toggle(`dark`,e),document.documentElement.style.colorScheme=e?`dark`:`light`}function $(){try{return localStorage.getItem(X)}catch{return null}}function pe(e){try{localStorage.setItem(X,e?`dark`:`light`)}catch{}}function me({children:e,defaultAccentColor:t=`#0091EB`,defaultDark:n=!1,followSystem:r=!1}){let[i,a]=G.useState(t),[o,s]=G.useState(n);G.useEffect(()=>{let e=$();if(e){s(e===`dark`);return}if(r){let e=window.matchMedia(`(prefers-color-scheme: dark)`).matches;s(e),Q(e)}else s(document.documentElement.classList.contains(`dark`))},[]),G.useEffect(()=>{if(!r)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=e=>{$()||(s(e.matches),Q(e.matches))};return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[r]);let c=G.useCallback(e=>{s(e),Q(e),pe(e)},[]);G.useEffect(()=>{let e=!1;async function t(){let t=Math.round(await Y(i)),n=+(await J(i)).toFixed(4);if(e||document.getElementById(`roadie-accent-theme`)?.textContent?.includes(`--accent-hue: ${t}`))return;let r;if(de)r=`
           :root {
             --accent-hue: ${t};
             --accent-chroma: ${n};
           }
-        `;else{let t=await G(i),n=await K(i);if(e)return;let a=t.light.map((e,t)=>`--color-accent-${t}: ${e};`).join(`
+        `;else{let t=await K(i),n=await q(i);if(e)return;let a=t.light.map((e,t)=>`--color-accent-${t}: ${e};`).join(`
 `),o=t.dark.map((e,t)=>`--color-accent-${t}: ${e};`).join(`
 `);r=`
           :root {
@@ -31,5 +31,5 @@ import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./Button-DdE0vCfo.
 `)}
             ${o}
           }
-        `}let a=document.getElementById(`roadie-accent-theme`);a||(a=document.createElement(`style`),a.id=`roadie-accent-theme`,document.head.appendChild(a)),a.textContent=r}return t(),()=>{e=!0}},[i]);let l=W.useMemo(()=>({accentColor:i,setAccentColor:a,isDark:o,setDark:c}),[i,o,c]);return U(Z.Provider,{value:l,children:e})}function ce(){let e=W.useContext(Z);if(!e)throw Error(`useTheme must be used within a ThemeProvider`);return e}export{ee as Accordion,re as Autocomplete,p as Badge,h as Breadcrumb,t as Button,g as Card,a as Code,P as Combobox,k as Field,H as Fieldset,l as Highlight,n as IconButton,T as Input,w as Label,r as LinkButton,i as LinkIconButton,s as Mark,v as Marquee,S as OptionalIndicator,u as Prose,z as RadioGroup,C as RequiredIndicator,M as Select,te as Separator,y as Steps,D as Textarea,se as ThemeProvider,f as accordionVariants,L as autocompleteInputGroupVariants,m as badgeVariants,e as buttonVariants,_ as cardVariants,o as codeVariants,F as comboboxInputGroupVariants,ae as getAccentStyleTag,Y as getThemeScript,E as inputVariants,c as markVariants,d as proseVariants,B as radioGroupItemVariants,V as radioGroupVariants,N as selectTriggerVariants,ne as separatorVariants,b as stepsVariants,O as textareaVariants,A as useFieldContext,j as useFieldInputProps,I as useFilter,R as useFilteredItems,x as useSteps,ce as useTheme};
+        `}let a=document.getElementById(`roadie-accent-theme`);a||(a=document.createElement(`style`),a.id=`roadie-accent-theme`,document.head.appendChild(a)),a.textContent=r}return t(),()=>{e=!0}},[i]);let l=G.useMemo(()=>({accentColor:i,setAccentColor:a,isDark:o,setDark:c}),[i,o,c]);return W(Z.Provider,{value:l,children:e})}function he(){let e=G.useContext(Z);if(!e)throw Error(`useTheme must be used within a ThemeProvider`);return e}export{ne as Accordion,L as Autocomplete,d as Badge,ie as Breadcrumb,t as Button,ae as Card,se as Carousel,a as Code,le as Combobox,A as Field,U as Fieldset,l as Highlight,n as IconButton,E as Input,T as Label,r as LinkButton,i as LinkIconButton,s as Mark,y as Marquee,C as OptionalIndicator,ee as Prose,B as RadioGroup,w as RequiredIndicator,N as Select,_ as Separator,b as Steps,O as Textarea,me as ThemeProvider,u as accordionVariants,R as autocompleteInputGroupVariants,re as badgeVariants,e as buttonVariants,oe as cardVariants,ce as carouselContainerVariants,f as carouselContentVariants,p as carouselDotsVariants,m as carouselItemVariants,o as codeVariants,F as comboboxInputGroupVariants,fe as getAccentStyleTag,ue as getThemeScript,D as inputVariants,c as markVariants,te as proseVariants,V as radioGroupItemVariants,H as radioGroupVariants,P as selectTriggerVariants,v as separatorVariants,x as stepsVariants,k as textareaVariants,h as useCarousel,g as useCarouselUnsafeEmbla,j as useFieldContext,M as useFieldInputProps,I as useFilter,z as useFilteredItems,S as useSteps,he as useTheme};
 //# sourceMappingURL=index.js.map