@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Select/SelectSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSeparator.js","names":[],"sources":["../../../src/components/Select/SelectSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      className={cn(\"my-(--space-1) h-px bg-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  ),\n);\n\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport { SelectSeparator };\n"],"mappings":";;;;;AAMA,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,MAAK;CACL,oBAAiB;CACjB,WAAW,EAAG,+CAA+C,EAAU;CACvE,GAAI;CACJ,CAAA,CAEL;AAED,EAAgB,cAAc"}
+{"version":3,"file":"SelectSeparator.js","names":[],"sources":["../../../src/components/Select/SelectSeparator.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction SelectSeparator({ ref, className, ...props }: SelectSeparatorProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      className={cn(\"my-(--space-1) h-px bg-(--nuka-border-base)\", className)}\n      {...props}\n    />\n  );\n}\n\nSelectSeparator.displayName = \"SelectSeparator\";\n\nexport { SelectSeparator };\n"],"mappings":";;;;;AAQA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;AAC3E,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EAAG,+CAA+C,EAAU;EACvE,GAAI;EACJ,CAAA;;AAIN,EAAgB,cAAc"}

package/dist/components/Select/SelectTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Select.context.cjs`),o=require(`./SelectTrigger.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);var l=300,u=s.forwardRef(({className:e,placeholder:u,intent:d,size:f,disabled:p,...m},h)=>{let g=a.useSelect(),_=r.useFormField(),v=i.useFormFieldProps({id:m.id,"aria-invalid":m[`aria-invalid`],"aria-describedby":m[`aria-describedby`],"aria-required":m[`aria-required`]}),y=s.useRef(``),b=s.useRef(void 0),x=p??g.disabled,S=m[`aria-labelledby`]??(_.labelId||void 0),C=g.value===void 0?void 0:g.getOptionLabel(g.value),w=m[`aria-label`]??(S===void 0?C??u??`Select`:void 0),T=s.useCallback(()=>g.getOptions().filter(e=>!g.isOptionDisabled(e)),[g]),E=s.useCallback(e=>{if(g.onHighlightChange(e),e!==void 0){let t=g.getOptionRef(e);typeof t?.scrollIntoView==`function`&&t.scrollIntoView({block:`nearest`})}},[g]),D=s.useCallback(()=>{g.highlightedValue!==void 0&&(g.onValueChange(g.highlightedValue),g.onOpenChange(!1))},[g]),O=s.useCallback(e=>{let t=T();if(t.length===0)return;let n=g.highlightedValue===void 0?-1:t.indexOf(g.highlightedValue),r;switch(e){case`next`:r=n<t.length-1?n+1:0;break;case`prev`:r=n>0?n-1:t.length-1;break;case`first`:r=0;break;case`last`:r=t.length-1;break}let i=t[r];i!==void 0&&E(i)},[g.highlightedValue,T,E]),k=s.useCallback(e=>{g.onOpenChange(!0);let t=T();if(t.length!==0){if(e===`current`&&g.value!==void 0){let e=t.indexOf(g.value);if(e!==-1){E(t[e]);return}}E(e===`last`?t[t.length-1]:t[0])}},[g,T,E]),A=s.useCallback(e=>{b.current!==void 0&&clearTimeout(b.current),y.current+=e.toLowerCase(),b.current=setTimeout(()=>{y.current=``},l);let t=T().find(e=>g.getOptionLabel(e)?.toLowerCase().startsWith(y.current));t!==void 0&&(g.open||g.onOpenChange(!0),E(t))},[g,T,E]),j=e=>{if(m.onKeyDown?.(e),!e.defaultPrevented)switch(e.key){case`ArrowDown`:e.preventDefault(),g.open?O(`next`):k(`first`);break;case`ArrowUp`:e.preventDefault(),g.open?O(`prev`):k(`last`);break;case`Home`:g.open&&(e.preventDefault(),O(`first`));break;case`End`:g.open&&(e.preventDefault(),O(`last`));break;case`Enter`:e.preventDefault(),g.open?D():k(`current`);break;case` `:e.preventDefault(),g.open?D():k(`current`);break;case`Escape`:g.open&&(e.preventDefault(),g.onOpenChange(!1));break;case`Tab`:g.open&&g.onOpenChange(!1);break;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&A(e.key);break}},M=e=>{if(m.onClick?.(e),!e.defaultPrevented&&(g.onOpenChange(!g.open),!g.open)){let e=T();g.value!==void 0&&e.includes(g.value)&&E(g.value)}},N=g.open&&g.highlightedValue!==void 0?`${g.listboxId}-option-${g.highlightedValue}`:void 0;return(0,c.jsxs)(`button`,{...m,ref:h,type:`button`,id:v.resolvedId,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":g.open,"aria-controls":g.listboxId,"aria-activedescendant":N,"aria-label":w,"aria-labelledby":S,"aria-invalid":v.ariaInvalid,"aria-describedby":v.ariaDescribedBy,"aria-required":v.ariaRequired,disabled:x,className:t.cn(o.selectTriggerVariants({intent:d,size:f}),e),onClick:M,onKeyDown:j,children:[(0,c.jsx)(`span`,{className:t.cn(`truncate`,C===void 0&&`text-(--nuka-text-muted)`),children:C??u}),(0,c.jsx)(n.Icon,{size:`sm`,color:`muted`,className:t.cn(`transition-transform duration-150`,g.open&&`rotate-180`),children:(0,c.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,c.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})});u.displayName=`SelectTrigger`,exports.SelectTrigger=u;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../../utils/scroll-into-view-safe.cjs`),o=require(`./Select.context.cjs`),s=require(`./SelectTrigger.utils.cjs`),c=require(`./SelectTrigger.variants.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);function d({ref:e,className:d,placeholder:f,intent:p,size:m,disabled:h,...g}){let _=o.useSelect(),v=r.useFormField(),y=i.useFormFieldProps({id:g.id,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`],"aria-required":g[`aria-required`]}),b=l.useRef(``),x=l.useRef(void 0),S=h??_.disabled,C=g[`aria-labelledby`]??(v.labelId||void 0),w=_.value===void 0?void 0:_.getOptionLabel(_.value),T=g[`aria-label`]??(C===void 0?w??f??`Select`:void 0),E=l.useCallback(()=>_.getOptions().filter(e=>!_.isOptionDisabled(e)),[_]),D=l.useCallback(e=>{_.onHighlightChange(e),e!==void 0&&a.scrollIntoViewSafe(_.getOptionRef(e))},[_]),O=l.useCallback(()=>{_.highlightedValue!==void 0&&(_.onValueChange(_.highlightedValue),_.onOpenChange(!1))},[_]),k=l.useCallback(e=>{let t=E();if(t.length===0)return;let r=_.highlightedValue===void 0?-1:t.indexOf(_.highlightedValue),i=n.getRovingIndex({next:`ArrowDown`,prev:`ArrowUp`,first:`Home`,last:`End`}[e],r,t.length,`vertical`);if(i===void 0)return;let a=t[i];a!==void 0&&D(a)},[_.highlightedValue,E,D]),A=l.useCallback(e=>{_.onOpenChange(!0);let t=E();if(t.length!==0){if(e===`current`&&_.value!==void 0){let e=t.indexOf(_.value);if(e!==-1){D(t[e]);return}}D(e===`last`?t[t.length-1]:t[0])}},[_,E,D]),j=l.useCallback(e=>{x.current!==void 0&&clearTimeout(x.current),b.current+=e.toLowerCase(),x.current=setTimeout(()=>{b.current=``},300);let t=E().find(e=>_.getOptionLabel(e)?.toLowerCase().startsWith(b.current));t!==void 0&&(_.open||_.onOpenChange(!0),D(t))},[_,E,D]),M=e=>{if(g.onKeyDown?.(e),!e.defaultPrevented)switch(e.key){case`ArrowDown`:e.preventDefault(),_.open?k(`next`):A(`first`);break;case`ArrowUp`:e.preventDefault(),_.open?k(`prev`):A(`last`);break;case`Home`:_.open&&(e.preventDefault(),k(`first`));break;case`End`:_.open&&(e.preventDefault(),k(`last`));break;case`Enter`:e.preventDefault(),_.open?O():A(`current`);break;case` `:e.preventDefault(),_.open?O():A(`current`);break;case`Escape`:_.open&&(e.preventDefault(),_.onOpenChange(!1));break;case`Tab`:_.open&&_.onOpenChange(!1);break;default:e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&j(e.key);break}},N=e=>{if(g.onClick?.(e),!e.defaultPrevented&&(_.onOpenChange(!_.open),!_.open)){let e=E();_.value!==void 0&&e.includes(_.value)&&D(_.value)}},P=_.open&&_.highlightedValue!==void 0?`${_.listboxId}-option-${_.highlightedValue}`:void 0;return(0,u.jsxs)(`button`,{...g,ref:e,type:`button`,id:y.resolvedId,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":_.open,"aria-controls":_.listboxId,"aria-activedescendant":P,"aria-label":T,"aria-labelledby":C,"aria-invalid":y.ariaInvalid,"aria-describedby":y.ariaDescribedBy,"aria-required":y.ariaRequired,disabled:S,className:t.cn(c.selectTriggerVariants({intent:p,size:m}),d),onClick:N,onKeyDown:M,children:[(0,u.jsx)(`span`,{className:t.cn(`truncate`,w===void 0&&`text-(--nuka-text-muted)`),children:w??f}),(0,u.jsx)(s.ChevronIcon,{open:_.open})]})}d.displayName=`SelectTrigger`,exports.SelectTrigger=d;
 //# sourceMappingURL=SelectTrigger.cjs.map

package/dist/components/Select/SelectTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.cjs","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  selectTriggerVariants,\n  type SelectTriggerVariantProps,\n} from \"@nuka/components/Select/SelectTrigger.variants\";\n\nexport interface SelectTriggerProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n    SelectTriggerVariantProps {\n  placeholder?: string;\n}\n\nconst TYPEAHEAD_TIMEOUT = 300;\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    { className, placeholder, intent, size, disabled: disabledProp, ...props },\n    ref,\n  ) => {\n    const ctx = useSelect();\n    const formCtx = useFormField();\n\n    const field = useFormFieldProps({\n      id: props.id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const typeaheadBufferRef = React.useRef(\"\");\n    const typeaheadTimerRef = React.useRef<\n      ReturnType<typeof setTimeout> | undefined\n    >(undefined);\n\n    const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n    const ariaLabelledBy =\n      props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n    const displayLabel =\n      ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n    // Fallback aria-label when no aria-labelledby provides a name.\n    // role=\"combobox\" has nameFrom:author, so text content alone won't work.\n    const ariaLabel =\n      props[\"aria-label\"] ??\n      (ariaLabelledBy === undefined\n        ? (displayLabel ?? placeholder ?? \"Select\")\n        : undefined);\n\n    const getEnabledOptions = React.useCallback((): string[] => {\n      return ctx.getOptions().filter((v) => !ctx.isOptionDisabled(v));\n    }, [ctx]);\n\n    const highlightOption = React.useCallback(\n      (optionValue: string | undefined) => {\n        ctx.onHighlightChange(optionValue);\n        if (optionValue !== undefined) {\n          const optionEl = ctx.getOptionRef(optionValue);\n          if (typeof optionEl?.scrollIntoView === \"function\") {\n            optionEl.scrollIntoView({ block: \"nearest\" });\n          }\n        }\n      },\n      [ctx],\n    );\n\n    const selectHighlighted = React.useCallback(() => {\n      if (ctx.highlightedValue !== undefined) {\n        ctx.onValueChange(ctx.highlightedValue);\n        ctx.onOpenChange(false);\n      }\n    }, [ctx]);\n\n    const moveHighlight = React.useCallback(\n      (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n        const options = getEnabledOptions();\n        if (options.length === 0) return;\n\n        const currentIndex =\n          ctx.highlightedValue !== undefined\n            ? options.indexOf(ctx.highlightedValue)\n            : -1;\n\n        let nextIndex: number;\n        switch (direction) {\n          case \"next\":\n            nextIndex =\n              currentIndex < options.length - 1 ? currentIndex + 1 : 0;\n            break;\n          case \"prev\":\n            nextIndex =\n              currentIndex > 0 ? currentIndex - 1 : options.length - 1;\n            break;\n          case \"first\":\n            nextIndex = 0;\n            break;\n          case \"last\":\n            nextIndex = options.length - 1;\n            break;\n        }\n\n        const nextValue = options[nextIndex];\n        if (nextValue !== undefined) {\n          highlightOption(nextValue);\n        }\n      },\n      [ctx.highlightedValue, getEnabledOptions, highlightOption],\n    );\n\n    const openAndHighlight = React.useCallback(\n      (direction: \"first\" | \"last\" | \"current\") => {\n        ctx.onOpenChange(true);\n        const options = getEnabledOptions();\n        if (options.length === 0) return;\n\n        if (direction === \"current\" && ctx.value !== undefined) {\n          const valueIndex = options.indexOf(ctx.value);\n          if (valueIndex !== -1) {\n            highlightOption(options[valueIndex]);\n            return;\n          }\n        }\n\n        if (direction === \"last\") {\n          highlightOption(options[options.length - 1]);\n        } else {\n          highlightOption(options[0]);\n        }\n      },\n      [ctx, getEnabledOptions, highlightOption],\n    );\n\n    const handleTypeahead = React.useCallback(\n      (char: string) => {\n        if (typeaheadTimerRef.current !== undefined) {\n          clearTimeout(typeaheadTimerRef.current);\n        }\n\n        typeaheadBufferRef.current += char.toLowerCase();\n\n        typeaheadTimerRef.current = setTimeout(() => {\n          typeaheadBufferRef.current = \"\";\n        }, TYPEAHEAD_TIMEOUT);\n\n        const options = getEnabledOptions();\n        const match = options.find((v) => {\n          const label = ctx.getOptionLabel(v);\n          return label?.toLowerCase().startsWith(typeaheadBufferRef.current);\n        });\n\n        if (match !== undefined) {\n          if (!ctx.open) {\n            ctx.onOpenChange(true);\n          }\n          highlightOption(match);\n        }\n      },\n      [ctx, getEnabledOptions, highlightOption],\n    );\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"first\");\n          } else {\n            moveHighlight(\"next\");\n          }\n          break;\n\n        case \"ArrowUp\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"last\");\n          } else {\n            moveHighlight(\"prev\");\n          }\n          break;\n\n        case \"Home\":\n          if (ctx.open) {\n            e.preventDefault();\n            moveHighlight(\"first\");\n          }\n          break;\n\n        case \"End\":\n          if (ctx.open) {\n            e.preventDefault();\n            moveHighlight(\"last\");\n          }\n          break;\n\n        case \"Enter\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"current\");\n          } else {\n            selectHighlighted();\n          }\n          break;\n\n        case \" \":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"current\");\n          } else {\n            selectHighlighted();\n          }\n          break;\n\n        case \"Escape\":\n          if (ctx.open) {\n            e.preventDefault();\n            ctx.onOpenChange(false);\n          }\n          break;\n\n        case \"Tab\":\n          if (ctx.open) {\n            ctx.onOpenChange(false);\n            // Do not preventDefault: allow Tab to move focus naturally\n          }\n          break;\n\n        default:\n          if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n            handleTypeahead(e.key);\n          }\n          break;\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      props.onClick?.(e);\n      if (e.defaultPrevented) return;\n      ctx.onOpenChange(!ctx.open);\n      if (!ctx.open) {\n        // Opening: highlight current value or first option\n        const options = getEnabledOptions();\n        if (ctx.value !== undefined && options.includes(ctx.value)) {\n          highlightOption(ctx.value);\n        }\n      }\n    };\n\n    // aria-activedescendant must be undefined (not empty string) when no highlight\n    const ariaActiveDescendant =\n      ctx.open && ctx.highlightedValue !== undefined\n        ? `${ctx.listboxId}-option-${ctx.highlightedValue}`\n        : undefined;\n\n    return (\n      <button\n        {...props}\n        ref={ref}\n        type=\"button\"\n        id={field.resolvedId}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ariaActiveDescendant}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        disabled={resolvedDisabled}\n        className={cn(selectTriggerVariants({ intent, size }), className)}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        <span\n          className={cn(\n            \"truncate\",\n            displayLabel === undefined && \"text-(--nuka-text-muted)\",\n          )}\n        >\n          {displayLabel ?? placeholder}\n        </span>\n        <Icon\n          size=\"sm\"\n          color=\"muted\"\n          className={cn(\n            \"transition-transform duration-150\",\n            ctx.open && \"rotate-180\",\n          )}\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n        </Icon>\n      </button>\n    );\n  },\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"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"}
+{"version":3,"file":"SelectTrigger.cjs","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport {\n  TYPEAHEAD_TIMEOUT,\n  ChevronIcon,\n} from \"@nuka/components/Select/SelectTrigger.utils\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  selectTriggerVariants,\n  type SelectTriggerVariantProps,\n} from \"@nuka/components/Select/SelectTrigger.variants\";\n\nexport interface SelectTriggerProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n    SelectTriggerVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  placeholder?: string;\n}\n\nfunction SelectTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size,\n  disabled: disabledProp,\n  ...props\n}: SelectTriggerProps) {\n  const ctx = useSelect();\n  const formCtx = useFormField();\n\n  const field = useFormFieldProps({\n    id: props.id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const typeaheadBufferRef = React.useRef(\"\");\n  const typeaheadTimerRef = React.useRef<\n    ReturnType<typeof setTimeout> | undefined\n  >(undefined);\n\n  const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n  const ariaLabelledBy =\n    props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n  const displayLabel =\n    ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n  // Fallback aria-label when no aria-labelledby provides a name.\n  // role=\"combobox\" has nameFrom:author, so text content alone won't work.\n  const ariaLabel =\n    props[\"aria-label\"] ??\n    (ariaLabelledBy === undefined\n      ? (displayLabel ?? placeholder ?? \"Select\")\n      : undefined);\n\n  const getEnabledOptions = React.useCallback((): string[] => {\n    return ctx.getOptions().filter((v) => !ctx.isOptionDisabled(v));\n  }, [ctx]);\n\n  const highlightOption = React.useCallback(\n    (optionValue: string | undefined) => {\n      ctx.onHighlightChange(optionValue);\n      if (optionValue !== undefined) {\n        scrollIntoViewSafe(ctx.getOptionRef(optionValue));\n      }\n    },\n    [ctx],\n  );\n\n  const selectHighlighted = React.useCallback(() => {\n    if (ctx.highlightedValue !== undefined) {\n      ctx.onValueChange(ctx.highlightedValue);\n      ctx.onOpenChange(false);\n    }\n  }, [ctx]);\n\n  const moveHighlight = React.useCallback(\n    (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n      const options = getEnabledOptions();\n      if (options.length === 0) return;\n\n      const currentIndex =\n        ctx.highlightedValue !== undefined\n          ? options.indexOf(ctx.highlightedValue)\n          : -1;\n\n      const keyMap = {\n        next: \"ArrowDown\",\n        prev: \"ArrowUp\",\n        first: \"Home\",\n        last: \"End\",\n      } as const;\n      const nextIndex = getRovingIndex(\n        keyMap[direction],\n        currentIndex,\n        options.length,\n        \"vertical\",\n      );\n      if (nextIndex === undefined) return;\n\n      const nextValue = options[nextIndex];\n      if (nextValue !== undefined) {\n        highlightOption(nextValue);\n      }\n    },\n    [ctx.highlightedValue, getEnabledOptions, highlightOption],\n  );\n\n  const openAndHighlight = React.useCallback(\n    (direction: \"first\" | \"last\" | \"current\") => {\n      ctx.onOpenChange(true);\n      const options = getEnabledOptions();\n      if (options.length === 0) return;\n\n      if (direction === \"current\" && ctx.value !== undefined) {\n        const valueIndex = options.indexOf(ctx.value);\n        if (valueIndex !== -1) {\n          highlightOption(options[valueIndex]);\n          return;\n        }\n      }\n\n      if (direction === \"last\") {\n        highlightOption(options[options.length - 1]);\n      } else {\n        highlightOption(options[0]);\n      }\n    },\n    [ctx, getEnabledOptions, highlightOption],\n  );\n\n  const handleTypeahead = React.useCallback(\n    (char: string) => {\n      if (typeaheadTimerRef.current !== undefined) {\n        clearTimeout(typeaheadTimerRef.current);\n      }\n\n      typeaheadBufferRef.current += char.toLowerCase();\n\n      typeaheadTimerRef.current = setTimeout(() => {\n        typeaheadBufferRef.current = \"\";\n      }, TYPEAHEAD_TIMEOUT);\n\n      const options = getEnabledOptions();\n      const match = options.find((v) => {\n        const label = ctx.getOptionLabel(v);\n        return label?.toLowerCase().startsWith(typeaheadBufferRef.current);\n      });\n\n      if (match !== undefined) {\n        if (!ctx.open) {\n          ctx.onOpenChange(true);\n        }\n        highlightOption(match);\n      }\n    },\n    [ctx, getEnabledOptions, highlightOption],\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    props.onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (!ctx.open) {\n          openAndHighlight(\"first\");\n        } else {\n          moveHighlight(\"next\");\n        }\n        break;\n\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (!ctx.open) {\n          openAndHighlight(\"last\");\n        } else {\n          moveHighlight(\"prev\");\n        }\n        break;\n\n      case \"Home\":\n        if (ctx.open) {\n          e.preventDefault();\n          moveHighlight(\"first\");\n        }\n        break;\n\n      case \"End\":\n        if (ctx.open) {\n          e.preventDefault();\n          moveHighlight(\"last\");\n        }\n        break;\n\n      case \"Enter\":\n        e.preventDefault();\n        if (!ctx.open) {\n          openAndHighlight(\"current\");\n        } else {\n          selectHighlighted();\n        }\n        break;\n\n      case \" \":\n        e.preventDefault();\n        if (!ctx.open) {\n          openAndHighlight(\"current\");\n        } else {\n          selectHighlighted();\n        }\n        break;\n\n      case \"Escape\":\n        if (ctx.open) {\n          e.preventDefault();\n          ctx.onOpenChange(false);\n        }\n        break;\n\n      case \"Tab\":\n        if (ctx.open) {\n          ctx.onOpenChange(false);\n          // Do not preventDefault: allow Tab to move focus naturally\n        }\n        break;\n\n      default:\n        if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n          handleTypeahead(e.key);\n        }\n        break;\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    props.onClick?.(e);\n    if (e.defaultPrevented) return;\n    ctx.onOpenChange(!ctx.open);\n    if (!ctx.open) {\n      // Opening: highlight current value or first option\n      const options = getEnabledOptions();\n      if (ctx.value !== undefined && options.includes(ctx.value)) {\n        highlightOption(ctx.value);\n      }\n    }\n  };\n\n  // aria-activedescendant must be undefined (not empty string) when no highlight\n  const ariaActiveDescendant =\n    ctx.open && ctx.highlightedValue !== undefined\n      ? `${ctx.listboxId}-option-${ctx.highlightedValue}`\n      : undefined;\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type=\"button\"\n      id={field.resolvedId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open}\n      aria-controls={ctx.listboxId}\n      aria-activedescendant={ariaActiveDescendant}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={field.ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n      disabled={resolvedDisabled}\n      className={cn(selectTriggerVariants({ intent, size }), className)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      <span\n        className={cn(\n          \"truncate\",\n          displayLabel === undefined && \"text-(--nuka-text-muted)\",\n        )}\n      >\n        {displayLabel ?? placeholder}\n      </span>\n      <ChevronIcon open={ctx.open} />\n    </button>\n  );\n}\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"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"}

package/dist/components/Select/SelectTrigger.d.ts

@@ -1,8 +1,12 @@
 import { selectTriggerVariants, SelectTriggerVariantProps } from './SelectTrigger.variants';
 import * as React from "react";
 export interface SelectTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, SelectTriggerVariantProps {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     placeholder?: string;
 }
-declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare function SelectTrigger({ ref, className, placeholder, intent, size, disabled: disabledProp, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectTrigger {
+    var displayName: string;
+}
 export { SelectTrigger, selectTriggerVariants };
 //# sourceMappingURL=SelectTrigger.d.ts.map

package/dist/components/Select/SelectTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EACL,qBAAqB,EACrB,KAAK,yBAAyB,EAC/B,MAAM,gDAAgD,CAAC;AAExD,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,yBAAyB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,QAAA,MAAM,aAAa,8FAuSlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"SelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EACL,qBAAqB,EACrB,KAAK,yBAAyB,EAC/B,MAAM,gDAAgD,CAAC;AAExD,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,yBAAyB;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,WAAW,EACX,MAAM,EACN,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAwQpB;kBAhRQ,aAAa;;;AAoRtB,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/Select/SelectTrigger.js

@@ -1,157 +1,134 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { Icon as t } from "../Icon/Icon.js";
+import { getRovingIndex as t } from "../../utils/roving-index.js";
 import { useFormField as n } from "../FormField/FormField.context.js";
 import { useFormFieldProps as r } from "../../hooks/use-form-field-props.js";
-import { useSelect as i } from "./Select.context.js";
-import { selectTriggerVariants as a } from "./SelectTrigger.variants.js";
-import * as o from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { scrollIntoViewSafe as i } from "../../utils/scroll-into-view-safe.js";
+import { useSelect as a } from "./Select.context.js";
+import { ChevronIcon as o } from "./SelectTrigger.utils.js";
+import { selectTriggerVariants as s } from "./SelectTrigger.variants.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/Select/SelectTrigger.tsx
-var l = 300, u = o.forwardRef(({ className: u, placeholder: d, intent: f, size: p, disabled: m, ...h }, g) => {
-	let _ = i(), v = n(), y = r({
-		id: h.id,
-		"aria-invalid": h["aria-invalid"],
-		"aria-describedby": h["aria-describedby"],
-		"aria-required": h["aria-required"]
-	}), b = o.useRef(""), x = o.useRef(void 0), S = m ?? _.disabled, C = h["aria-labelledby"] ?? (v.labelId || void 0), w = _.value === void 0 ? void 0 : _.getOptionLabel(_.value), T = h["aria-label"] ?? (C === void 0 ? w ?? d ?? "Select" : void 0), E = o.useCallback(() => _.getOptions().filter((e) => !_.isOptionDisabled(e)), [_]), D = o.useCallback((e) => {
-		if (_.onHighlightChange(e), e !== void 0) {
-			let t = _.getOptionRef(e);
-			typeof t?.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
-		}
-	}, [_]), O = o.useCallback(() => {
-		_.highlightedValue !== void 0 && (_.onValueChange(_.highlightedValue), _.onOpenChange(!1));
-	}, [_]), k = o.useCallback((e) => {
-		let t = E();
-		if (t.length === 0) return;
-		let n = _.highlightedValue === void 0 ? -1 : t.indexOf(_.highlightedValue), r;
-		switch (e) {
-			case "next":
-				r = n < t.length - 1 ? n + 1 : 0;
-				break;
-			case "prev":
-				r = n > 0 ? n - 1 : t.length - 1;
-				break;
-			case "first":
-				r = 0;
-				break;
-			case "last":
-				r = t.length - 1;
-				break;
-		}
-		let i = t[r];
-		i !== void 0 && D(i);
+function d({ ref: d, className: f, placeholder: p, intent: m, size: h, disabled: g, ..._ }) {
+	let v = a(), y = n(), b = r({
+		id: _.id,
+		"aria-invalid": _["aria-invalid"],
+		"aria-describedby": _["aria-describedby"],
+		"aria-required": _["aria-required"]
+	}), x = c.useRef(""), S = c.useRef(void 0), C = g ?? v.disabled, w = _["aria-labelledby"] ?? (y.labelId || void 0), T = v.value === void 0 ? void 0 : v.getOptionLabel(v.value), E = _["aria-label"] ?? (w === void 0 ? T ?? p ?? "Select" : void 0), D = c.useCallback(() => v.getOptions().filter((e) => !v.isOptionDisabled(e)), [v]), O = c.useCallback((e) => {
+		v.onHighlightChange(e), e !== void 0 && i(v.getOptionRef(e));
+	}, [v]), k = c.useCallback(() => {
+		v.highlightedValue !== void 0 && (v.onValueChange(v.highlightedValue), v.onOpenChange(!1));
+	}, [v]), A = c.useCallback((e) => {
+		let n = D();
+		if (n.length === 0) return;
+		let r = v.highlightedValue === void 0 ? -1 : n.indexOf(v.highlightedValue), i = t({
+			next: "ArrowDown",
+			prev: "ArrowUp",
+			first: "Home",
+			last: "End"
+		}[e], r, n.length, "vertical");
+		if (i === void 0) return;
+		let a = n[i];
+		a !== void 0 && O(a);
 	}, [
-		_.highlightedValue,
-		E,
-		D
-	]), A = o.useCallback((e) => {
-		_.onOpenChange(!0);
-		let t = E();
+		v.highlightedValue,
+		D,
+		O
+	]), j = c.useCallback((e) => {
+		v.onOpenChange(!0);
+		let t = D();
 		if (t.length !== 0) {
-			if (e === "current" && _.value !== void 0) {
-				let e = t.indexOf(_.value);
+			if (e === "current" && v.value !== void 0) {
+				let e = t.indexOf(v.value);
 				if (e !== -1) {
-					D(t[e]);
+					O(t[e]);
 					return;
 				}
 			}
-			D(e === "last" ? t[t.length - 1] : t[0]);
+			O(e === "last" ? t[t.length - 1] : t[0]);
 		}
 	}, [
-		_,
-		E,
-		D
-	]), j = o.useCallback((e) => {
-		x.current !== void 0 && clearTimeout(x.current), b.current += e.toLowerCase(), x.current = setTimeout(() => {
-			b.current = "";
-		}, l);
-		let t = E().find((e) => _.getOptionLabel(e)?.toLowerCase().startsWith(b.current));
-		t !== void 0 && (_.open || _.onOpenChange(!0), D(t));
+		v,
+		D,
+		O
+	]), M = c.useCallback((e) => {
+		S.current !== void 0 && clearTimeout(S.current), x.current += e.toLowerCase(), S.current = setTimeout(() => {
+			x.current = "";
+		}, 300);
+		let t = D().find((e) => v.getOptionLabel(e)?.toLowerCase().startsWith(x.current));
+		t !== void 0 && (v.open || v.onOpenChange(!0), O(t));
 	}, [
-		_,
-		E,
-		D
-	]), M = (e) => {
-		if (h.onKeyDown?.(e), !e.defaultPrevented) switch (e.key) {
+		v,
+		D,
+		O
+	]), N = (e) => {
+		if (_.onKeyDown?.(e), !e.defaultPrevented) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), _.open ? k("next") : A("first");
+				e.preventDefault(), v.open ? A("next") : j("first");
 				break;
 			case "ArrowUp":
-				e.preventDefault(), _.open ? k("prev") : A("last");
+				e.preventDefault(), v.open ? A("prev") : j("last");
 				break;
 			case "Home":
-				_.open && (e.preventDefault(), k("first"));
+				v.open && (e.preventDefault(), A("first"));
 				break;
 			case "End":
-				_.open && (e.preventDefault(), k("last"));
+				v.open && (e.preventDefault(), A("last"));
 				break;
 			case "Enter":
-				e.preventDefault(), _.open ? O() : A("current");
+				e.preventDefault(), v.open ? k() : j("current");
 				break;
 			case " ":
-				e.preventDefault(), _.open ? O() : A("current");
+				e.preventDefault(), v.open ? k() : j("current");
 				break;
 			case "Escape":
-				_.open && (e.preventDefault(), _.onOpenChange(!1));
+				v.open && (e.preventDefault(), v.onOpenChange(!1));
 				break;
 			case "Tab":
-				_.open && _.onOpenChange(!1);
+				v.open && v.onOpenChange(!1);
 				break;
 			default:
-				e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && j(e.key);
+				e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && M(e.key);
 				break;
 		}
-	}, N = (e) => {
-		if (h.onClick?.(e), !e.defaultPrevented && (_.onOpenChange(!_.open), !_.open)) {
-			let e = E();
-			_.value !== void 0 && e.includes(_.value) && D(_.value);
+	}, P = (e) => {
+		if (_.onClick?.(e), !e.defaultPrevented && (v.onOpenChange(!v.open), !v.open)) {
+			let e = D();
+			v.value !== void 0 && e.includes(v.value) && O(v.value);
 		}
-	}, P = _.open && _.highlightedValue !== void 0 ? `${_.listboxId}-option-${_.highlightedValue}` : void 0;
-	return /* @__PURE__ */ c("button", {
-		...h,
-		ref: g,
+	}, F = v.open && v.highlightedValue !== void 0 ? `${v.listboxId}-option-${v.highlightedValue}` : void 0;
+	return /* @__PURE__ */ u("button", {
+		..._,
+		ref: d,
 		type: "button",
-		id: y.resolvedId,
+		id: b.resolvedId,
 		role: "combobox",
 		"aria-haspopup": "listbox",
-		"aria-expanded": _.open,
-		"aria-controls": _.listboxId,
-		"aria-activedescendant": P,
-		"aria-label": T,
-		"aria-labelledby": C,
-		"aria-invalid": y.ariaInvalid,
-		"aria-describedby": y.ariaDescribedBy,
-		"aria-required": y.ariaRequired,
-		disabled: S,
-		className: e(a({
-			intent: f,
-			size: p
-		}), u),
-		onClick: N,
-		onKeyDown: M,
-		children: [/* @__PURE__ */ s("span", {
-			className: e("truncate", w === void 0 && "text-(--nuka-text-muted)"),
-			children: w ?? d
-		}), /* @__PURE__ */ s(t, {
-			size: "sm",
-			color: "muted",
-			className: e("transition-transform duration-150", _.open && "rotate-180"),
-			children: /* @__PURE__ */ s("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: /* @__PURE__ */ s("path", { d: "m6 9 6 6 6-6" })
-			})
-		})]
+		"aria-expanded": v.open,
+		"aria-controls": v.listboxId,
+		"aria-activedescendant": F,
+		"aria-label": E,
+		"aria-labelledby": w,
+		"aria-invalid": b.ariaInvalid,
+		"aria-describedby": b.ariaDescribedBy,
+		"aria-required": b.ariaRequired,
+		disabled: C,
+		className: e(s({
+			intent: m,
+			size: h
+		}), f),
+		onClick: P,
+		onKeyDown: N,
+		children: [/* @__PURE__ */ l("span", {
+			className: e("truncate", T === void 0 && "text-(--nuka-text-muted)"),
+			children: T ?? p
+		}), /* @__PURE__ */ l(o, { open: v.open })]
 	});
-});
-u.displayName = "SelectTrigger";
+}
+d.displayName = "SelectTrigger";
 //#endregion
-export { u as SelectTrigger };
+export { d as SelectTrigger };
 
 //# sourceMappingURL=SelectTrigger.js.map

package/dist/components/Select/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  selectTriggerVariants,\n  type SelectTriggerVariantProps,\n} from \"@nuka/components/Select/SelectTrigger.variants\";\n\nexport interface SelectTriggerProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n    SelectTriggerVariantProps {\n  placeholder?: string;\n}\n\nconst TYPEAHEAD_TIMEOUT = 300;\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    { className, placeholder, intent, size, disabled: disabledProp, ...props },\n    ref,\n  ) => {\n    const ctx = useSelect();\n    const formCtx = useFormField();\n\n    const field = useFormFieldProps({\n      id: props.id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const typeaheadBufferRef = React.useRef(\"\");\n    const typeaheadTimerRef = React.useRef<\n      ReturnType<typeof setTimeout> | undefined\n    >(undefined);\n\n    const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n    const ariaLabelledBy =\n      props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n    const displayLabel =\n      ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n    // Fallback aria-label when no aria-labelledby provides a name.\n    // role=\"combobox\" has nameFrom:author, so text content alone won't work.\n    const ariaLabel =\n      props[\"aria-label\"] ??\n      (ariaLabelledBy === undefined\n        ? (displayLabel ?? placeholder ?? \"Select\")\n        : undefined);\n\n    const getEnabledOptions = React.useCallback((): string[] => {\n      return ctx.getOptions().filter((v) => !ctx.isOptionDisabled(v));\n    }, [ctx]);\n\n    const highlightOption = React.useCallback(\n      (optionValue: string | undefined) => {\n        ctx.onHighlightChange(optionValue);\n        if (optionValue !== undefined) {\n          const optionEl = ctx.getOptionRef(optionValue);\n          if (typeof optionEl?.scrollIntoView === \"function\") {\n            optionEl.scrollIntoView({ block: \"nearest\" });\n          }\n        }\n      },\n      [ctx],\n    );\n\n    const selectHighlighted = React.useCallback(() => {\n      if (ctx.highlightedValue !== undefined) {\n        ctx.onValueChange(ctx.highlightedValue);\n        ctx.onOpenChange(false);\n      }\n    }, [ctx]);\n\n    const moveHighlight = React.useCallback(\n      (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n        const options = getEnabledOptions();\n        if (options.length === 0) return;\n\n        const currentIndex =\n          ctx.highlightedValue !== undefined\n            ? options.indexOf(ctx.highlightedValue)\n            : -1;\n\n        let nextIndex: number;\n        switch (direction) {\n          case \"next\":\n            nextIndex =\n              currentIndex < options.length - 1 ? currentIndex + 1 : 0;\n            break;\n          case \"prev\":\n            nextIndex =\n              currentIndex > 0 ? currentIndex - 1 : options.length - 1;\n            break;\n          case \"first\":\n            nextIndex = 0;\n            break;\n          case \"last\":\n            nextIndex = options.length - 1;\n            break;\n        }\n\n        const nextValue = options[nextIndex];\n        if (nextValue !== undefined) {\n          highlightOption(nextValue);\n        }\n      },\n      [ctx.highlightedValue, getEnabledOptions, highlightOption],\n    );\n\n    const openAndHighlight = React.useCallback(\n      (direction: \"first\" | \"last\" | \"current\") => {\n        ctx.onOpenChange(true);\n        const options = getEnabledOptions();\n        if (options.length === 0) return;\n\n        if (direction === \"current\" && ctx.value !== undefined) {\n          const valueIndex = options.indexOf(ctx.value);\n          if (valueIndex !== -1) {\n            highlightOption(options[valueIndex]);\n            return;\n          }\n        }\n\n        if (direction === \"last\") {\n          highlightOption(options[options.length - 1]);\n        } else {\n          highlightOption(options[0]);\n        }\n      },\n      [ctx, getEnabledOptions, highlightOption],\n    );\n\n    const handleTypeahead = React.useCallback(\n      (char: string) => {\n        if (typeaheadTimerRef.current !== undefined) {\n          clearTimeout(typeaheadTimerRef.current);\n        }\n\n        typeaheadBufferRef.current += char.toLowerCase();\n\n        typeaheadTimerRef.current = setTimeout(() => {\n          typeaheadBufferRef.current = \"\";\n        }, TYPEAHEAD_TIMEOUT);\n\n        const options = getEnabledOptions();\n        const match = options.find((v) => {\n          const label = ctx.getOptionLabel(v);\n          return label?.toLowerCase().startsWith(typeaheadBufferRef.current);\n        });\n\n        if (match !== undefined) {\n          if (!ctx.open) {\n            ctx.onOpenChange(true);\n          }\n          highlightOption(match);\n        }\n      },\n      [ctx, getEnabledOptions, highlightOption],\n    );\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"first\");\n          } else {\n            moveHighlight(\"next\");\n          }\n          break;\n\n        case \"ArrowUp\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"last\");\n          } else {\n            moveHighlight(\"prev\");\n          }\n          break;\n\n        case \"Home\":\n          if (ctx.open) {\n            e.preventDefault();\n            moveHighlight(\"first\");\n          }\n          break;\n\n        case \"End\":\n          if (ctx.open) {\n            e.preventDefault();\n            moveHighlight(\"last\");\n          }\n          break;\n\n        case \"Enter\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"current\");\n          } else {\n            selectHighlighted();\n          }\n          break;\n\n        case \" \":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"current\");\n          } else {\n            selectHighlighted();\n          }\n          break;\n\n        case \"Escape\":\n          if (ctx.open) {\n            e.preventDefault();\n            ctx.onOpenChange(false);\n          }\n          break;\n\n        case \"Tab\":\n          if (ctx.open) {\n            ctx.onOpenChange(false);\n            // Do not preventDefault: allow Tab to move focus naturally\n          }\n          break;\n\n        default:\n          if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n            handleTypeahead(e.key);\n          }\n          break;\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      props.onClick?.(e);\n      if (e.defaultPrevented) return;\n      ctx.onOpenChange(!ctx.open);\n      if (!ctx.open) {\n        // Opening: highlight current value or first option\n        const options = getEnabledOptions();\n        if (ctx.value !== undefined && options.includes(ctx.value)) {\n          highlightOption(ctx.value);\n        }\n      }\n    };\n\n    // aria-activedescendant must be undefined (not empty string) when no highlight\n    const ariaActiveDescendant =\n      ctx.open && ctx.highlightedValue !== undefined\n        ? `${ctx.listboxId}-option-${ctx.highlightedValue}`\n        : undefined;\n\n    return (\n      <button\n        {...props}\n        ref={ref}\n        type=\"button\"\n        id={field.resolvedId}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ariaActiveDescendant}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        disabled={resolvedDisabled}\n        className={cn(selectTriggerVariants({ intent, size }), className)}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        <span\n          className={cn(\n            \"truncate\",\n            displayLabel === undefined && \"text-(--nuka-text-muted)\",\n          )}\n        >\n          {displayLabel ?? placeholder}\n        </span>\n        <Icon\n          size=\"sm\"\n          color=\"muted\"\n          className={cn(\n            \"transition-transform duration-150\",\n            ctx.open && \"rotate-180\",\n          )}\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n        </Icon>\n      </button>\n    );\n  },\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"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"}
+{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport {\n  TYPEAHEAD_TIMEOUT,\n  ChevronIcon,\n} from \"@nuka/components/Select/SelectTrigger.utils\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  selectTriggerVariants,\n  type SelectTriggerVariantProps,\n} from \"@nuka/components/Select/SelectTrigger.variants\";\n\nexport interface SelectTriggerProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n    SelectTriggerVariantProps {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  placeholder?: string;\n}\n\nfunction SelectTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size,\n  disabled: disabledProp,\n  ...props\n}: SelectTriggerProps) {\n  const ctx = useSelect();\n  const formCtx = useFormField();\n\n  const field = useFormFieldProps({\n    id: props.id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const typeaheadBufferRef = React.useRef(\"\");\n  const typeaheadTimerRef = React.useRef<\n    ReturnType<typeof setTimeout> | undefined\n  >(undefined);\n\n  const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n  const ariaLabelledBy =\n    props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n  const displayLabel =\n    ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n  // Fallback aria-label when no aria-labelledby provides a name.\n  // role=\"combobox\" has nameFrom:author, so text content alone won't work.\n  const ariaLabel =\n    props[\"aria-label\"] ??\n    (ariaLabelledBy === undefined\n      ? (displayLabel ?? placeholder ?? \"Select\")\n      : undefined);\n\n  const getEnabledOptions = React.useCallback((): string[] => {\n    return ctx.getOptions().filter((v) => !ctx.isOptionDisabled(v));\n  }, [ctx]);\n\n  const highlightOption = React.useCallback(\n    (optionValue: string | undefined) => {\n      ctx.onHighlightChange(optionValue);\n      if (optionValue !== undefined) {\n        scrollIntoViewSafe(ctx.getOptionRef(optionValue));\n      }\n    },\n    [ctx],\n  );\n\n  const selectHighlighted = React.useCallback(() => {\n    if (ctx.highlightedValue !== undefined) {\n      ctx.onValueChange(ctx.highlightedValue);\n      ctx.onOpenChange(false);\n    }\n  }, [ctx]);\n\n  const moveHighlight = React.useCallback(\n    (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n      const options = getEnabledOptions();\n      if (options.length === 0) return;\n\n      const currentIndex =\n        ctx.highlightedValue !== undefined\n          ? options.indexOf(ctx.highlightedValue)\n          : -1;\n\n      const keyMap = {\n        next: \"ArrowDown\",\n        prev: \"ArrowUp\",\n        first: \"Home\",\n        last: \"End\",\n      } as const;\n      const nextIndex = getRovingIndex(\n        keyMap[direction],\n        currentIndex,\n        options.length,\n        \"vertical\",\n      );\n      if (nextIndex === undefined) return;\n\n      const nextValue = options[nextIndex];\n      if (nextValue !== undefined) {\n        highlightOption(nextValue);\n      }\n    },\n    [ctx.highlightedValue, getEnabledOptions, highlightOption],\n  );\n\n  const openAndHighlight = React.useCallback(\n    (direction: \"first\" | \"last\" | \"current\") => {\n      ctx.onOpenChange(true);\n      const options = getEnabledOptions();\n      if (options.length === 0) return;\n\n      if (direction === \"current\" && ctx.value !== undefined) {\n        const valueIndex = options.indexOf(ctx.value);\n        if (valueIndex !== -1) {\n          highlightOption(options[valueIndex]);\n          return;\n        }\n      }\n\n      if (direction === \"last\") {\n        highlightOption(options[options.length - 1]);\n      } else {\n        highlightOption(options[0]);\n      }\n    },\n    [ctx, getEnabledOptions, highlightOption],\n  );\n\n  const handleTypeahead = React.useCallback(\n    (char: string) => {\n      if (typeaheadTimerRef.current !== undefined) {\n        clearTimeout(typeaheadTimerRef.current);\n      }\n\n      typeaheadBufferRef.current += char.toLowerCase();\n\n      typeaheadTimerRef.current = setTimeout(() => {\n        typeaheadBufferRef.current = \"\";\n      }, TYPEAHEAD_TIMEOUT);\n\n      const options = getEnabledOptions();\n      const match = options.find((v) => {\n        const label = ctx.getOptionLabel(v);\n        return label?.toLowerCase().startsWith(typeaheadBufferRef.current);\n      });\n\n      if (match !== undefined) {\n        if (!ctx.open) {\n          ctx.onOpenChange(true);\n        }\n        highlightOption(match);\n      }\n    },\n    [ctx, getEnabledOptions, highlightOption],\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    props.onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (!ctx.open) {\n          openAndHighlight(\"first\");\n        } else {\n          moveHighlight(\"next\");\n        }\n        break;\n\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (!ctx.open) {\n          openAndHighlight(\"last\");\n        } else {\n          moveHighlight(\"prev\");\n        }\n        break;\n\n      case \"Home\":\n        if (ctx.open) {\n          e.preventDefault();\n          moveHighlight(\"first\");\n        }\n        break;\n\n      case \"End\":\n        if (ctx.open) {\n          e.preventDefault();\n          moveHighlight(\"last\");\n        }\n        break;\n\n      case \"Enter\":\n        e.preventDefault();\n        if (!ctx.open) {\n          openAndHighlight(\"current\");\n        } else {\n          selectHighlighted();\n        }\n        break;\n\n      case \" \":\n        e.preventDefault();\n        if (!ctx.open) {\n          openAndHighlight(\"current\");\n        } else {\n          selectHighlighted();\n        }\n        break;\n\n      case \"Escape\":\n        if (ctx.open) {\n          e.preventDefault();\n          ctx.onOpenChange(false);\n        }\n        break;\n\n      case \"Tab\":\n        if (ctx.open) {\n          ctx.onOpenChange(false);\n          // Do not preventDefault: allow Tab to move focus naturally\n        }\n        break;\n\n      default:\n        if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n          handleTypeahead(e.key);\n        }\n        break;\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    props.onClick?.(e);\n    if (e.defaultPrevented) return;\n    ctx.onOpenChange(!ctx.open);\n    if (!ctx.open) {\n      // Opening: highlight current value or first option\n      const options = getEnabledOptions();\n      if (ctx.value !== undefined && options.includes(ctx.value)) {\n        highlightOption(ctx.value);\n      }\n    }\n  };\n\n  // aria-activedescendant must be undefined (not empty string) when no highlight\n  const ariaActiveDescendant =\n    ctx.open && ctx.highlightedValue !== undefined\n      ? `${ctx.listboxId}-option-${ctx.highlightedValue}`\n      : undefined;\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type=\"button\"\n      id={field.resolvedId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open}\n      aria-controls={ctx.listboxId}\n      aria-activedescendant={ariaActiveDescendant}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={field.ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n      disabled={resolvedDisabled}\n      className={cn(selectTriggerVariants({ intent, size }), className)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      <span\n        className={cn(\n          \"truncate\",\n          displayLabel === undefined && \"text-(--nuka-text-muted)\",\n        )}\n      >\n        {displayLabel ?? placeholder}\n      </span>\n      <ChevronIcon open={ctx.open} />\n    </button>\n  );\n}\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":";;;;;;;;;;;;AAyBA,SAAS,EAAc,EACrB,QACA,cACA,gBACA,WACA,SACA,UAAU,GACV,GAAG,KACkB;CACrB,IAAM,IAAM,GAAW,EACjB,IAAU,GAAc,EAExB,IAAQ,EAAkB;EAC9B,IAAI,EAAM;EACV,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IAAqB,EAAM,OAAO,GAAG,EACrC,IAAoB,EAAM,OAE9B,KAAA,EAAU,EAEN,IAAmB,KAAgB,EAAI,UAEvC,IACJ,EAAM,uBAAuB,EAAQ,WAAW,KAAA,IAE5C,IACJ,EAAI,UAAU,KAAA,IAA4C,KAAA,IAAhC,EAAI,eAAe,EAAI,MAAM,EAInD,IACJ,EAAM,kBACL,MAAmB,KAAA,IACf,KAAgB,KAAe,WAChC,KAAA,IAEA,IAAoB,EAAM,kBACvB,EAAI,YAAY,CAAC,QAAQ,MAAM,CAAC,EAAI,iBAAiB,EAAE,CAAC,EAC9D,CAAC,EAAI,CAAC,EAEH,IAAkB,EAAM,aAC3B,MAAoC;AAEnC,EADA,EAAI,kBAAkB,EAAY,EAC9B,MAAgB,KAAA,KAClB,EAAmB,EAAI,aAAa,EAAY,CAAC;IAGrD,CAAC,EAAI,CACN,EAEK,IAAoB,EAAM,kBAAkB;AAChD,EAAI,EAAI,qBAAqB,KAAA,MAC3B,EAAI,cAAc,EAAI,iBAAiB,EACvC,EAAI,aAAa,GAAM;IAExB,CAAC,EAAI,CAAC,EAEH,IAAgB,EAAM,aACzB,MAAkD;EACjD,IAAM,IAAU,GAAmB;AACnC,MAAI,EAAQ,WAAW,EAAG;EAE1B,IAAM,IACJ,EAAI,qBAAqB,KAAA,IAErB,KADA,EAAQ,QAAQ,EAAI,iBAAiB,EASrC,IAAY,EANH;GACb,MAAM;GACN,MAAM;GACN,OAAO;GACP,MAAM;GACP,CAEQ,IACP,GACA,EAAQ,QACR,WACD;AACD,MAAI,MAAc,KAAA,EAAW;EAE7B,IAAM,IAAY,EAAQ;AAC1B,EAAI,MAAc,KAAA,KAChB,EAAgB,EAAU;IAG9B;EAAC,EAAI;EAAkB;EAAmB;EAAgB,CAC3D,EAEK,IAAmB,EAAM,aAC5B,MAA4C;AAC3C,IAAI,aAAa,GAAK;EACtB,IAAM,IAAU,GAAmB;AAC/B,QAAQ,WAAW,GAEvB;OAAI,MAAc,aAAa,EAAI,UAAU,KAAA,GAAW;IACtD,IAAM,IAAa,EAAQ,QAAQ,EAAI,MAAM;AAC7C,QAAI,MAAe,IAAI;AACrB,OAAgB,EAAQ,GAAY;AACpC;;;AAIJ,GACE,EADE,MAAc,SACA,EAAQ,EAAQ,SAAS,KAEzB,EAAQ,GAAG;;IAG/B;EAAC;EAAK;EAAmB;EAAgB,CAC1C,EAEK,IAAkB,EAAM,aAC3B,MAAiB;AAOhB,EANI,EAAkB,YAAY,KAAA,KAChC,aAAa,EAAkB,QAAQ,EAGzC,EAAmB,WAAW,EAAK,aAAa,EAEhD,EAAkB,UAAU,iBAAiB;AAC3C,KAAmB,UAAU;SACV;EAGrB,IAAM,IADU,GAAmB,CACb,MAAM,MACZ,EAAI,eAAe,EAAE,EACrB,aAAa,CAAC,WAAW,EAAmB,QAAQ,CAClE;AAEF,EAAI,MAAU,KAAA,MACP,EAAI,QACP,EAAI,aAAa,GAAK,EAExB,EAAgB,EAAM;IAG1B;EAAC;EAAK;EAAmB;EAAgB,CAC1C,EAEK,KAAiB,MAA8C;AACnE,QAAM,YAAY,EAAE,EAChB,GAAE,iBAEN,SAAQ,EAAE,KAAV;GACE,KAAK;AAEH,IADA,EAAE,gBAAgB,EACb,EAAI,OAGP,EAAc,OAAO,GAFrB,EAAiB,QAAQ;AAI3B;GAEF,KAAK;AAEH,IADA,EAAE,gBAAgB,EACb,EAAI,OAGP,EAAc,OAAO,GAFrB,EAAiB,OAAO;AAI1B;GAEF,KAAK;AACH,IAAI,EAAI,SACN,EAAE,gBAAgB,EAClB,EAAc,QAAQ;AAExB;GAEF,KAAK;AACH,IAAI,EAAI,SACN,EAAE,gBAAgB,EAClB,EAAc,OAAO;AAEvB;GAEF,KAAK;AAEH,IADA,EAAE,gBAAgB,EACb,EAAI,OAGP,GAAmB,GAFnB,EAAiB,UAAU;AAI7B;GAEF,KAAK;AAEH,IADA,EAAE,gBAAgB,EACb,EAAI,OAGP,GAAmB,GAFnB,EAAiB,UAAU;AAI7B;GAEF,KAAK;AACH,IAAI,EAAI,SACN,EAAE,gBAAgB,EAClB,EAAI,aAAa,GAAM;AAEzB;GAEF,KAAK;AACH,IAAI,EAAI,QACN,EAAI,aAAa,GAAM;AAGzB;GAEF;AACE,IAAI,EAAE,IAAI,WAAW,KAAK,CAAC,EAAE,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,UACvD,EAAgB,EAAE,IAAI;AAExB;;IAIA,KAAe,MAA2C;AAC9D,QAAM,UAAU,EAAE,EACd,GAAE,qBACN,EAAI,aAAa,CAAC,EAAI,KAAK,EACvB,CAAC,EAAI,OAAM;GAEb,IAAM,IAAU,GAAmB;AACnC,GAAI,EAAI,UAAU,KAAA,KAAa,EAAQ,SAAS,EAAI,MAAM,IACxD,EAAgB,EAAI,MAAM;;IAM1B,IACJ,EAAI,QAAQ,EAAI,qBAAqB,KAAA,IACjC,GAAG,EAAI,UAAU,UAAU,EAAI,qBAC/B,KAAA;AAEN,QACE,kBAAC,UAAD;EACE,GAAI;EACC;EACL,MAAK;EACL,IAAI,EAAM;EACV,MAAK;EACL,iBAAc;EACd,iBAAe,EAAI;EACnB,iBAAe,EAAI;EACnB,yBAAuB;EACvB,cAAY;EACZ,mBAAiB;EACjB,gBAAc,EAAM;EACpB,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,UAAU;EACV,WAAW,EAAG,EAAsB;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EACjE,SAAS;EACT,WAAW;YAlBb,CAoBE,kBAAC,QAAD;GACE,WAAW,EACT,YACA,MAAiB,KAAA,KAAa,2BAC/B;aAEA,KAAgB;GACZ,CAAA,EACP,kBAAC,GAAD,EAAa,MAAM,EAAI,MAAQ,CAAA,CACxB;;;AAIb,EAAc,cAAc"}

package/dist/components/Select/SelectTrigger.utils.cjs

@@ -0,0 +1,2 @@
+require(`../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../utils/cn.cjs`),t=require(`../Icon/Icon.cjs`);let n=require(`react/jsx-runtime`);function r({open:r}){return(0,n.jsx)(t.Icon,{size:`sm`,color:`muted`,className:e.cn(`transition-transform duration-150`,r&&`rotate-180`),children:(0,n.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})}exports.ChevronIcon=r;
+//# sourceMappingURL=SelectTrigger.utils.cjs.map

package/dist/components/Select/SelectTrigger.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.utils.cjs","names":[],"sources":["../../../src/components/Select/SelectTrigger.utils.tsx"],"sourcesContent":["import { Icon } from \"@nuka/components/Icon\";\nimport { cn } from \"@nuka/utils/cn\";\n\nconst TYPEAHEAD_TIMEOUT = 300;\n\nfunction ChevronIcon({ open }: { open: boolean }) {\n  return (\n    <Icon\n      size=\"sm\"\n      color=\"muted\"\n      className={cn(\"transition-transform duration-150\", open && \"rotate-180\")}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    </Icon>\n  );\n}\n\nexport { TYPEAHEAD_TIMEOUT, ChevronIcon };\n"],"mappings":"uJAKA,SAAS,EAAY,CAAE,QAA2B,CAChD,OACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,MAAM,QACN,UAAW,EAAA,GAAG,oCAAqC,GAAQ,aAAa,WAExE,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CACD,CAAA"}

package/dist/components/Select/SelectTrigger.utils.d.ts

@@ -0,0 +1,6 @@
+declare const TYPEAHEAD_TIMEOUT = 300;
+declare function ChevronIcon({ open }: {
+    open: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { TYPEAHEAD_TIMEOUT, ChevronIcon };
+//# sourceMappingURL=SelectTrigger.utils.d.ts.map

package/dist/components/Select/SelectTrigger.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.utils.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectTrigger.utils.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB,MAAM,CAAC;AAE9B,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,2CAoB/C;AAED,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Select/SelectTrigger.utils.js

@@ -0,0 +1,25 @@
+import { cn as e } from "../../utils/cn.js";
+import { Icon as t } from "../Icon/Icon.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Select/SelectTrigger.utils.tsx
+function r({ open: r }) {
+	return /* @__PURE__ */ n(t, {
+		size: "sm",
+		color: "muted",
+		className: e("transition-transform duration-150", r && "rotate-180"),
+		children: /* @__PURE__ */ n("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
+		})
+	});
+}
+//#endregion
+export { r as ChevronIcon };
+
+//# sourceMappingURL=SelectTrigger.utils.js.map

package/dist/components/Select/SelectTrigger.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.utils.js","names":[],"sources":["../../../src/components/Select/SelectTrigger.utils.tsx"],"sourcesContent":["import { Icon } from \"@nuka/components/Icon\";\nimport { cn } from \"@nuka/utils/cn\";\n\nconst TYPEAHEAD_TIMEOUT = 300;\n\nfunction ChevronIcon({ open }: { open: boolean }) {\n  return (\n    <Icon\n      size=\"sm\"\n      color=\"muted\"\n      className={cn(\"transition-transform duration-150\", open && \"rotate-180\")}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <path d=\"m6 9 6 6 6-6\" />\n      </svg>\n    </Icon>\n  );\n}\n\nexport { TYPEAHEAD_TIMEOUT, ChevronIcon };\n"],"mappings":";;;;AAKA,SAAS,EAAY,EAAE,WAA2B;AAChD,QACE,kBAAC,GAAD;EACE,MAAK;EACL,OAAM;EACN,WAAW,EAAG,qCAAqC,KAAQ,aAAa;YAExE,kBAAC,OAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;aAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;GACrB,CAAA;EACD,CAAA"}

package/dist/components/Sheet/Sheet.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/dismiss-button.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`../../hooks/use-focus-trap.cjs`),c=require(`../../utils/modal-primitive.cjs`),l=require(`./Sheet.context.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var{Root:f,Trigger:p,Title:m,Description:h,Close:g}=c.createModalPrimitive({displayNamePrefix:`Sheet`,closeLabel:`Close sheet`,Context:l.SheetContext,useContext:l.useSheetContext}),_={right:`inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l`,left:`inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r`,top:`inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b`,bottom:`inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t`},v=u.forwardRef(({side:e=`right`,className:f,children:p,...m},h)=>{let g=l.useSheetContext(),v=u.useRef(null),y=n.composeRefs(h,v);return s.useFocusTrap(v,g.open),a.useScrollLock(g.open),c.useModalTitleWarning(`Sheet`,g.titleId,g.open),o.useEscapeKey(()=>g.onOpenChange(!1),g.open),g.open?(0,d.jsxs)(i.Portal,{children:[(0,d.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-state":`open`,onClick:()=>g.onOpenChange(!1),"aria-hidden":`true`}),(0,d.jsxs)(`div`,{ref:y,role:`dialog`,"aria-modal":`true`,"aria-labelledby":g.titleId,"aria-describedby":g.hasDescription?g.descriptionId:void 0,tabIndex:-1,"data-state":`open`,"data-side":e,className:t.cn(`fixed z-(--nuka-z-modal)`,`bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md`,`p-(--space-6)`,`transition-transform duration-300 ease-in-out`,`motion-reduce:transition-none`,`focus-visible:outline-none`,_[e],f),...m,children:[(0,d.jsx)(r.DismissButton,{onClick:()=>g.onOpenChange(!1),label:`Close sheet`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),p]})]}):null});v.displayName=`SheetContent`,exports.Sheet=f,exports.SheetClose=g,exports.SheetContent=v,exports.SheetDescription=h,exports.SheetTitle=m,exports.SheetTrigger=p;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/dismiss-button.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`../../hooks/use-focus-trap.cjs`),c=require(`../../utils/modal-primitive.cjs`),l=require(`../../hooks/use-modal-title-warning.cjs`),u=require(`./Sheet.context.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);var{Root:p,Trigger:m,Title:h,Description:g,Close:_}=c.createModalPrimitive({displayNamePrefix:`Sheet`,closeLabel:`Close sheet`,Context:u.SheetContext,useContext:u.useSheetContext}),v={right:`inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l`,left:`inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r`,top:`inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b`,bottom:`inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t`};function y({ref:e,side:c=`right`,className:p,children:m,...h}){let g=u.useSheetContext(),_=d.useRef(null),y=n.composeRefs(e,_);return s.useFocusTrap(_,g.open),a.useScrollLock(g.open),l.useModalTitleWarning(`Sheet`,g.titleId,g.open),o.useEscapeKey(()=>g.onOpenChange(!1),g.open),g.open?(0,f.jsxs)(i.Portal,{children:[(0,f.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-state":`open`,onClick:()=>g.onOpenChange(!1),"aria-hidden":`true`}),(0,f.jsxs)(`div`,{ref:y,role:`dialog`,"aria-modal":`true`,"aria-labelledby":g.titleId,"aria-describedby":g.hasDescription?g.descriptionId:void 0,tabIndex:-1,"data-state":`open`,"data-side":c,className:t.cn(`fixed z-(--nuka-z-modal)`,`bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md`,`p-(--space-6)`,`transition-transform duration-300 ease-in-out`,`motion-reduce:transition-none`,`focus-visible:outline-none`,v[c],p),...h,children:[(0,f.jsx)(r.DismissButton,{onClick:()=>g.onOpenChange(!1),label:`Close sheet`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),m]})]}):null}y.displayName=`SheetContent`,exports.Sheet=p,exports.SheetClose=_,exports.SheetContent=y,exports.SheetDescription=g,exports.SheetTitle=h,exports.SheetTrigger=m;
 //# sourceMappingURL=Sheet.cjs.map

package/dist/components/Sheet/Sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.cjs","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n  useModalTitleWarning,\n} from \"@nuka/utils/modal-primitive\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  side?: SheetSide;\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = \"right\", className, children, ...props }, ref) => {\n    const ctx = useSheetContext();\n    const panelRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, panelRef);\n\n    useFocusTrap(panelRef, ctx.open);\n    useScrollLock(ctx.open);\n    useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n    useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n    if (!ctx.open) return null;\n\n    return (\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n            \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n          )}\n          data-state=\"open\"\n          onClick={() => ctx.onOpenChange(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          ref={composedRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ctx.titleId}\n          aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n          tabIndex={-1}\n          data-state=\"open\"\n          data-side={side}\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n            \"p-(--space-6)\",\n            \"transition-transform duration-300 ease-in-out\",\n            \"motion-reduce:transition-none\",\n            // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n            \"focus-visible:outline-none\",\n            sideClasses[side],\n            className,\n          )}\n          {...props}\n        >\n          <DismissButton\n            onClick={() => ctx.onOpenChange(false)}\n            label=\"Close sheet\"\n            className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n          />\n          {children}\n        </div>\n      </Portal>\n    );\n  },\n);\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":"qfA2BA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,QACnB,WAAY,cACZ,QAAS,EAAA,aACT,WAAY,EAAA,gBACb,CAAC,CAQI,EAAyC,CAC7C,MACE,oGACF,KAAM,oGACN,IAAK,oFACL,OACE,sFACH,CAMK,EAAe,EAAM,YACxB,CAAE,OAAO,QAAS,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC1D,IAAM,EAAM,EAAA,iBAAiB,CACvB,EAAW,EAAM,OAAuB,KAAK,CAC7C,EAAc,EAAA,YAAY,EAAK,EAAS,CAS9C,OAPA,EAAA,aAAa,EAAU,EAAI,KAAK,CAChC,EAAA,cAAc,EAAI,KAAK,CACvB,EAAA,qBAAqB,QAAS,EAAI,QAAS,EAAI,KAAK,CACpD,EAAA,iBAAmB,EAAI,aAAa,GAAM,CAAE,EAAI,KAAK,CAEhD,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,uEACD,CACD,aAAW,OACX,YAAe,EAAI,aAAa,GAAM,CACtC,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,aAAW,OACX,YAAW,EACX,UAAW,EAAA,GACT,2BACA,4DACA,gBACA,gDACA,gCAEA,6BACA,EAAY,GACZ,EACD,CACD,GAAI,WApBN,EAsBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,GAAM,CACtC,MAAM,cACN,UAAU,sEACV,CAAA,CACD,EACG,GACC,CAAA,CAAA,CA3CW,MA8CzB,CAED,EAAa,YAAc"}
+{"version":3,"file":"Sheet.cjs","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  side?: SheetSide;\n}\n\nfunction SheetContent({\n  ref,\n  side = \"right\",\n  className,\n  children,\n  ...props\n}: SheetContentProps) {\n  const ctx = useSheetContext();\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, panelRef);\n\n  useFocusTrap(panelRef, ctx.open);\n  useScrollLock(ctx.open);\n  useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n  useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n  if (!ctx.open) return null;\n\n  return (\n    <Portal>\n      <div\n        className={cn(\n          \"fixed inset-0 z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-overlay)\",\n          \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n        )}\n        data-state=\"open\"\n        onClick={() => ctx.onOpenChange(false)}\n        aria-hidden=\"true\"\n      />\n      <div\n        ref={composedRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={ctx.titleId}\n        aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n        tabIndex={-1}\n        data-state=\"open\"\n        data-side={side}\n        className={cn(\n          \"fixed z-(--nuka-z-modal)\",\n          \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n          \"p-(--space-6)\",\n          \"transition-transform duration-300 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n          \"focus-visible:outline-none\",\n          sideClasses[side],\n          className,\n        )}\n        {...props}\n      >\n        <DismissButton\n          onClick={() => ctx.onOpenChange(false)}\n          label=\"Close sheet\"\n          className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n        />\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":"0iBA2BA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,QACnB,WAAY,cACZ,QAAS,EAAA,aACT,WAAY,EAAA,gBACb,CAAC,CAQI,EAAyC,CAC7C,MACE,oGACF,KAAM,oGACN,IAAK,oFACL,OACE,sFACH,CAOD,SAAS,EAAa,CACpB,MACA,OAAO,QACP,YACA,WACA,GAAG,GACiB,CACpB,IAAM,EAAM,EAAA,iBAAiB,CACvB,EAAW,EAAM,OAAuB,KAAK,CAC7C,EAAc,EAAA,YAAY,EAAK,EAAS,CAS9C,OAPA,EAAA,aAAa,EAAU,EAAI,KAAK,CAChC,EAAA,cAAc,EAAI,KAAK,CACvB,EAAA,qBAAqB,QAAS,EAAI,QAAS,EAAI,KAAK,CACpD,EAAA,iBAAmB,EAAI,aAAa,GAAM,CAAE,EAAI,KAAK,CAEhD,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,uEACD,CACD,aAAW,OACX,YAAe,EAAI,aAAa,GAAM,CACtC,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,aAAW,OACX,YAAW,EACX,UAAW,EAAA,GACT,2BACA,4DACA,gBACA,gDACA,gCAEA,6BACA,EAAY,GACZ,EACD,CACD,GAAI,WApBN,EAsBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,GAAM,CACtC,MAAM,cACN,UAAU,sEACV,CAAA,CACD,EACG,GACC,CAAA,CAAA,CA3CW,KA+CxB,EAAa,YAAc"}

package/dist/components/Sheet/Sheet.d.ts

@@ -1,15 +1,19 @@
 import { ModalRootProps, ModalTriggerProps, ModalTitleProps, ModalDescriptionProps, ModalCloseProps } from '../../utils/modal-primitive';
 import * as React from "react";
 export type SheetSide = "top" | "right" | "bottom" | "left";
-declare const Sheet: React.FC<ModalRootProps>, SheetTrigger: React.ForwardRefExoticComponent<ModalTriggerProps & React.RefAttributes<HTMLButtonElement>>, SheetTitle: React.ForwardRefExoticComponent<ModalTitleProps & React.RefAttributes<HTMLElement>>, SheetDescription: React.ForwardRefExoticComponent<ModalDescriptionProps & React.RefAttributes<HTMLElement>>, SheetClose: React.ForwardRefExoticComponent<ModalCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Sheet: React.FC<ModalRootProps>, SheetTrigger: React.FC<ModalTriggerProps>, SheetTitle: React.FC<ModalTitleProps>, SheetDescription: React.FC<ModalDescriptionProps>, SheetClose: React.FC<ModalCloseProps>;
 export type SheetProps = ModalRootProps;
 export type SheetTriggerProps = ModalTriggerProps;
 export type SheetTitleProps = ModalTitleProps;
 export type SheetDescriptionProps = ModalDescriptionProps;
 export type SheetCloseProps = ModalCloseProps;
 export interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     side?: SheetSide;
 }
-declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function SheetContent({ ref, side, className, children, ...props }: SheetContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace SheetContent {
+    var displayName: string;
+}
 export { Sheet, SheetTrigger, SheetContent, SheetTitle, SheetDescription, SheetClose, };
 //# sourceMappingURL=Sheet.d.ts.map

package/dist/components/Sheet/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,QAAA,MACQ,KAAK,4BACF,YAAY,+FACd,UAAU,uFACJ,gBAAgB,6FACtB,UAAU,2FAMjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAClD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAW9C,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,YAAY,0FAyDjB,CAAC;AAIF,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,QAAA,MACQ,KAAK,4BACF,YAAY,+BACd,UAAU,6BACJ,gBAAgB,mCACtB,UAAU,2BAMjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAClD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAW9C,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,EACH,IAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,kDAuDnB;kBA7DQ,YAAY;;;AAiErB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,CAAC"}