@uselets/ui 1.20.3 → 2.0.0

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../src/components/input.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\n\nexport type InputProps = React.ComponentProps<'input'>\n\nfunction Input({ className, id, type, ...props }: InputProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <input\n      id={fieldControlId}\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'border-input dark:bg-input/30 h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base md:text-sm transition-colors',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3',\n        'aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n        'placeholder:text-placeholder',\n        'file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground',\n        'outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input/50 dark:disabled:bg-input/80',\n        '[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":"oKAOA,SAAS,MAAM,CAAE,YAAW,KAAI,OAAM,GAAG,GAAqB,CAC5D,IAAM,EAAiB,EAAkB,CAAE,EAE3C,OACE,EAAC,QAAD,CACE,GAAI,EACE,OACN,YAAU,QACV,UAAW,EACT,uIACA,4EACA,qKACA,+BACA,iHACA,2IACA,mGACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"input.js","names":["ariaInvalid","props","fieldControlId","useFieldControlId","id","invalid","useFieldInvalid","cn","className"],"sources":["../../src/components/input.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId, useFieldInvalid } from './field'\n\nexport type InputProps = React.ComponentProps<'input'>\n\nfunction Input({ className, id, type, 'aria-invalid': ariaInvalid, ...props }: InputProps) {\n  const fieldControlId = useFieldControlId(id)\n  const invalid = useFieldInvalid(ariaInvalid)\n\n  return (\n    <input\n      id={fieldControlId}\n      aria-invalid={invalid}\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'border-input dark:bg-input/30 h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base md:text-sm transition-colors',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3',\n        'aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n        'placeholder:text-placeholder',\n        'file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground',\n        'outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input/50 dark:disabled:bg-input/80',\n        '[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":"yLAOA,SAAS,MAAM,CAAE,YAAW,KAAI,OAAM,eAAgBA,EAAa,GAAGC,GAAqB,CACzF,IAAMC,EAAiBC,EAAkBC,CAAE,EACrCC,EAAUC,EAAgBN,CAAW,EAE3C,MACE,kBAAC,QAAD,CACE,GAAIE,EACJ,eAAcG,EACR,OACN,YAAU,QACV,UAAWE,EACT,uIACA,4EACA,qKACA,+BACA,iHACA,2IACA,mGACAC,CACF,EACA,GAAIP,CACL,CAAA,CAEL"}

package/dist/components/kbd.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{jsx as t}from"react/jsx-runtime";function Kbd({className:n,...r}){return t(`kbd`,{"data-slot":`kbd`,className:e(`bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none`,n),...r})}function KbdGroup({className:n,...r}){return t(`kbd`,{"data-slot":`kbd-group`,className:e(`gap-1 inline-flex items-center`,n),...r})}export{Kbd,KbdGroup};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{jsx as t}from"react/jsx-runtime";function Kbd({className:n,...r}){return/* @__PURE__ */ t(`kbd`,{"data-slot":`kbd`,className:e(`bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none`,n),...r})}function KbdGroup({className:n,...r}){return/* @__PURE__ */ t(`kbd`,{"data-slot":`kbd-group`,className:e(`gap-1 inline-flex items-center`,n),...r})}export{Kbd,KbdGroup};
 //# sourceMappingURL=kbd.js.map

package/dist/components/kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport type KbdProps = React.ComponentProps<'kbd'>\n\nexport type KbdGroupProps = React.ComponentProps<'div'>\n\nfunction Kbd({ className, ...props }: KbdProps) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: KbdGroupProps) {\n  return <kbd data-slot=\"kbd-group\" className={cn('gap-1 inline-flex items-center', className)} {...props} />\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":"qHAQA,SAAS,IAAI,CAAE,YAAW,GAAG,GAAmB,CAC9C,OACE,EAAC,MAAD,CACE,YAAU,MACV,UAAW,EACT,wWACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,SAAS,CAAE,YAAW,GAAG,GAAwB,CACxD,OAAO,EAAC,MAAD,CAAK,YAAU,YAAY,UAAW,EAAG,iCAAkC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC5G"}
+{"version":3,"file":"kbd.js","names":["props","cn","className"],"sources":["../../src/components/kbd.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\nexport type KbdProps = React.ComponentProps<'kbd'>\n\nexport type KbdGroupProps = React.ComponentProps<'div'>\n\nfunction Kbd({ className, ...props }: KbdProps) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: KbdGroupProps) {\n  return <kbd data-slot=\"kbd-group\" className={cn('gap-1 inline-flex items-center', className)} {...props} />\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":"qHAQA,SAAS,IAAI,CAAE,YAAW,GAAGA,GAAmB,CAC9C,MACE,kBAAC,MAAD,CACE,YAAU,MACV,UAAWC,EACT,wWACAC,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CAEA,SAAS,SAAS,CAAE,YAAW,GAAGA,GAAwB,CACxD,MAAO,kBAAC,MAAD,CAAK,YAAU,YAAY,UAAWC,EAAG,iCAAkCC,CAAS,EAAG,GAAIF,CAAQ,CAAA,CAC5G"}

package/dist/components/label.d.ts

@@ -1,9 +1,8 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { Label as Label$1 } from "radix-ui";
-import * as React from "react";
+import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
 //#region src/components/label.d.ts
-export type LabelProps = React.ComponentProps<typeof Label$1.Root>;
-declare function Label({ className, ...props }: LabelProps): React.JSX.Element;
+export type LabelProps = AsChildProps<'label'>;
+declare function Label({ className, ...props }: LabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.ts.map

package/dist/components/label.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Label as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function Label({className:r,...i}){return n(t.Root,{"data-slot":`label`,className:e(`flex items-center gap-2 select-none text-sm leading-none`,`group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,r),...i})}export{Label};
+import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";function Label({className:n,...r}){return e(`label`,{"data-slot":`label`,className:t(`flex items-center gap-2 select-none text-sm leading-none`,`group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,`peer-data-disabled:cursor-not-allowed peer-data-disabled:opacity-50`,n),...r})}export{Label};
 //# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["LabelPrimitive"],"sources":["../../src/components/label.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Label as LabelPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type LabelProps = React.ComponentProps<typeof LabelPrimitive.Root>\n\nfunction Label({ className, ...props }: LabelProps) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-2 select-none text-sm leading-none',\n        'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":"sJAQA,SAAS,MAAM,CAAE,YAAW,GAAG,GAAqB,CAClD,OACE,EAACA,EAAe,KAAhB,CACE,YAAU,QACV,UAAW,EACT,2DACA,uFACA,4DACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"label.js","names":["props","useAsChild","cn","className"],"sources":["../../src/components/label.tsx"],"sourcesContent":["import { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\nexport type LabelProps = AsChildProps<'label'>\n\nfunction Label({ className, ...props }: LabelProps) {\n  return useAsChild('label', {\n    'data-slot': 'label',\n    className: cn(\n      'flex items-center gap-2 select-none text-sm leading-none',\n      'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n      'peer-data-disabled:cursor-not-allowed peer-data-disabled:opacity-50',\n      className\n    ),\n    ...props\n  })\n}\n\nexport { Label }\n"],"mappings":"6HAKA,SAAS,MAAM,CAAE,YAAW,GAAGA,GAAqB,CAClD,OAAOC,EAAW,QAAS,CACzB,YAAa,QACb,UAAWC,EACT,2DACA,uFACA,4DACA,sEACAC,CACF,EACA,GAAGH,CACL,CAAC,CACH"}

package/dist/components/list.d.ts

@@ -1,6 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { VariantProps } from "class-variance-authority";
+import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/list.d.ts
 type ListType = 'unordered' | 'ordered';
 type InternalListItemProps = {
@@ -11,15 +12,17 @@ declare const listVariants: (props?: ({
   spacing?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ListProps = Omit<React.ComponentProps<'ul'>, 'ref' | 'type'> & Omit<React.ComponentProps<'ol'>, 'ref' | 'type'> & VariantProps<typeof listVariants> & {
+  /**
+   * `ordered` renders an `<ol>`; `unordered` renders a `<ul>`.
+   * @default 'unordered'
+   */
   type?: ListType;
 };
 export type ListItemProps = React.ComponentProps<'li'>;
-export type ListIconProps = React.ComponentProps<'span'> & {
-  asChild?: boolean;
-};
+export type ListIconProps = AsChildProps<'span'>;
 declare function List({ className, children, type, size, spacing, ...props }: ListProps): React.JSX.Element;
 declare function ListItem({ className, children, __index, ...props }: ListItemProps & InternalListItemProps): React.JSX.Element;
-declare function ListIcon({ className, asChild, ...props }: ListIconProps): React.JSX.Element;
+declare function ListIcon({ className, asChild, ...props }: ListIconProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //#endregion
 export { List, ListIcon, ListItem, listVariants };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/list.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{cva as i}from"class-variance-authority";import*as a from"react";const o=a.createContext({type:`unordered`}),s=i(`m-0 flex list-none flex-col p-0 text-foreground`,{variants:{size:{xs:`text-xs`,sm:`text-sm`,md:`text-base`,lg:`text-lg`,xl:`text-xl`},spacing:{xs:`gap-1`,sm:`gap-2`,md:`gap-3`,lg:`gap-4`,xl:`gap-6`}},defaultVariants:{size:`md`,spacing:`md`}});function List({className:t,children:r,type:i=`unordered`,size:a=`md`,spacing:c=`md`,...l}){let u=i===`ordered`?`ol`:`ul`;return n(o.Provider,{value:{type:i},children:n(u,{"data-slot":`list`,"data-type":i,"data-size":a,"data-spacing":c,className:e(s({size:a,spacing:c}),t),...l,children:injectListItemIndices(r)})})}function ListItem({className:t,children:i,__index:s,...c}){let{type:l}=a.useContext(o),u=a.Children.toArray(i),d=u.find(isListIconElement)??null,f=d?u.filter(e=>e!==d):u,p=l===`ordered`;return r(`li`,{"data-slot":`list-item`,"data-type":l,"data-has-icon":d?`true`:`false`,className:e(`grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-3`,t),...c,children:[n(`span`,{"aria-hidden":`true`,className:e(`shrink-0`,d&&`flex min-h-5 min-w-4 items-center justify-center pt-0.5 text-primary [&_svg]:size-[1em]`,!d&&p&&`min-w-7 pt-0.5 text-right font-medium tabular-nums text-muted-foreground`,!d&&!p&&`flex min-h-5 min-w-4 items-start justify-center pt-[0.45em] text-muted-foreground`),children:d??(p?`${(s??0)+1}.`:n(`span`,{className:`size-1.5 rounded-full bg-current`}))}),n(`div`,{className:`min-w-0`,children:f})]})}function ListIcon({className:r,asChild:i=!1,...a}){let o=i?t.Root:`span`;return n(o,{"data-slot":`list-icon`,className:e(`inline-flex shrink-0 items-center justify-center text-primary [&>svg]:size-4`,i&&`size-4`,r),...a})}function injectListItemIndices(e,t={current:0}){return a.Children.map(e,e=>{if(!a.isValidElement(e))return e;if(e.type===a.Fragment){let r=e;return n(a.Fragment,{children:injectListItemIndices(r.props.children,t)},e.key)}return e.type===ListItem?a.cloneElement(e,{__index:t.current++}):e})}function isListIconElement(e){return a.isValidElement(e)&&e.type===ListIcon}export{List,ListIcon,ListItem,s as listVariants};
+import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";import*as n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";const o=n.createContext({type:`unordered`}),s=a(`m-0 flex list-none flex-col p-0 text-foreground`,{variants:{size:{xs:`text-xs`,sm:`text-sm`,md:`text-base`,lg:`text-lg`,xl:`text-xl`},spacing:{xs:`gap-1`,sm:`gap-2`,md:`gap-3`,lg:`gap-4`,xl:`gap-6`}},defaultVariants:{size:`md`,spacing:`md`}});function List({className:e,children:n,type:i=`unordered`,size:a=`md`,spacing:c=`md`,...l}){let u=i===`ordered`?`ol`:`ul`;return/* @__PURE__ */ r(o.Provider,{value:{type:i},children:/* @__PURE__ */ r(u,{"data-slot":`list`,"data-type":i,"data-size":a,"data-spacing":c,className:t(s({size:a,spacing:c}),e),...l,children:injectListItemIndices(n)})})}function ListItem({className:e,children:a,__index:s,...c}){let{type:l}=n.useContext(o),u=n.Children.toArray(a),d=u.find(isListIconElement)??null,f=d?u.filter(e=>e!==d):u,p=l===`ordered`;return/* @__PURE__ */ i(`li`,{"data-slot":`list-item`,"data-type":l,"data-has-icon":d?`true`:`false`,className:t(`grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-3`,e),...c,children:[/* @__PURE__ */ r(`span`,{"aria-hidden":`true`,className:t(`shrink-0`,d&&`flex min-h-5 min-w-4 items-center justify-center pt-0.5 text-primary [&_svg]:size-[1em]`,!d&&p&&`min-w-7 pt-0.5 text-right font-medium tabular-nums text-muted-foreground`,!d&&!p&&`flex min-h-5 min-w-4 items-start justify-center pt-[0.45em] text-muted-foreground`),children:d??(p?`${(s??0)+1}.`:/* @__PURE__ */ r(`span`,{className:`size-1.5 rounded-full bg-current`}))}),/* @__PURE__ */ r(`div`,{className:`min-w-0`,children:f})]})}function ListIcon({className:n,asChild:r=!1,...i}){return e(`span`,{asChild:r,"data-slot":`list-icon`,className:t(`inline-flex shrink-0 items-center justify-center text-primary [&>svg]:size-4`,r&&`size-4`,n),...i})}function injectListItemIndices(e,t={current:0}){return n.Children.map(e,e=>{if(!n.isValidElement(e))return e;if(e.type===n.Fragment){let i=e;return/* @__PURE__ */ r(n.Fragment,{children:injectListItemIndices(i.props.children,t)},e.key)}return e.type===ListItem?n.cloneElement(e,{__index:t.current++}):e})}function isListIconElement(e){return n.isValidElement(e)&&e.type===ListIcon}export{List,ListIcon,ListItem,s as listVariants};
 //# sourceMappingURL=list.js.map

package/dist/components/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../src/components/list.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Slot } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\ntype ListType = 'unordered' | 'ordered'\n\ntype ListContextValue = {\n  type: ListType\n}\n\ntype InternalListItemProps = {\n  __index?: number\n}\n\nconst ListContext = React.createContext<ListContextValue>({\n  type: 'unordered'\n})\n\nconst listVariants = cva('m-0 flex list-none flex-col p-0 text-foreground', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl'\n    },\n    spacing: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6'\n    }\n  },\n  defaultVariants: {\n    size: 'md',\n    spacing: 'md'\n  }\n})\n\nexport type ListProps = Omit<React.ComponentProps<'ul'>, 'ref' | 'type'> &\n  Omit<React.ComponentProps<'ol'>, 'ref' | 'type'> &\n  VariantProps<typeof listVariants> & {\n    type?: ListType\n  }\n\nexport type ListItemProps = React.ComponentProps<'li'>\n\nexport type ListIconProps = React.ComponentProps<'span'> & {\n  asChild?: boolean\n}\n\nfunction List({ className, children, type = 'unordered', size = 'md', spacing = 'md', ...props }: ListProps) {\n  const Comp = type === 'ordered' ? 'ol' : 'ul'\n\n  return (\n    <ListContext.Provider value={{ type }}>\n      <Comp\n        data-slot=\"list\"\n        data-type={type}\n        data-size={size}\n        data-spacing={spacing}\n        className={cn(listVariants({ size, spacing }), className)}\n        {...props}\n      >\n        {injectListItemIndices(children)}\n      </Comp>\n    </ListContext.Provider>\n  )\n}\n\nfunction ListItem({ className, children, __index, ...props }: ListItemProps & InternalListItemProps) {\n  const { type } = React.useContext(ListContext)\n  const items = React.Children.toArray(children)\n  const icon = items.find(isListIconElement) ?? null\n  const content = icon ? items.filter((item) => item !== icon) : items\n  const isOrdered = type === 'ordered'\n\n  return (\n    <li\n      data-slot=\"list-item\"\n      data-type={type}\n      data-has-icon={icon ? 'true' : 'false'}\n      className={cn('grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-3', className)}\n      {...props}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'shrink-0',\n          icon && 'flex min-h-5 min-w-4 items-center justify-center pt-0.5 text-primary [&_svg]:size-[1em]',\n          !icon && isOrdered && 'min-w-7 pt-0.5 text-right font-medium tabular-nums text-muted-foreground',\n          !icon && !isOrdered && 'flex min-h-5 min-w-4 items-start justify-center pt-[0.45em] text-muted-foreground'\n        )}\n      >\n        {icon ?? (isOrdered ? `${(__index ?? 0) + 1}.` : <span className=\"size-1.5 rounded-full bg-current\" />)}\n      </span>\n      <div className=\"min-w-0\">{content}</div>\n    </li>\n  )\n}\n\nfunction ListIcon({ className, asChild = false, ...props }: ListIconProps) {\n  const Comp = asChild ? Slot.Root : 'span'\n\n  return (\n    <Comp\n      data-slot=\"list-icon\"\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center text-primary [&>svg]:size-4',\n        asChild && 'size-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction injectListItemIndices(children: React.ReactNode, indexRef = { current: 0 }): React.ReactNode {\n  return React.Children.map(children, (child) => {\n    if (!React.isValidElement(child)) {\n      return child\n    }\n\n    if (child.type === React.Fragment) {\n      const fragment = child as React.ReactElement<{ children?: React.ReactNode }>\n\n      return <React.Fragment key={child.key}>{injectListItemIndices(fragment.props.children, indexRef)}</React.Fragment>\n    }\n\n    if (child.type === ListItem) {\n      return React.cloneElement(child as React.ReactElement<ListItemProps & InternalListItemProps>, {\n        __index: indexRef.current++\n      })\n    }\n\n    return child\n  })\n}\n\nfunction isListIconElement(child: React.ReactNode): child is React.ReactElement<ListIconProps> {\n  return React.isValidElement(child) && child.type === ListIcon\n}\n\nexport { List, ListIcon, ListItem, listVariants }\n"],"mappings":"sOAiBA,MAAM,EAAc,EAAM,cAAgC,CACxD,KAAM,WACR,CAAC,EAEK,EAAe,EAAI,kDAAmD,CAC1E,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,YACJ,GAAI,UACJ,GAAI,SACN,EACA,QAAS,CACP,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,CACF,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,IACX,CACF,CAAC,EAcD,SAAS,KAAK,CAAE,YAAW,WAAU,OAAO,YAAa,OAAO,KAAM,UAAU,KAAM,GAAG,GAAoB,CAC3G,IAAM,EAAO,IAAS,UAAY,KAAO,KAEzC,OACE,EAAC,EAAY,SAAb,CAAsB,MAAO,CAAE,MAAK,EAClC,SAAA,EAAC,EAAD,CACE,YAAU,OACV,YAAW,EACX,YAAW,EACX,eAAc,EACd,UAAW,EAAG,EAAa,CAAE,OAAM,SAAQ,CAAC,EAAG,CAAS,EACxD,GAAI,EAEH,SAAA,sBAAsB,CAAQ,CAC3B,CAAA,CACc,CAAA,CAE1B,CAEA,SAAS,SAAS,CAAE,YAAW,WAAU,UAAS,GAAG,GAAgD,CACnG,GAAM,CAAE,QAAS,EAAM,WAAW,CAAW,EACvC,EAAQ,EAAM,SAAS,QAAQ,CAAQ,EACvC,EAAO,EAAM,KAAK,iBAAiB,GAAK,KACxC,EAAU,EAAO,EAAM,OAAQ,GAAS,IAAS,CAAI,EAAI,EACzD,EAAY,IAAS,UAE3B,OACE,EAAC,KAAD,CACE,YAAU,YACV,YAAW,EACX,gBAAe,EAAO,OAAS,QAC/B,UAAW,EAAG,0DAA2D,CAAS,EAClF,GAAI,EALN,SAAA,CAOE,EAAC,OAAD,CACE,cAAY,OACZ,UAAW,EACT,WACA,GAAQ,0FACR,CAAC,GAAQ,GAAa,2EACtB,CAAC,GAAQ,CAAC,GAAa,mFACzB,EAEC,SAAA,IAAS,EAAY,IAAI,GAAW,GAAK,EAAE,GAAK,EAAC,OAAD,CAAM,UAAU,kCAAoC,CAAA,EACjG,CAAA,EACN,EAAC,MAAD,CAAK,UAAU,UAAW,SAAA,CAAa,CAAA,CACrC,GAER,CAEA,SAAS,SAAS,CAAE,YAAW,UAAU,GAAO,GAAG,GAAwB,CACzE,IAAM,EAAO,EAAU,EAAK,KAAO,OAEnC,OACE,EAAC,EAAD,CACE,YAAU,YACV,UAAW,EACT,+EACA,GAAW,SACX,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,sBAAsB,EAA2B,EAAW,CAAE,QAAS,CAAE,EAAoB,CACpG,OAAO,EAAM,SAAS,IAAI,EAAW,GAAU,CAC7C,GAAI,CAAC,EAAM,eAAe,CAAK,EAC7B,OAAO,EAGT,GAAI,EAAM,OAAS,EAAM,SAAU,CACjC,IAAM,EAAW,EAEjB,OAAO,EAAC,EAAM,SAAP,CAAA,SAAiC,sBAAsB,EAAS,MAAM,SAAU,CAAQ,CAAkB,EAArF,EAAM,GAA+E,CACnH,CAQA,OANI,EAAM,OAAS,SACV,EAAM,aAAa,EAAoE,CAC5F,QAAS,EAAS,SACpB,CAAC,EAGI,CACT,CAAC,CACH,CAEA,SAAS,kBAAkB,EAAoE,CAC7F,OAAO,EAAM,eAAe,CAAK,GAAK,EAAM,OAAS,QACvD"}
+{"version":3,"file":"list.js","names":["React","ListContext","listVariants","cva","props","Comp","type","size","spacing","cn","className","children","items","icon","content","item","isOrdered","__index","useAsChild","asChild","child","fragment","indexRef"],"sources":["../../src/components/list.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\ntype ListType = 'unordered' | 'ordered'\n\ntype ListContextValue = {\n  type: ListType\n}\n\ntype InternalListItemProps = {\n  __index?: number\n}\n\nconst ListContext = React.createContext<ListContextValue>({\n  type: 'unordered'\n})\n\nconst listVariants = cva('m-0 flex list-none flex-col p-0 text-foreground', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl'\n    },\n    spacing: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6'\n    }\n  },\n  defaultVariants: {\n    size: 'md',\n    spacing: 'md'\n  }\n})\n\nexport type ListProps = Omit<React.ComponentProps<'ul'>, 'ref' | 'type'> &\n  Omit<React.ComponentProps<'ol'>, 'ref' | 'type'> &\n  VariantProps<typeof listVariants> & {\n    /**\n     * `ordered` renders an `<ol>`; `unordered` renders a `<ul>`.\n     * @default 'unordered'\n     */\n    type?: ListType\n  }\n\nexport type ListItemProps = React.ComponentProps<'li'>\n\nexport type ListIconProps = AsChildProps<'span'>\n\nfunction List({ className, children, type = 'unordered', size = 'md', spacing = 'md', ...props }: ListProps) {\n  const Comp = type === 'ordered' ? 'ol' : 'ul'\n\n  return (\n    <ListContext.Provider value={{ type }}>\n      <Comp\n        data-slot=\"list\"\n        data-type={type}\n        data-size={size}\n        data-spacing={spacing}\n        className={cn(listVariants({ size, spacing }), className)}\n        {...props}\n      >\n        {injectListItemIndices(children)}\n      </Comp>\n    </ListContext.Provider>\n  )\n}\n\nfunction ListItem({ className, children, __index, ...props }: ListItemProps & InternalListItemProps) {\n  const { type } = React.useContext(ListContext)\n  const items = React.Children.toArray(children)\n  const icon = items.find(isListIconElement) ?? null\n  const content = icon ? items.filter((item) => item !== icon) : items\n  const isOrdered = type === 'ordered'\n\n  return (\n    <li\n      data-slot=\"list-item\"\n      data-type={type}\n      data-has-icon={icon ? 'true' : 'false'}\n      className={cn('grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-3', className)}\n      {...props}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'shrink-0',\n          icon && 'flex min-h-5 min-w-4 items-center justify-center pt-0.5 text-primary [&_svg]:size-[1em]',\n          !icon && isOrdered && 'min-w-7 pt-0.5 text-right font-medium tabular-nums text-muted-foreground',\n          !icon && !isOrdered && 'flex min-h-5 min-w-4 items-start justify-center pt-[0.45em] text-muted-foreground'\n        )}\n      >\n        {icon ?? (isOrdered ? `${(__index ?? 0) + 1}.` : <span className=\"size-1.5 rounded-full bg-current\" />)}\n      </span>\n      <div className=\"min-w-0\">{content}</div>\n    </li>\n  )\n}\n\nfunction ListIcon({ className, asChild = false, ...props }: ListIconProps) {\n  return useAsChild('span', {\n    asChild,\n    'data-slot': 'list-icon',\n    className: cn(\n      'inline-flex shrink-0 items-center justify-center text-primary [&>svg]:size-4',\n      asChild && 'size-4',\n      className\n    ),\n    ...props\n  })\n}\n\nfunction injectListItemIndices(children: React.ReactNode, indexRef = { current: 0 }): React.ReactNode {\n  return React.Children.map(children, (child) => {\n    if (!React.isValidElement(child)) {\n      return child\n    }\n\n    if (child.type === React.Fragment) {\n      const fragment = child as React.ReactElement<{ children?: React.ReactNode }>\n\n      return <React.Fragment key={child.key}>{injectListItemIndices(fragment.props.children, indexRef)}</React.Fragment>\n    }\n\n    if (child.type === ListItem) {\n      return React.cloneElement(child as React.ReactElement<ListItemProps & InternalListItemProps>, {\n        __index: indexRef.current++\n      })\n    }\n\n    return child\n  })\n}\n\nfunction isListIconElement(child: React.ReactNode): child is React.ReactElement<ListIconProps> {\n  return React.isValidElement(child) && child.type === ListIcon\n}\n\nexport { List, ListIcon, ListItem, listVariants }\n"],"mappings":"sPAiBA,MAAMC,EAAcD,EAAM,cAAgC,CACxD,KAAM,WACR,CAAC,EAEKE,EAAeC,EAAI,kDAAmD,CAC1E,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,YACJ,GAAI,UACJ,GAAI,SACN,EACA,QAAS,CACP,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,CACF,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,IACX,CACF,CAAC,EAgBD,SAAS,KAAK,CAAE,YAAW,WAAU,OAAO,YAAa,OAAO,KAAM,UAAU,KAAM,GAAGC,GAAoB,CAC3G,IAAMC,EAAOC,IAAS,UAAY,KAAO,KAEzC,MACE,kBAACL,EAAY,SAAb,CAAsB,MAAO,CAAE,MAAK,EAClC,SAAA,kBAACI,EAAD,CACE,YAAU,OACV,YAAWC,EACX,YAAWC,EACX,eAAcC,EACd,UAAWC,EAAGP,EAAa,CAAE,OAAM,SAAQ,CAAC,EAAGQ,CAAS,EACxD,GAAIN,EAEH,SAAA,sBAAsBO,CAAQ,CAC3B,CAAA,CACc,CAAA,CAE1B,CAEA,SAAS,SAAS,CAAE,YAAW,WAAU,UAAS,GAAGP,GAAgD,CACnG,GAAM,CAAE,QAASJ,EAAM,WAAWC,CAAW,EACvCW,EAAQZ,EAAM,SAAS,QAAQW,CAAQ,EACvCE,EAAOD,EAAM,KAAK,iBAAiB,GAAK,KACxCE,EAAUD,EAAOD,EAAM,OAAQ,GAASG,IAASF,CAAI,EAAID,EACzDI,EAAYV,IAAS,UAE3B,MACE,kBAAC,KAAD,CACE,YAAU,YACV,YAAWA,EACX,gBAAeO,EAAO,OAAS,QAC/B,UAAWJ,EAAG,0DAA2DC,CAAS,EAClF,GAAIN,EALN,SAAA,CAOE,kBAAC,OAAD,CACE,cAAY,OACZ,UAAWK,EACT,WACAI,GAAQ,0FACR,CAACA,GAAQG,GAAa,2EACtB,CAACH,GAAQ,CAACG,GAAa,mFACzB,EAEC,SAAAH,IAASG,EAAY,IAAIC,GAAW,GAAK,EAAE,GAAK,kBAAC,OAAD,CAAM,UAAU,kCAAoC,CAAA,EACjG,CAAA,EACN,kBAAC,MAAD,CAAK,UAAU,UAAW,SAAAH,CAAa,CAAA,CACrC,GAER,CAEA,SAAS,SAAS,CAAE,YAAW,UAAU,GAAO,GAAGV,GAAwB,CACzE,OAAOc,EAAW,OAAQ,CACxB,UACA,YAAa,YACb,UAAWT,EACT,+EACAU,GAAW,SACXT,CACF,EACA,GAAGN,CACL,CAAC,CACH,CAEA,SAAS,sBAAsB,EAA2B,EAAW,CAAE,QAAS,CAAE,EAAoB,CACpG,OAAOJ,EAAM,SAAS,IAAIW,EAAW,GAAU,CAC7C,GAAI,CAACX,EAAM,eAAeoB,CAAK,EAC7B,OAAOA,EAGT,GAAIA,EAAM,OAASpB,EAAM,SAAU,CACjC,IAAMqB,EAAWD,EAEjB,MAAO,kBAACpB,EAAM,SAAP,CAAA,SAAiC,sBAAsBqB,EAAS,MAAM,SAAUC,CAAQ,CAAkB,EAArFF,EAAM,GAA+E,CACnH,CAQA,OANIA,EAAM,OAAS,SACVpB,EAAM,aAAaoB,EAAoE,CAC5F,QAAS,EAAS,SACpB,CAAC,EAGIA,CACT,CAAC,CACH,CAEA,SAAS,kBAAkB,EAAoE,CAC7F,OAAOpB,EAAM,eAAeoB,CAAK,GAAKA,EAAM,OAAS,QACvD"}

package/dist/components/logo.d.ts

@@ -3,64 +3,177 @@ import * as React from "react";
 //#region src/components/logo.d.ts
 type LogoSize = 'sm' | 'md' | 'lg' | number;
 export type MaxLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `full` shows the symbol and the name; `icon` only the symbol.
+   * @default 'full'
+   */
   variant?: 'icon' | 'full';
+  /**
+   * `color` uses the brand colors; `mono` a single color.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono';
+  /** Color of the `mono` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function MaxLogo({ variant, tone, color, size, className, style, ...props }: MaxLogoProps): React.JSX.Element;
 export type GomaxLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `full` shows the symbol and the name; `icon` only the symbol.
+   * @default 'full'
+   */
   variant?: 'icon' | 'full';
+  /**
+   * `color` uses the brand colors; `mono` a single color; `reversed` is a white lockup with an orange accent for dark backgrounds.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono' | 'reversed';
+  /** Color of the `mono` and `reversed` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function GomaxLogo({ variant, tone, color, size, className, style, ...props }: GomaxLogoProps): React.JSX.Element;
 export type BippiLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `full` shows the symbol and the name; `icon` only the symbol.
+   * @default 'full'
+   */
   variant?: 'icon' | 'full';
+  /**
+   * `color` uses the brand colors; `mono` a single color; `reversed` is a white lockup with an orange accent for dark backgrounds.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono' | 'reversed';
+  /** Color of the `mono` and `reversed` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function BippiLogo({ variant, tone, color, size, className, style, ...props }: BippiLogoProps): React.JSX.Element;
 export type IntelitrackLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `full` shows the symbol and the name; `icon` only the symbol.
+   * @default 'full'
+   */
   variant?: 'icon' | 'full';
+  /**
+   * `color` uses the brand colors; `mono` a single color.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono';
+  /** Color of the `mono` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function IntelitrackLogo({ variant, tone, color, size, className, style, ...props }: IntelitrackLogoProps): React.JSX.Element;
 export type KovraLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `full` shows the symbol and the name; `icon` only the symbol.
+   * @default 'full'
+   */
   variant?: 'icon' | 'full';
+  /**
+   * `color` uses the brand colors; `mono` a single color.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono';
+  /** Color of the `mono` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function KovraLogo({ variant, tone, color, size, className, style, ...props }: KovraLogoProps): React.JSX.Element;
 export type NeutraLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `full` shows the symbol and the name; `icon` only the symbol.
+   * @default 'full'
+   */
   variant?: 'icon' | 'full';
+  /**
+   * `color` uses the brand colors; `mono` a single color.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono';
+  /** Color of the `mono` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function NeutraLogo({ variant, tone, color, size, className, style, ...props }: NeutraLogoProps): React.JSX.Element;
 export type RdLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `full` shows the symbol and the name; `icon` only the symbol.
+   * @default 'full'
+   */
   variant?: 'icon' | 'full';
+  /**
+   * `color` uses the brand colors; `mono` a single color.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono';
+  /** Color of the `mono` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function RdLogo({ variant, tone, color, size, className, style, ...props }: RdLogoProps): React.JSX.Element;
 export type FibonashLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `full` shows the symbol and the name; `icon` only the symbol.
+   * @default 'full'
+   */
   variant?: 'icon' | 'full';
+  /**
+   * `color` uses the brand colors; `mono` a single color.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono';
+  /** Color of the `mono` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function FibonashLogo({ variant, tone, color, size, className, style, ...props }: FibonashLogoProps): React.JSX.Element;
 export type LetsLogoProps = Omit<React.ComponentProps<'svg'>, 'color'> & {
+  /**
+   * `color` uses the brand colors; `mono` a single color.
+   * @default 'color'
+   */
   tone?: 'color' | 'mono';
+  /** Color of the `mono` tone. Defaults to white. */
   color?: string;
+  /**
+   * Height preset, or a number in px. The width follows the logo proportions.
+   * @default 'md'
+   */
   size?: LogoSize;
 };
 declare function LetsLogo({ tone, color, size, className, style, ...props }: LetsLogoProps): React.JSX.Element;

package/dist/components/logo.js

@@ -1 +1 @@
-import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"../logo-B0thHtTS.js";export{c as BippiLogo,i as FibonashLogo,o as GomaxLogo,n as IntelitrackLogo,e as KovraLogo,a as LetsLogo,s as MaxLogo,t as NeutraLogo,r as RdLogo};
+export{t as BippiLogo,n as FibonashLogo,r as GomaxLogo,i as IntelitrackLogo,a as KovraLogo,o as LetsLogo,s as MaxLogo,c as NeutraLogo,l as RdLogo}from"../logo--R3_XDgA.js";

package/dist/components/marker.d.ts

@@ -1,16 +1,15 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { VariantProps } from "class-variance-authority";
+import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/marker.d.ts
 declare const markerVariants: (props?: ({
   variant?: "border" | "default" | "separator" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type MarkerProps = React.ComponentProps<'div'> & VariantProps<typeof markerVariants> & {
-  asChild?: boolean;
-};
+export type MarkerProps = AsChildProps<'div'> & VariantProps<typeof markerVariants>;
 export type MarkerIconProps = React.ComponentProps<'span'>;
 export type MarkerContentProps = React.ComponentProps<'span'>;
-declare function Marker({ className, variant, asChild, ...props }: MarkerProps): React.JSX.Element;
+declare function Marker({ className, variant, ...props }: MarkerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function MarkerIcon({ className, ...props }: MarkerIconProps): React.JSX.Element;
 declare function MarkerContent({ className, ...props }: MarkerContentProps): React.JSX.Element;
 //#endregion

package/dist/components/marker.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground`,{variants:{variant:{default:``,separator:`before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border`,border:`border-b border-border pb-2`}}});function Marker({className:r,variant:a=`default`,asChild:o=!1,...s}){let c=o?t.Root:`div`;return n(c,{"data-slot":`marker`,"data-variant":a,className:e(i({variant:a,className:r})),...s})}function MarkerIcon({className:t,...r}){return n(`span`,{"data-slot":`marker-icon`,"aria-hidden":`true`,className:e(`size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4`,t),...r})}function MarkerContent({className:t,...r}){return n(`span`,{"data-slot":`marker-content`,className:e(`min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,t),...r})}export{Marker,MarkerContent,MarkerIcon,i as markerVariants};
+import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground`,{variants:{variant:{default:``,separator:`before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border`,border:`border-b border-border pb-2`}}});function Marker({className:n,variant:r=`default`,...a}){return e(`div`,{"data-slot":`marker`,"data-variant":r,className:t(i({variant:r,className:n})),...a})}function MarkerIcon({className:e,...r}){return/* @__PURE__ */ n(`span`,{"data-slot":`marker-icon`,"aria-hidden":`true`,className:t(`size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...r})}function MarkerContent({className:e,...r}){return/* @__PURE__ */ n(`span`,{"data-slot":`marker-content`,className:t(`min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...r})}export{Marker,MarkerContent,MarkerIcon,i as markerVariants};
 //# sourceMappingURL=marker.js.map

package/dist/components/marker.js.map

@@ -1 +1 @@
-{"version":3,"file":"marker.js","names":[],"sources":["../../src/components/marker.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Slot } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nconst markerVariants = cva(\n  \"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: '',\n        separator:\n          'before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border',\n        border: 'border-b border-border pb-2'\n      }\n    }\n  }\n)\n\nexport type MarkerProps = React.ComponentProps<'div'> &\n  VariantProps<typeof markerVariants> & {\n    asChild?: boolean\n  }\n\nexport type MarkerIconProps = React.ComponentProps<'span'>\n\nexport type MarkerContentProps = React.ComponentProps<'span'>\n\nfunction Marker({ className, variant = 'default', asChild = false, ...props }: MarkerProps) {\n  const Comp = asChild ? Slot.Root : 'div'\n\n  return (\n    <Comp data-slot=\"marker\" data-variant={variant} className={cn(markerVariants({ variant, className }))} {...props} />\n  )\n}\n\nfunction MarkerIcon({ className, ...props }: MarkerIconProps) {\n  return (\n    <span\n      data-slot=\"marker-icon\"\n      aria-hidden=\"true\"\n      className={cn(\"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MarkerContent({ className, ...props }: MarkerContentProps) {\n  return (\n    <span\n      data-slot=\"marker-content\"\n      className={cn(\n        'min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Marker, MarkerContent, MarkerIcon, markerVariants }\n"],"mappings":"oMAOA,MAAM,EAAiB,EACrB,2MACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,GACT,UACE,yIACF,OAAQ,6BACV,CACF,CACF,CACF,EAWA,SAAS,OAAO,CAAE,YAAW,UAAU,UAAW,UAAU,GAAO,GAAG,GAAsB,CAC1F,IAAM,EAAO,EAAU,EAAK,KAAO,MAEnC,OACE,EAAC,EAAD,CAAM,YAAU,SAAS,eAAc,EAAS,UAAW,EAAG,EAAe,CAAE,UAAS,WAAU,CAAC,CAAC,EAAG,GAAI,CAAQ,CAAA,CAEvH,CAEA,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,OAAD,CACE,YAAU,cACV,cAAY,OACZ,UAAW,EAAG,uDAAwD,CAAS,EAC/E,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,cAAc,CAAE,YAAW,GAAG,GAA6B,CAClE,OACE,EAAC,OAAD,CACE,YAAU,iBACV,UAAW,EACT,iMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"marker.js","names":["markerVariants","cva","props","useAsChild","variant","cn","className"],"sources":["../../src/components/marker.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\nconst markerVariants = cva(\n  \"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: '',\n        separator:\n          'before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border',\n        border: 'border-b border-border pb-2'\n      }\n    }\n  }\n)\n\nexport type MarkerProps = AsChildProps<'div'> & VariantProps<typeof markerVariants>\n\nexport type MarkerIconProps = React.ComponentProps<'span'>\n\nexport type MarkerContentProps = React.ComponentProps<'span'>\n\nfunction Marker({ className, variant = 'default', ...props }: MarkerProps) {\n  return useAsChild('div', {\n    'data-slot': 'marker',\n    'data-variant': variant,\n    className: cn(markerVariants({ variant, className })),\n    ...props\n  })\n}\n\nfunction MarkerIcon({ className, ...props }: MarkerIconProps) {\n  return (\n    <span\n      data-slot=\"marker-icon\"\n      aria-hidden=\"true\"\n      className={cn(\"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MarkerContent({ className, ...props }: MarkerContentProps) {\n  return (\n    <span\n      data-slot=\"marker-content\"\n      className={cn(\n        'min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Marker, MarkerContent, MarkerIcon, markerVariants }\n"],"mappings":"oNAOA,MAAMA,EAAiBC,EACrB,2MACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,GACT,UACE,yIACF,OAAQ,6BACV,CACF,CACF,CACF,EAQA,SAAS,OAAO,CAAE,YAAW,UAAU,UAAW,GAAGC,GAAsB,CACzE,OAAOC,EAAW,MAAO,CACvB,YAAa,SACb,eAAgBC,EAChB,UAAWC,EAAGL,EAAe,CAAE,UAAS,WAAU,CAAC,CAAC,EACpD,GAAGE,CACL,CAAC,CACH,CAEA,SAAS,WAAW,CAAE,YAAW,GAAGA,GAA0B,CAC5D,MACE,kBAAC,OAAD,CACE,YAAU,cACV,cAAY,OACZ,UAAWG,EAAG,uDAAwDC,CAAS,EAC/E,GAAIJ,CACL,CAAA,CAEL,CAEA,SAAS,cAAc,CAAE,YAAW,GAAGA,GAA6B,CAClE,MACE,kBAAC,OAAD,CACE,YAAU,iBACV,UAAWG,EACT,iMACAC,CACF,EACA,GAAIJ,CACL,CAAA,CAEL"}

package/dist/components/mask-input.d.ts

@@ -3,11 +3,17 @@ import { InputProps } from "./input.js";
 import { Modify, Replacement, Track } from "../hooks/use-mask.js";
 //#region src/components/mask-input.d.ts
 export type MaskInputProps = InputProps & {
+  /** Mask pattern. `_` is a digit, `#` a letter, `*` any character; everything else is fixed. */
   mask: string;
+  /** Custom tokens for `mask`, mapping each character to the pattern it accepts. */
   replacement?: string | Replacement;
+  /** Shows the whole mask, with placeholders for the characters not typed yet. */
   showMask?: boolean;
+  /** Keeps each character in its position when another one is deleted, instead of shifting the rest left. */
   separate?: boolean;
+  /** Changes the typed or pasted text before it is masked. */
   track?: Track;
+  /** Changes the mask options on each input, for masks that depend on the current value. */
   modify?: Modify;
 };
 declare function MaskInput({ ref, mask, replacement, showMask, separate, track, modify, ...props }: MaskInputProps): import("react").JSX.Element;

package/dist/components/mask-input.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{Input as e}from"./input.js";import{composeRefs as t}from"../lib/compose-refs.js";import{useMask as n}from"../hooks/use-mask.js";import{jsx as r}from"react/jsx-runtime";function MaskInput({ref:i,mask:a,replacement:o,showMask:s,separate:c,track:l,modify:u,...d}){let f=n({mask:a,replacement:o,showMask:s,separate:c,track:l,modify:u});return r(e,{"data-slot":`mask-input`,...d,ref:t(i,f)})}export{MaskInput};
+import"../rolldown-runtime-BhWHdk3m.js";import{Input as e}from"./input.js";import{composeRefs as t}from"../lib/compose-refs.js";import{useMask as n}from"../hooks/use-mask.js";import{jsx as r}from"react/jsx-runtime";function MaskInput({ref:i,mask:a,replacement:o,showMask:s,separate:c,track:l,modify:u,...d}){let f=n({mask:a,replacement:o,showMask:s,separate:c,track:l,modify:u});return/* @__PURE__ */ r(e,{"data-slot":`mask-input`,...d,ref:t(i,f)})}export{MaskInput};
 //# sourceMappingURL=mask-input.js.map

package/dist/components/mask-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask-input.js","names":[],"sources":["../../src/components/mask-input.tsx"],"sourcesContent":["import { type Modify, type Replacement, type Track, useMask } from '../hooks/use-mask'\nimport { composeRefs } from '../lib/compose-refs'\nimport { Input, type InputProps } from './input'\n\nexport type MaskInputProps = InputProps & {\n  mask: string\n  replacement?: string | Replacement\n  showMask?: boolean\n  separate?: boolean\n  track?: Track\n  modify?: Modify\n}\n\nfunction MaskInput({ ref, mask, replacement, showMask, separate, track, modify, ...props }: MaskInputProps) {\n  const maskRef = useMask({ mask, replacement, showMask, separate, track, modify })\n\n  return <Input data-slot=\"mask-input\" {...props} ref={composeRefs<HTMLInputElement>(ref, maskRef)} />\n}\n\nexport { MaskInput }\n"],"mappings":"uNAaA,SAAS,UAAU,CAAE,MAAK,OAAM,cAAa,WAAU,WAAU,QAAO,SAAQ,GAAG,GAAyB,CAC1G,IAAM,EAAU,EAAQ,CAAE,OAAM,cAAa,WAAU,WAAU,QAAO,QAAO,CAAC,EAEhF,OAAO,EAAC,EAAD,CAAO,YAAU,aAAa,GAAI,EAAO,IAAK,EAA8B,EAAK,CAAO,CAAI,CAAA,CACrG"}
+{"version":3,"file":"mask-input.js","names":["props","maskRef","useMask","Input","composeRefs","ref"],"sources":["../../src/components/mask-input.tsx"],"sourcesContent":["import { type Modify, type Replacement, type Track, useMask } from '../hooks/use-mask'\nimport { composeRefs } from '../lib/compose-refs'\nimport { Input, type InputProps } from './input'\n\nexport type MaskInputProps = InputProps & {\n  /** Mask pattern. `_` is a digit, `#` a letter, `*` any character; everything else is fixed. */\n  mask: string\n  /** Custom tokens for `mask`, mapping each character to the pattern it accepts. */\n  replacement?: string | Replacement\n  /** Shows the whole mask, with placeholders for the characters not typed yet. */\n  showMask?: boolean\n  /** Keeps each character in its position when another one is deleted, instead of shifting the rest left. */\n  separate?: boolean\n  /** Changes the typed or pasted text before it is masked. */\n  track?: Track\n  /** Changes the mask options on each input, for masks that depend on the current value. */\n  modify?: Modify\n}\n\nfunction MaskInput({ ref, mask, replacement, showMask, separate, track, modify, ...props }: MaskInputProps) {\n  const maskRef = useMask({ mask, replacement, showMask, separate, track, modify })\n\n  return <Input data-slot=\"mask-input\" {...props} ref={composeRefs<HTMLInputElement>(ref, maskRef)} />\n}\n\nexport { MaskInput }\n"],"mappings":"uNAmBA,SAAS,UAAU,CAAE,MAAK,OAAM,cAAa,WAAU,WAAU,QAAO,SAAQ,GAAGA,GAAyB,CAC1G,IAAMC,EAAUC,EAAQ,CAAE,OAAM,cAAa,WAAU,WAAU,QAAO,QAAO,CAAC,EAEhF,MAAO,kBAACC,EAAD,CAAO,YAAU,aAAa,GAAIH,EAAO,IAAKI,EAA8BC,EAAKJ,CAAO,CAAI,CAAA,CACrG"}

package/dist/components/native-select.d.ts

@@ -2,11 +2,15 @@ import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
 //#region src/components/native-select.d.ts
 export type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {
+  /**
+   * Height of the select.
+   * @default 'md'
+   */
   size?: 'sm' | 'md';
 };
 export type NativeSelectOptionProps = React.ComponentProps<'option'>;
 export type NativeSelectOptGroupProps = React.ComponentProps<'optgroup'>;
-declare function NativeSelect({ className, id, size, ...props }: NativeSelectProps): React.JSX.Element;
+declare function NativeSelect({ className, id, size, 'aria-invalid': ariaInvalid, ...props }: NativeSelectProps): React.JSX.Element;
 declare function NativeSelectOption({ ...props }: NativeSelectOptionProps): React.JSX.Element;
 declare function NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupProps): React.JSX.Element;
 //#endregion

package/dist/components/native-select.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{useFieldControlId as t}from"./field.js";import{IconSelector as n}from"@tabler/icons-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";function NativeSelect({className:a,id:o,size:s=`md`,...c}){let l=t(o);return i(`div`,{className:e(`group/native-select relative w-fit has-[select:disabled]:opacity-50`,a),"data-slot":`native-select-wrapper`,"data-size":s,children:[r(`select`,{id:l,"data-slot":`native-select`,"data-size":s,className:e(`border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none outline-none`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3`,`aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,`placeholder:text-placeholder selection:bg-primary selection:text-primary-foreground`,`data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5`,`disabled:pointer-events-none disabled:cursor-not-allowed`),...c}),r(n,{className:`text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none`,"aria-hidden":`true`,"data-slot":`native-select-icon`})]})}function NativeSelectOption({...e}){return r(`option`,{"data-slot":`native-select-option`,...e})}function NativeSelectOptGroup({className:t,...n}){return r(`optgroup`,{"data-slot":`native-select-optgroup`,className:e(t),...n})}export{NativeSelect,NativeSelectOptGroup,NativeSelectOption};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{useFieldControlId as t,useFieldInvalid as n}from"./field.js";import{IconSelector as r}from"@tabler/icons-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function NativeSelect({className:o,id:s,size:c=`md`,"aria-invalid":l,...u}){let d=t(s),f=n(l);return/* @__PURE__ */ a(`div`,{className:e(`group/native-select relative w-fit has-[select:disabled]:opacity-50`,o),"data-slot":`native-select-wrapper`,"data-size":c,children:[/* @__PURE__ */ i(`select`,{id:d,"aria-invalid":f,"data-slot":`native-select`,"data-size":c,className:e(`border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none outline-none`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3`,`aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,`placeholder:text-placeholder selection:bg-primary selection:text-primary-foreground`,`data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5`,`disabled:pointer-events-none disabled:cursor-not-allowed`),...u}),/* @__PURE__ */ i(r,{className:`text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none`,"aria-hidden":`true`,"data-slot":`native-select-icon`})]})}function NativeSelectOption({...e}){return/* @__PURE__ */ i(`option`,{"data-slot":`native-select-option`,...e})}function NativeSelectOptGroup({className:t,...n}){return/* @__PURE__ */ i(`optgroup`,{"data-slot":`native-select-optgroup`,className:e(t),...n})}export{NativeSelect,NativeSelectOptGroup,NativeSelectOption};
 //# sourceMappingURL=native-select.js.map

package/dist/components/native-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconSelector } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\n\nexport type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {\n  size?: 'sm' | 'md'\n}\n\nexport type NativeSelectOptionProps = React.ComponentProps<'option'>\n\nexport type NativeSelectOptGroupProps = React.ComponentProps<'optgroup'>\n\nfunction NativeSelect({ className, id, size = 'md', ...props }: NativeSelectProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <div\n      className={cn('group/native-select relative w-fit has-[select:disabled]:opacity-50', className)}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        id={fieldControlId}\n        data-slot=\"native-select\"\n        data-size={size}\n        className={cn(\n          'border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none outline-none',\n          'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3',\n          'aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n          'placeholder:text-placeholder selection:bg-primary selection:text-primary-foreground',\n          'data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5',\n          'disabled:pointer-events-none disabled:cursor-not-allowed'\n        )}\n        {...props}\n      />\n      <IconSelector\n        className=\"text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: NativeSelectOptionProps) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupProps) {\n  return <optgroup data-slot=\"native-select-optgroup\" className={cn(className)} {...props} />\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":"iOAeA,SAAS,aAAa,CAAE,YAAW,KAAI,OAAO,KAAM,GAAG,GAA4B,CACjF,IAAM,EAAiB,EAAkB,CAAE,EAE3C,OACE,EAAC,MAAD,CACE,UAAW,EAAG,sEAAuE,CAAS,EAC9F,YAAU,wBACV,YAAW,EAHb,SAAA,CAKE,EAAC,SAAD,CACE,GAAI,EACJ,YAAU,gBACV,YAAW,EACX,UAAW,EACT,+LACA,4EACA,qKACA,sFACA,+FACA,0DACF,EACA,GAAI,CACL,CAAA,EACD,EAAC,EAAD,CACE,UAAU,2GACV,cAAY,OACZ,YAAU,oBACX,CAAA,CACE,GAET,CAEA,SAAS,mBAAmB,CAAE,GAAG,GAAkC,CACjE,OAAO,EAAC,SAAD,CAAQ,YAAU,uBAAuB,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAS,qBAAqB,CAAE,YAAW,GAAG,GAAoC,CAChF,OAAO,EAAC,WAAD,CAAU,YAAU,yBAAyB,UAAW,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC5F"}
+{"version":3,"file":"native-select.js","names":["ariaInvalid","props","fieldControlId","useFieldControlId","id","invalid","useFieldInvalid","cn","className","size","IconSelector"],"sources":["../../src/components/native-select.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconSelector } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId, useFieldInvalid } from './field'\n\nexport type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {\n  /**\n   * Height of the select.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md'\n}\n\nexport type NativeSelectOptionProps = React.ComponentProps<'option'>\n\nexport type NativeSelectOptGroupProps = React.ComponentProps<'optgroup'>\n\nfunction NativeSelect({ className, id, size = 'md', 'aria-invalid': ariaInvalid, ...props }: NativeSelectProps) {\n  const fieldControlId = useFieldControlId(id)\n  const invalid = useFieldInvalid(ariaInvalid)\n\n  return (\n    <div\n      className={cn('group/native-select relative w-fit has-[select:disabled]:opacity-50', className)}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        id={fieldControlId}\n        aria-invalid={invalid}\n        data-slot=\"native-select\"\n        data-size={size}\n        className={cn(\n          'border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none outline-none',\n          'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3',\n          'aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n          'placeholder:text-placeholder selection:bg-primary selection:text-primary-foreground',\n          'data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5',\n          'disabled:pointer-events-none disabled:cursor-not-allowed'\n        )}\n        {...props}\n      />\n      <IconSelector\n        className=\"text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: NativeSelectOptionProps) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupProps) {\n  return <optgroup data-slot=\"native-select-optgroup\" className={cn(className)} {...props} />\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":"sPAmBA,SAAS,aAAa,CAAE,YAAW,KAAI,OAAO,KAAM,eAAgBA,EAAa,GAAGC,GAA4B,CAC9G,IAAMC,EAAiBC,EAAkBC,CAAE,EACrCC,EAAUC,EAAgBN,CAAW,EAE3C,MACE,kBAAC,MAAD,CACE,UAAWO,EAAG,sEAAuEC,CAAS,EAC9F,YAAU,wBACV,YAAWC,EAHb,SAAA,CAKE,kBAAC,SAAD,CACE,GAAIP,EACJ,eAAcG,EACd,YAAU,gBACV,YAAWI,EACX,UAAWF,EACT,+LACA,4EACA,qKACA,sFACA,+FACA,0DACF,EACA,GAAIN,CACL,CAAA,EACD,kBAACS,EAAD,CACE,UAAU,2GACV,cAAY,OACZ,YAAU,oBACX,CAAA,CACE,GAET,CAEA,SAAS,mBAAmB,CAAE,GAAGT,GAAkC,CACjE,MAAO,kBAAC,SAAD,CAAQ,YAAU,uBAAuB,GAAIA,CAAQ,CAAA,CAC9D,CAEA,SAAS,qBAAqB,CAAE,YAAW,GAAGA,GAAoC,CAChF,MAAO,kBAAC,WAAD,CAAU,YAAU,yBAAyB,UAAWM,EAAGC,CAAS,EAAG,GAAIP,CAAQ,CAAA,CAC5F"}

package/dist/components/navigation-menu.d.ts

@@ -1,26 +1,25 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
+import { t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
 import * as React from "react";
+import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
 //#region src/components/navigation-menu.d.ts
-export type NavigationMenuProps = React.ComponentProps<typeof NavigationMenu$1.Root> & {
-  viewport?: boolean;
-};
-export type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenu$1.List>;
-export type NavigationMenuItemProps = React.ComponentProps<typeof NavigationMenu$1.Item>;
-export type NavigationMenuTriggerProps = React.ComponentProps<typeof NavigationMenu$1.Trigger>;
-export type NavigationMenuContentProps = React.ComponentProps<typeof NavigationMenu$1.Content>;
-export type NavigationMenuViewportProps = React.ComponentProps<typeof NavigationMenu$1.Viewport>;
-export type NavigationMenuLinkProps = React.ComponentProps<typeof NavigationMenu$1.Link>;
-export type NavigationMenuIndicatorProps = React.ComponentProps<typeof NavigationMenu$1.Indicator>;
-declare function NavigationMenu({ className, children, viewport, ...props }: NavigationMenuProps): React.JSX.Element;
-declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): React.JSX.Element;
-declare function NavigationMenuItem({ className, ...props }: NavigationMenuItemProps): React.JSX.Element;
+export type NavigationMenuProps = Omit<React.ComponentProps<typeof NavigationMenu$1.Root>, 'render'> & Pick<React.ComponentProps<typeof NavigationMenu$1.Positioner>, 'align'>;
+export type NavigationMenuListProps = AsChildPrimitiveProps<typeof NavigationMenu$1.List>;
+export type NavigationMenuItemProps = AsChildPrimitiveProps<typeof NavigationMenu$1.Item>;
+export type NavigationMenuTriggerProps = AsChildPrimitiveProps<typeof NavigationMenu$1.Trigger>;
+export type NavigationMenuContentProps = AsChildPrimitiveProps<typeof NavigationMenu$1.Content>;
+export type NavigationMenuPositionerProps = Omit<React.ComponentProps<typeof NavigationMenu$1.Positioner>, 'render'> & Pick<React.ComponentProps<typeof NavigationMenu$1.Portal>, 'keepMounted'>;
+export type NavigationMenuLinkProps = AsChildPrimitiveProps<typeof NavigationMenu$1.Link>;
+export type NavigationMenuIndicatorProps = AsChildPrimitiveProps<typeof NavigationMenu$1.Icon>;
+declare function NavigationMenu({ align, className, children, ...props }: NavigationMenuProps): React.JSX.Element;
+declare function NavigationMenuList({ className, asChild, children, ...props }: NavigationMenuListProps): React.JSX.Element;
+declare function NavigationMenuItem({ className, asChild, children, ...props }: NavigationMenuItemProps): React.JSX.Element;
 declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuTriggerProps): React.JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): React.JSX.Element;
-declare function NavigationMenuViewport({ className, ...props }: NavigationMenuViewportProps): React.JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps): React.JSX.Element;
-declare function NavigationMenuIndicator({ className, ...props }: NavigationMenuIndicatorProps): React.JSX.Element;
+declare function NavigationMenuTrigger({ className, children, asChild, ...props }: NavigationMenuTriggerProps): React.JSX.Element;
+declare function NavigationMenuContent({ className, asChild, children, ...props }: NavigationMenuContentProps): React.JSX.Element;
+declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, keepMounted, ...props }: NavigationMenuPositionerProps): React.JSX.Element;
+declare function NavigationMenuLink({ className, asChild, children, ...props }: NavigationMenuLinkProps): React.JSX.Element;
+declare function NavigationMenuIndicator({ className, asChild, children, ...props }: NavigationMenuIndicatorProps): React.JSX.Element;
 //#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/navigation-menu.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{IconChevronDown as t}from"@tabler/icons-react";import{NavigationMenu as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";function NavigationMenu({className:t,children:a,viewport:o=!0,...s}){return i(n.Root,{"data-slot":`navigation-menu`,"data-viewport":o,className:e(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,t),...s,children:[a,o&&r(NavigationMenuViewport,{})]})}function NavigationMenuList({className:t,...i}){return r(n.List,{"data-slot":`navigation-menu-list`,className:e(`group flex flex-1 list-none items-center justify-center gap-0`,t),...i})}function NavigationMenuItem({className:t,...i}){return r(n.Item,{"data-slot":`navigation-menu-item`,className:e(`relative`,t),...i})}const o=a(`group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted`);function NavigationMenuTrigger({className:a,children:s,...c}){return i(n.Trigger,{"data-slot":`navigation-menu-trigger`,className:e(o(),`group`,a),...c,children:[s,` `,r(t,{className:e(`relative top-px ml-1 size-3 transition duration-300`,`group-data-popup-open/navigation-menu-trigger:rotate-180`,`group-data-open/navigation-menu-trigger:rotate-180`),"aria-hidden":`true`})]})}function NavigationMenuContent({className:t,...i}){return r(n.Content,{"data-slot":`navigation-menu-content`,className:e(`top-0 left-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] md:absolute md:w-auto`,`group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5`,`group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg`,`group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground`,`group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1`,`group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300`,`group-data-[viewport=false]/navigation-menu:data-open:animate-in`,`group-data-[viewport=false]/navigation-menu:data-open:fade-in-0`,`group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95`,`group-data-[viewport=false]/navigation-menu:data-closed:animate-out`,`group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0`,`group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95`,`data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52`,`data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52`,`data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in`,`data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out`,`**:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none`,t),...i})}function NavigationMenuViewport({className:t,...i}){return r(`div`,{className:e(`absolute top-full left-0 isolate z-50 flex justify-center`),children:r(n.Viewport,{"data-slot":`navigation-menu-viewport`,className:e(`origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg`,`bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100`,`md:w-(--radix-navigation-menu-viewport-width)`,`data-open:animate-in data-open:zoom-in-90`,`data-closed:animate-out data-closed:zoom-out-90`,t),...i})})}function NavigationMenuLink({className:t,...i}){return r(n.Link,{"data-slot":`navigation-menu-link`,className:e(`flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4`,t),...i})}function NavigationMenuIndicator({className:t,...i}){return r(n.Indicator,{"data-slot":`navigation-menu-indicator`,className:e(`top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in`,t),...i,children:r(`div`,{className:`relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md`})})}export{NavigationMenu,NavigationMenuContent,NavigationMenuIndicator,NavigationMenuItem,NavigationMenuLink,NavigationMenuList,NavigationMenuTrigger,NavigationMenuViewport,o as navigationMenuTriggerStyle};
+import"../rolldown-runtime-BhWHdk3m.js";import{toAsChildRenderProps as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";import{t as n}from"../resolve-class-name-BurP8ngI.js";import{IconChevronDown as r}from"@tabler/icons-react";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";import{NavigationMenu as c}from"@base-ui/react/navigation-menu";function NavigationMenu({align:e=`start`,className:r,children:i,...s}){return/* @__PURE__ */ o(c.Root,{"data-slot":`navigation-menu`,className:e=>t(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,n(r,e)),...s,children:[i,/* @__PURE__ */ a(NavigationMenuPositioner,{align:e})]})}function NavigationMenuList({className:r,asChild:i,children:o,...s}){return/* @__PURE__ */ a(c.List,{"data-slot":`navigation-menu-list`,className:e=>t(`group flex flex-1 list-none items-center justify-center gap-0`,n(r,e)),...s,...e(i,o)})}function NavigationMenuItem({className:r,asChild:i,children:o,...s}){return/* @__PURE__ */ a(c.Item,{"data-slot":`navigation-menu-item`,className:e=>t(`relative`,n(r,e)),...s,...e(i,o)})}const l=s(`group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted`);function NavigationMenuTrigger({className:s,children:u,asChild:d,...f}){return/* @__PURE__ */ o(c.Trigger,{"data-slot":`navigation-menu-trigger`,className:e=>t(l(),`group`,n(s,e)),...f,...e(d,u),children:[!d&&u,!d&&/* @__PURE__ */ o(i,{children:[` `,/* @__PURE__ */ a(r,{className:t(`relative top-px ml-1 size-3 transition duration-300`,`group-data-popup-open/navigation-menu-trigger:rotate-180`,`group-data-open/navigation-menu-trigger:rotate-180`),"aria-hidden":`true`})]})]})}function NavigationMenuContent({className:r,asChild:i,children:o,...s}){return/* @__PURE__ */ a(c.Content,{"data-slot":`navigation-menu-content`,className:e=>t(`h-full w-auto p-1 ease-[cubic-bezier(0.22,1,0.36,1)]`,`transition-[opacity,transform,translate] duration-[0.35s]`,`data-starting-style:opacity-0 data-ending-style:opacity-0`,`data-[activation-direction=left]:data-starting-style:-translate-x-1/2 data-[activation-direction=right]:data-starting-style:translate-x-1/2`,`data-[activation-direction=left]:data-ending-style:translate-x-1/2 data-[activation-direction=right]:data-ending-style:-translate-x-1/2`,`**:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none`,n(r,e)),...s,...e(i,o)})}function NavigationMenuPositioner({className:e,side:r=`bottom`,sideOffset:i=6,align:o=`start`,alignOffset:s=0,keepMounted:l,...u}){return/* @__PURE__ */ a(c.Portal,{keepMounted:l,children:/* @__PURE__ */ a(c.Positioner,{"data-slot":`navigation-menu-positioner`,side:r,sideOffset:i,align:o,alignOffset:s,className:r=>t(`isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width)`,`transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none`,n(e,r)),...u,children:/* @__PURE__ */ a(c.Popup,{"data-slot":`navigation-menu-popup`,className:t(`relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-lg outline-none`,`bg-popover text-popover-foreground shadow ring-1 ring-foreground/10`,`transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]`,`data-starting-style:scale-90 data-starting-style:opacity-0`,`data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150`),children:/* @__PURE__ */ a(c.Viewport,{"data-slot":`navigation-menu-viewport`,className:`relative size-full overflow-hidden`})})})})}function NavigationMenuLink({className:r,asChild:i,children:o,...s}){return/* @__PURE__ */ a(c.Link,{"data-slot":`navigation-menu-link`,className:e=>t(`flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4`,n(r,e)),...s,...e(i,o)})}function NavigationMenuIndicator({className:r,asChild:i,children:o,...s}){return/* @__PURE__ */ a(c.Icon,{"data-slot":`navigation-menu-indicator`,className:e=>t(`top-full z-1 flex h-1.5 items-end justify-center overflow-hidden`,n(r,e)),...s,...e(i,o),children:!i&&/* @__PURE__ */ a(`div`,{className:`relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md`})})}export{NavigationMenu,NavigationMenuContent,NavigationMenuIndicator,NavigationMenuItem,NavigationMenuLink,NavigationMenuList,NavigationMenuPositioner,NavigationMenuTrigger,l as navigationMenuTriggerStyle};
 //# sourceMappingURL=navigation-menu.js.map