@manafishrov/ui 1.0.4 → 1.1.0

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@ark-ui/solid/select';\nimport {\n  type Component,\n  type ComponentProps,\n  type JSX,\n  type JSXElement,\n  For,\n  splitProps,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCheckIcon from '~icons/ic/outline-check';\nimport OutlineCloseIcon from '~icons/ic/outline-close';\nimport OutlineExpandMoreIcon from '~icons/ic/outline-expand-more';\n\nexport const SelectControl = SelectPrimitive.Control;\nexport const SelectItemContext = SelectPrimitive.ItemContext;\nexport const SelectHiddenSelect = SelectPrimitive.HiddenSelect;\nexport const SelectList: Component<SelectPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.List\n      data-slot='select-list'\n      class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n      {...others}\n    />\n  );\n};\nexport const SelectContext = SelectPrimitive.Context;\n\ntype SelectComponent = (<TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n) => JSXElement) & {\n  Tabs: <TItem extends { value: string; label: string }>(\n    props: SelectTabsProps<TItem>,\n  ) => JSXElement;\n};\n\nexport type SelectTabsTab<TItem extends { value: string; label: string }> = {\n  value: TItem['value'];\n  label: string;\n  disabled?: boolean;\n};\n\nexport type SelectTabsProps<TItem extends { value: string; label: string }> =\n  ComponentProps<'div'> & {\n    items: SelectTabsTab<TItem>[];\n    value?: TItem['value'];\n    onValueChange?: (value: TItem['value']) => void;\n  };\n\nconst SelectTabs = <TItem extends { value: string; label: string }>(\n  props: SelectTabsProps<TItem>,\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'items', 'value', 'onValueChange']);\n  return (\n    <div\n      role='tablist'\n      data-slot='select-tabs'\n      class={cn('gap-1 p-1 inline-flex rounded-md bg-muted', local.class)}\n      {...others}\n    >\n      <For each={local.items}>\n        {(tab) => {\n          const isActive = (): boolean => local.value === tab.value;\n          return (\n            <button\n              type='button'\n              role='tab'\n              disabled={tab.disabled === true}\n              aria-selected={isActive()}\n              data-state={isActive() ? 'active' : 'inactive'}\n              class={cn(\n                'h-8 px-3 text-sm rounded-sm transition-colors',\n                'data-[state=active]:shadow-sm data-[state=active]:bg-background data-[state=active]:text-foreground',\n                'data-[state=inactive]:text-muted-foreground hover:data-[state=inactive]:text-foreground',\n                'disabled:pointer-events-none disabled:opacity-50',\n              )}\n              onClick={() => {\n                if (typeof local.onValueChange === 'function' && tab.disabled !== true) {\n                  local.onValueChange(tab.value);\n                }\n              }}\n            >\n              {tab.label}\n            </button>\n          );\n        }}\n      </For>\n    </div>\n  );\n};\n\nconst SelectRoot = <TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'positioning']);\n\n  const positioning: NonNullable<SelectPrimitive.RootProps<TItem>['positioning']> = {\n    placement: 'bottom-start',\n    gutter: 4,\n    sameWidth: true,\n    ...local.positioning,\n  };\n\n  return (\n    <SelectPrimitive.Root\n      class={cn('flex w-full flex-col', local.class)}\n      positioning={positioning}\n      {...others}\n    />\n  );\n};\n\nexport const Select: SelectComponent = Object.assign(SelectRoot, {\n  Tabs: SelectTabs as SelectComponent['Tabs'],\n});\n\nexport const SelectLabel: Component<SelectPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Label\n      class={cn(\n        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectGroup: Component<SelectPrimitive.ItemGroupProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroup\n      data-slot='select-group'\n      class={cn('scroll-my-1', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectValue: Component<SelectPrimitive.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ValueText\n      data-slot='select-value'\n      class={cn('flex flex-1 text-left', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectTrigger: Component<\n  SelectPrimitive.TriggerProps & { size?: 'sm' | 'default' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n  const size = local.size ?? 'default';\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot='select-trigger'\n      data-size={size}\n      class={cn(\n        'px-2.5 text-sm *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*=\"size-\"])]:size-4 gap-1.5 min-w-0 shadow-xs flex w-full items-center justify-between rounded-lg border border-input bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-placeholder-shown:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:text-muted-foreground',\n        'data-[size=default]:h-10 data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 data-[readonly=true]:data-[focus-visible]:border-input data-[readonly=true]:data-[focus-visible]:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectIndicator: Component<SelectPrimitive.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Indicator\n      class={cn('opacity-50 transition-transform data-[state=open]:rotate-180', local.class)}\n      {...others}\n    >\n      {local.children ?? <OutlineExpandMoreIcon class='size-4' />}\n    </SelectPrimitive.Indicator>\n  );\n};\n\nconst callEventHandler = <\n  TElement,\n  THandlerEvent extends Event,\n  TEvent extends THandlerEvent & { currentTarget: TElement; target: Element },\n>(\n  handler: JSX.EventHandlerUnion<TElement, THandlerEvent> | undefined,\n  event: TEvent,\n): void => {\n  if (typeof handler === 'function') {\n    handler(event);\n    return;\n  }\n  if (Array.isArray(handler)) {\n    const [boundHandler, boundData] = handler;\n    boundHandler(boundData, event);\n  }\n};\n\nexport const SelectClearTrigger: Component<SelectPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'children',\n    'tabIndex',\n    'onClick',\n    'onKeyDown',\n  ]);\n  return (\n    <SelectPrimitive.ClearTrigger\n      class={cn(\n        'p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none',\n        local.class,\n      )}\n      onClick={(event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        event.stopPropagation();\n        callEventHandler(local.onClick, event);\n      }}\n      onKeyDown={(event: KeyboardEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.stopPropagation();\n        }\n        callEventHandler(local.onKeyDown, event);\n      }}\n      {...others}\n      tabIndex={local.tabIndex ?? 0}\n    >\n      {local.children ?? <OutlineCloseIcon class='size-3.5' />}\n    </SelectPrimitive.ClearTrigger>\n  );\n};\n\nexport const SelectPositioner: Component<SelectPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <SelectPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const SelectContent: Component<SelectPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Content\n      data-slot='select-content'\n      class={cn(\n        'shadow-md relative isolate z-50 max-h-(--available-height) w-(--reference-width) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-input bg-popover text-popover-foreground duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        'outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItemGroupLabel: Component<SelectPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroupLabel\n      data-slot='select-group-label'\n      class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItem: Component<SelectPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Item\n      data-slot='select-item'\n      class={cn(\n        \"gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n        local.class,\n      )}\n      {...others}\n    >\n      <SelectPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n        {local.children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n        <OutlineCheckIcon class='pointer-events-none' />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nexport const SelectSeparator: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='select-separator'\n      class={cn('-mx-1 my-1 pointer-events-none h-px bg-border', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SelectControl","SelectPrimitive","Control","SelectItemContext","ItemContext","SelectHiddenSelect","HiddenSelect","SelectList","props","local","others","splitProps","_$createComponent","List","_$mergeProps","cn","class","SelectContext","Context","SelectTabs","_el$","_tmpl$","_$spread","_$insert","For","each","items","children","tab","isActive","value","_el$2","_tmpl$2","$$click","onValueChange","disabled","label","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","t","_$setAttribute","a","o","_$className","undefined","SelectRoot","positioning","placement","gutter","sameWidth","Root","Select","Object","assign","Tabs","SelectLabel","Label","SelectGroup","ItemGroup","SelectValue","ValueText","SelectTrigger","size","Trigger","SelectIndicator","Indicator","OutlineExpandMoreIcon","callEventHandler","handler","event","Array","isArray","boundHandler","boundData","SelectClearTrigger","ClearTrigger","onClick","stopPropagation","onKeyDown","key","tabIndex","OutlineCloseIcon","SelectPositioner","Positioner","SelectContent","Content","SelectItemGroupLabel","ItemGroupLabel","SelectItem","Item","ItemText","ItemIndicator","OutlineCheckIcon","SelectSeparator","_el$3","_tmpl$3","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@ark-ui/solid/select';\nimport {\n  type Component,\n  type ComponentProps,\n  type JSX,\n  type JSXElement,\n  For,\n  splitProps,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nimport CloseIcon from '~icons/material-symbols/close';\nimport ExpandMoreIcon from '~icons/material-symbols/expand-more';\n\nexport const SelectControl = SelectPrimitive.Control;\nexport const SelectItemContext = SelectPrimitive.ItemContext;\nexport const SelectHiddenSelect = SelectPrimitive.HiddenSelect;\nexport const SelectList: Component<SelectPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.List\n      data-slot='select-list'\n      class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n      {...others}\n    />\n  );\n};\nexport const SelectContext = SelectPrimitive.Context;\n\ntype SelectComponent = (<TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n) => JSXElement) & {\n  Tabs: <TItem extends { value: string; label: string }>(\n    props: SelectTabsProps<TItem>,\n  ) => JSXElement;\n};\n\nexport type SelectTabsTab<TItem extends { value: string; label: string }> = {\n  value: TItem['value'];\n  label: string;\n  disabled?: boolean;\n};\n\nexport type SelectTabsProps<TItem extends { value: string; label: string }> =\n  ComponentProps<'div'> & {\n    items: SelectTabsTab<TItem>[];\n    value?: TItem['value'];\n    onValueChange?: (value: TItem['value']) => void;\n  };\n\nconst SelectTabs = <TItem extends { value: string; label: string }>(\n  props: SelectTabsProps<TItem>,\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'items', 'value', 'onValueChange']);\n  return (\n    <div\n      role='tablist'\n      data-slot='select-tabs'\n      class={cn('gap-1 p-1 inline-flex rounded-md bg-muted', local.class)}\n      {...others}\n    >\n      <For each={local.items}>\n        {(tab) => {\n          const isActive = (): boolean => local.value === tab.value;\n          return (\n            <button\n              type='button'\n              role='tab'\n              disabled={tab.disabled === true}\n              aria-selected={isActive()}\n              data-state={isActive() ? 'active' : 'inactive'}\n              class={cn(\n                'h-8 px-3 text-sm rounded-sm transition-colors',\n                'data-[state=active]:shadow-sm data-[state=active]:bg-background data-[state=active]:text-foreground',\n                'data-[state=inactive]:text-muted-foreground hover:data-[state=inactive]:text-foreground',\n                'disabled:pointer-events-none disabled:opacity-50',\n              )}\n              onClick={() => {\n                if (typeof local.onValueChange === 'function' && tab.disabled !== true) {\n                  local.onValueChange(tab.value);\n                }\n              }}\n            >\n              {tab.label}\n            </button>\n          );\n        }}\n      </For>\n    </div>\n  );\n};\n\nconst SelectRoot = <TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'positioning']);\n\n  const positioning: NonNullable<SelectPrimitive.RootProps<TItem>['positioning']> = {\n    placement: 'bottom-start',\n    gutter: 4,\n    sameWidth: true,\n    ...local.positioning,\n  };\n\n  return (\n    <SelectPrimitive.Root\n      class={cn('flex w-full flex-col', local.class)}\n      positioning={positioning}\n      {...others}\n    />\n  );\n};\n\nexport const Select: SelectComponent = Object.assign(SelectRoot, {\n  Tabs: SelectTabs as SelectComponent['Tabs'],\n});\n\nexport const SelectLabel: Component<SelectPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Label\n      class={cn(\n        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectGroup: Component<SelectPrimitive.ItemGroupProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroup\n      data-slot='select-group'\n      class={cn('scroll-my-1', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectValue: Component<SelectPrimitive.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ValueText\n      data-slot='select-value'\n      class={cn('flex flex-1 text-left', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectTrigger: Component<\n  SelectPrimitive.TriggerProps & { size?: 'sm' | 'default' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n  const size = local.size ?? 'default';\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot='select-trigger'\n      data-size={size}\n      class={cn(\n        'px-2.5 text-sm *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*=\"size-\"])]:size-4 gap-1.5 min-w-0 shadow-xs flex w-full items-center justify-between rounded-lg border border-input bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-placeholder-shown:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:text-muted-foreground',\n        'data-[size=default]:h-10 data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 data-[readonly=true]:data-[focus-visible]:border-input data-[readonly=true]:data-[focus-visible]:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectIndicator: Component<SelectPrimitive.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Indicator\n      class={cn('opacity-50 transition-transform data-[state=open]:rotate-180', local.class)}\n      {...others}\n    >\n      {local.children ?? <ExpandMoreIcon class='size-4' />}\n    </SelectPrimitive.Indicator>\n  );\n};\n\nconst callEventHandler = <\n  TElement,\n  THandlerEvent extends Event,\n  TEvent extends THandlerEvent & { currentTarget: TElement; target: Element },\n>(\n  handler: JSX.EventHandlerUnion<TElement, THandlerEvent> | undefined,\n  event: TEvent,\n): void => {\n  if (typeof handler === 'function') {\n    handler(event);\n    return;\n  }\n  if (Array.isArray(handler)) {\n    const [boundHandler, boundData] = handler;\n    boundHandler(boundData, event);\n  }\n};\n\nexport const SelectClearTrigger: Component<SelectPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'children',\n    'tabIndex',\n    'onClick',\n    'onKeyDown',\n  ]);\n  return (\n    <SelectPrimitive.ClearTrigger\n      class={cn(\n        'p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none',\n        local.class,\n      )}\n      onClick={(event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        event.stopPropagation();\n        callEventHandler(local.onClick, event);\n      }}\n      onKeyDown={(event: KeyboardEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.stopPropagation();\n        }\n        callEventHandler(local.onKeyDown, event);\n      }}\n      {...others}\n      tabIndex={local.tabIndex ?? 0}\n    >\n      {local.children ?? <CloseIcon class='size-3.5' />}\n    </SelectPrimitive.ClearTrigger>\n  );\n};\n\nexport const SelectPositioner: Component<SelectPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <SelectPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const SelectContent: Component<SelectPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Content\n      data-slot='select-content'\n      class={cn(\n        'shadow-md relative isolate z-50 max-h-(--available-height) w-(--reference-width) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-input bg-popover text-popover-foreground duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        'outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItemGroupLabel: Component<SelectPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroupLabel\n      data-slot='select-group-label'\n      class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItem: Component<SelectPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Item\n      data-slot='select-item'\n      class={cn(\n        \"gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n        local.class,\n      )}\n      {...others}\n    >\n      <SelectPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n        {local.children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n        <CheckIcon class='pointer-events-none' />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nexport const SelectSeparator: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='select-separator'\n      class={cn('-mx-1 my-1 pointer-events-none h-px bg-border', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SelectControl","SelectPrimitive","Control","SelectItemContext","ItemContext","SelectHiddenSelect","HiddenSelect","SelectList","props","local","others","splitProps","_$createComponent","List","_$mergeProps","cn","class","SelectContext","Context","SelectTabs","_el$","_tmpl$","_$spread","_$insert","For","each","items","children","tab","isActive","value","_el$2","_tmpl$2","$$click","onValueChange","disabled","label","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","t","_$setAttribute","a","o","_$className","undefined","SelectRoot","positioning","placement","gutter","sameWidth","Root","Select","Object","assign","Tabs","SelectLabel","Label","SelectGroup","ItemGroup","SelectValue","ValueText","SelectTrigger","size","Trigger","SelectIndicator","Indicator","ExpandMoreIcon","callEventHandler","handler","event","Array","isArray","boundHandler","boundData","SelectClearTrigger","ClearTrigger","onClick","stopPropagation","onKeyDown","key","tabIndex","CloseIcon","SelectPositioner","Positioner","SelectContent","Content","SelectItemGroupLabel","ItemGroupLabel","SelectItem","Item","ItemText","ItemIndicator","CheckIcon","SelectSeparator","_el$3","_tmpl$3","_$delegateEvents"],"mappings":"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"}

package/dist/components/Sheet.js

@@ -2,7 +2,7 @@ import { createComponent as r, mergeProps as d, template as n, insert as p, spre
 import { dialog_exports as o } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/GOIBDXMD.js";
 import { splitProps as l } from "solid-js";
 import { cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import u from "../_virtual/outline-close.js";
+import u from "../_virtual/close.js";
 import { Button as f } from "./Button.js";
 import { ui_common_close as h } from "../paraglide/messages/ui_common_close.js";
 var g = /* @__PURE__ */ n("<span class=sr-only>"), b = /* @__PURE__ */ n("<div data-slot=sheet-header>"), x = /* @__PURE__ */ n("<div data-slot=sheet-footer>");
@@ -22,20 +22,20 @@ const y = o.Root, k = o.Trigger, P = o.CloseTrigger, z = o.Context, B = (e) => {
       return i("fixed z-50 flex flex-col", "data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:max-h-[90vh]", "data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:max-h-[90vh]", "data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-auto data-[side=left]:max-w-[90vw]", "data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-auto data-[side=right]:max-w-[90vw]", t.class);
     }
   }, a));
-}, O = (e) => {
+}, F = (e) => {
   const [t, a] = l(e, ["class", "children", "side"]), s = t.side ?? "right";
   return r(o.Content, d({
     "data-slot": "sheet-content",
     "data-side": s,
     get class() {
-      return i("gap-4 p-6 shadow-lg relative flex h-full w-full flex-col bg-background outline-none", "border-l border-border", "data-[side=left]:border-l-0 data-[side=left]:border-r", "data-[side=top]:border-l-0 data-[side=top]:border-b", "data-[side=bottom]:border-l-0 data-[side=bottom]:border-t", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:duration-300 data-[state=open]:duration-300", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[side=right]:data-[state=closed]:slide-out-to-right-1/2 data-[side=right]:data-[state=open]:slide-in-from-right-1/2", "data-[side=left]:data-[state=closed]:slide-out-to-left-1/2 data-[side=left]:data-[state=open]:slide-in-from-left-1/2", "data-[side=top]:data-[state=closed]:slide-out-to-top-1/2 data-[side=top]:data-[state=open]:slide-in-from-top-1/2", "data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-1/2 data-[side=bottom]:data-[state=open]:slide-in-from-bottom-1/2", t.class);
+      return i("gap-4 p-6 shadow-lg relative flex h-full w-full flex-col bg-background outline-none", "border-l border-border", "data-[side=left]:border-r data-[side=left]:border-l-0", "data-[side=top]:border-b data-[side=top]:border-l-0", "data-[side=bottom]:border-t data-[side=bottom]:border-l-0", "data-[state=closed]:animate-out data-[state=open]:animate-in", "data-[state=closed]:duration-300 data-[state=open]:duration-300", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[side=right]:data-[state=closed]:slide-out-to-right-1/2 data-[side=right]:data-[state=open]:slide-in-from-right-1/2", "data-[side=left]:data-[state=closed]:slide-out-to-left-1/2 data-[side=left]:data-[state=open]:slide-in-from-left-1/2", "data-[side=top]:data-[state=closed]:slide-out-to-top-1/2 data-[side=top]:data-[state=open]:slide-in-from-top-1/2", "data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-1/2 data-[side=bottom]:data-[state=open]:slide-in-from-bottom-1/2", t.class);
     }
   }, a, {
     get children() {
       return t.children;
     }
   }));
-}, F = (e) => {
+}, H = (e) => {
   const [t, a] = l(e, ["class"]);
   return r(o.CloseTrigger, {
     get class() {
@@ -58,7 +58,7 @@ const y = o.Root, k = o.Trigger, P = o.CloseTrigger, z = o.Context, B = (e) => {
       }
     }))
   });
-}, H = (e) => {
+}, I = (e) => {
   const [t, a] = l(e, ["class"]);
   return (() => {
     var s = b();
@@ -68,7 +68,7 @@ const y = o.Root, k = o.Trigger, P = o.CloseTrigger, z = o.Context, B = (e) => {
       }
     }, a), !1, !1), s;
   })();
-}, I = (e) => {
+}, O = (e) => {
   const [t, a] = l(e, ["class"]);
   return (() => {
     var s = x();
@@ -97,13 +97,13 @@ const y = o.Root, k = o.Trigger, P = o.CloseTrigger, z = o.Context, B = (e) => {
 };
 export {
   y as Sheet,
-  F as SheetCloseButton,
+  H as SheetCloseButton,
   P as SheetCloseTrigger,
-  O as SheetContent,
+  F as SheetContent,
   z as SheetContext,
   j as SheetDescription,
-  I as SheetFooter,
-  H as SheetHeader,
+  O as SheetFooter,
+  I as SheetHeader,
   B as SheetOverlay,
   D as SheetPositioner,
   R as SheetTitle,

package/dist/components/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","sources":["../../src/components/Sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } from '@ark-ui/solid/dialog';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCloseIcon from '~icons/ic/outline-close';\n\nimport { Button } from '@/components/Button';\nimport * as messages from '@/paraglide/messages';\n\nexport const Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetCloseTrigger = SheetPrimitive.CloseTrigger;\nexport const SheetContext = SheetPrimitive.Context;\n\nexport const SheetOverlay: Component<SheetPrimitive.BackdropProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      class={cn(\n        'bg-black/40 inset-0 backdrop-blur-sm fixed z-50',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SheetPositioner: Component<\n  SheetPrimitive.PositionerProps & { side?: 'top' | 'right' | 'bottom' | 'left' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'side']);\n  const side = local.side ?? 'right';\n  return (\n    <SheetPrimitive.Positioner\n      data-side={side}\n      class={cn(\n        'fixed z-50 flex flex-col',\n        'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:max-h-[90vh]',\n        'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:max-h-[90vh]',\n        'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-auto data-[side=left]:max-w-[90vw]',\n        'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-auto data-[side=right]:max-w-[90vw]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SheetContent: Component<\n  SheetPrimitive.ContentProps & { side?: 'top' | 'right' | 'bottom' | 'left' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'side']);\n  const side = local.side ?? 'right';\n\n  return (\n    <SheetPrimitive.Content\n      data-slot='sheet-content'\n      data-side={side}\n      class={cn(\n        'gap-4 p-6 shadow-lg relative flex h-full w-full flex-col bg-background outline-none',\n        'border-l border-border',\n        'data-[side=left]:border-l-0 data-[side=left]:border-r',\n        'data-[side=top]:border-l-0 data-[side=top]:border-b',\n        'data-[side=bottom]:border-l-0 data-[side=bottom]:border-t',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out',\n        'data-[state=closed]:duration-300 data-[state=open]:duration-300',\n        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        'data-[side=right]:data-[state=closed]:slide-out-to-right-1/2 data-[side=right]:data-[state=open]:slide-in-from-right-1/2',\n        'data-[side=left]:data-[state=closed]:slide-out-to-left-1/2 data-[side=left]:data-[state=open]:slide-in-from-left-1/2',\n        'data-[side=top]:data-[state=closed]:slide-out-to-top-1/2 data-[side=top]:data-[state=open]:slide-in-from-top-1/2',\n        'data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-1/2 data-[side=bottom]:data-[state=open]:slide-in-from-bottom-1/2',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </SheetPrimitive.Content>\n  );\n};\n\nexport const SheetCloseButton: Component<SheetPrimitive.CloseTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <SheetPrimitive.CloseTrigger\n      class={cn('top-3 right-3 absolute', local.class)}\n      asChild={(triggerProps) => (\n        <Button\n          variant='ghost'\n          size='icon-sm'\n          aria-label={messages.ui_common_close()}\n          {...triggerProps()}\n          {...others}\n        >\n          <OutlineCloseIcon aria-hidden='true' />\n          <span class='sr-only'>{messages.ui_common_close()}</span>\n        </Button>\n      )}\n    />\n  );\n};\n\nexport const SheetHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sheet-header'\n      class={cn('gap-1.5 p-4 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sheet-footer'\n      class={cn('gap-2 p-4 mt-auto flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetTitle: Component<SheetPrimitive.TitleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Title\n      data-slot='sheet-title'\n      class={cn('text-lg font-semibold text-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetDescription: Component<SheetPrimitive.DescriptionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Description\n      data-slot='sheet-description'\n      class={cn('text-sm text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["Sheet","SheetPrimitive","Root","SheetTrigger","Trigger","SheetCloseTrigger","CloseTrigger","SheetContext","Context","SheetOverlay","props","local","others","splitProps","_$createComponent","Backdrop","_$mergeProps","cn","class","SheetPositioner","side","Positioner","SheetContent","Content","children","SheetCloseButton","asChild","triggerProps","Button","variant","size","messages","ui_common_close","OutlineCloseIcon","_el$","_tmpl$","_$insert","SheetHeader","_el$2","_tmpl$2","_$spread","SheetFooter","_el$3","_tmpl$3","SheetTitle","Title","SheetDescription","Description"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","sources":["../../src/components/Sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } from '@ark-ui/solid/dialog';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CloseIcon from '~icons/material-symbols/close';\n\nimport { Button } from '@/components/Button';\nimport * as messages from '@/paraglide/messages';\n\nexport const Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetCloseTrigger = SheetPrimitive.CloseTrigger;\nexport const SheetContext = SheetPrimitive.Context;\n\nexport const SheetOverlay: Component<SheetPrimitive.BackdropProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      class={cn(\n        'bg-black/40 inset-0 backdrop-blur-sm fixed z-50',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SheetPositioner: Component<\n  SheetPrimitive.PositionerProps & { side?: 'top' | 'right' | 'bottom' | 'left' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'side']);\n  const side = local.side ?? 'right';\n  return (\n    <SheetPrimitive.Positioner\n      data-side={side}\n      class={cn(\n        'fixed z-50 flex flex-col',\n        'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:max-h-[90vh]',\n        'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:max-h-[90vh]',\n        'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-auto data-[side=left]:max-w-[90vw]',\n        'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-auto data-[side=right]:max-w-[90vw]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SheetContent: Component<\n  SheetPrimitive.ContentProps & { side?: 'top' | 'right' | 'bottom' | 'left' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'side']);\n  const side = local.side ?? 'right';\n\n  return (\n    <SheetPrimitive.Content\n      data-slot='sheet-content'\n      data-side={side}\n      class={cn(\n        'gap-4 p-6 shadow-lg relative flex h-full w-full flex-col bg-background outline-none',\n        'border-l border-border',\n        'data-[side=left]:border-r data-[side=left]:border-l-0',\n        'data-[side=top]:border-b data-[side=top]:border-l-0',\n        'data-[side=bottom]:border-t data-[side=bottom]:border-l-0',\n        'data-[state=closed]:animate-out data-[state=open]:animate-in',\n        'data-[state=closed]:duration-300 data-[state=open]:duration-300',\n        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        'data-[side=right]:data-[state=closed]:slide-out-to-right-1/2 data-[side=right]:data-[state=open]:slide-in-from-right-1/2',\n        'data-[side=left]:data-[state=closed]:slide-out-to-left-1/2 data-[side=left]:data-[state=open]:slide-in-from-left-1/2',\n        'data-[side=top]:data-[state=closed]:slide-out-to-top-1/2 data-[side=top]:data-[state=open]:slide-in-from-top-1/2',\n        'data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-1/2 data-[side=bottom]:data-[state=open]:slide-in-from-bottom-1/2',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </SheetPrimitive.Content>\n  );\n};\n\nexport const SheetCloseButton: Component<SheetPrimitive.CloseTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <SheetPrimitive.CloseTrigger\n      class={cn('top-3 right-3 absolute', local.class)}\n      asChild={(triggerProps) => (\n        <Button\n          variant='ghost'\n          size='icon-sm'\n          aria-label={messages.ui_common_close()}\n          {...triggerProps()}\n          {...others}\n        >\n          <CloseIcon aria-hidden='true' />\n          <span class='sr-only'>{messages.ui_common_close()}</span>\n        </Button>\n      )}\n    />\n  );\n};\n\nexport const SheetHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sheet-header'\n      class={cn('gap-1.5 p-4 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sheet-footer'\n      class={cn('gap-2 p-4 mt-auto flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetTitle: Component<SheetPrimitive.TitleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Title\n      data-slot='sheet-title'\n      class={cn('text-lg font-semibold text-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetDescription: Component<SheetPrimitive.DescriptionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Description\n      data-slot='sheet-description'\n      class={cn('text-sm text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["Sheet","SheetPrimitive","Root","SheetTrigger","Trigger","SheetCloseTrigger","CloseTrigger","SheetContext","Context","SheetOverlay","props","local","others","splitProps","_$createComponent","Backdrop","_$mergeProps","cn","class","SheetPositioner","side","Positioner","SheetContent","Content","children","SheetCloseButton","asChild","triggerProps","Button","variant","size","messages","ui_common_close","CloseIcon","_el$","_tmpl$","_$insert","SheetHeader","_el$2","_tmpl$2","_$spread","SheetFooter","_el$3","_tmpl$3","SheetTitle","Title","SheetDescription","Description"],"mappings":"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"}

package/dist/components/Spinner.js

@@ -1,23 +1,27 @@
-import { template as o, spread as a, mergeProps as l } from "solid-js/web";
-import { splitProps as n } from "solid-js";
-import { cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import { ui_common_loading as m } from "../paraglide/messages/ui_common_loading.js";
-var p = /* @__PURE__ */ o('<span role=status><svg xmlns=http://www.w3.org/2000/svg viewBox="0 -960 960 960"fill=currentColor class="size-4 animate-spin"aria-hidden=true><path d="M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480.5-80Q398-80 325-111.5Z">');
-const T = (t) => {
-  const [e, s] = n(t, ["class"]);
+import { template as o, spread as n, mergeProps as i, insert as a, createComponent as m } from "solid-js/web";
+import { splitProps as l } from "solid-js";
+import { cn as p } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
+import c from "../_virtual/progress-activity.js";
+import { ui_common_loading as u } from "../paraglide/messages/ui_common_loading.js";
+var f = /* @__PURE__ */ o("<span role=status>");
+const h = (e) => {
+  const [t, s] = l(e, ["class"]);
   return (() => {
-    var r = p();
-    return a(r, l({
+    var r = f();
+    return n(r, i({
       get "aria-label"() {
-        return m();
+        return u();
       },
       get class() {
-        return i("inline-flex items-center justify-center", e.class);
+        return p("inline-flex items-center justify-center", t.class);
       }
-    }, s), !1, !0), r;
+    }, s), !1, !0), a(r, m(c, {
+      class: "size-4 animate-spin",
+      "aria-hidden": "true"
+    })), r;
   })();
 };
 export {
-  T as Spinner
+  h as Spinner
 };
 //# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../src/components/Spinner.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport * as messages from '@/paraglide/messages';\n\nexport const Spinner: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <span\n      role='status'\n      aria-label={messages.ui_common_loading()}\n      class={cn('inline-flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <svg\n        xmlns='http://www.w3.org/2000/svg'\n        viewBox='0 -960 960 960'\n        fill='currentColor'\n        class='size-4 animate-spin'\n        aria-hidden='true'\n      >\n        <path d='M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480.5-80Q398-80 325-111.5Z' />\n      </svg>\n    </span>\n  );\n};\n"],"names":["Spinner","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","messages","ui_common_loading","cn","class"],"mappings":";;;;;AAKO,MAAMA,IAA8CC,CAAAA,MAAU;AACnE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAAA;AAAA,MAAA,IAAA,eAAA;AAAA,eAGgBC,EAASC;AAAAA,MAAmB;AAAA,MAAA,IAAA,QAAA;AAAA,eACjCC,EAAG,2CAA2CT,EAAMU,KAAK;AAAA,MAAC;AAAA,IAAA,GAC7DT,CAAM,GAAA,IAAA,EAAA,GAAAE;AAAAA,EAAA,GAAA;AAahB;"}
+{"version":3,"file":"Spinner.js","sources":["../../src/components/Spinner.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ProgressActivityIcon from '~icons/material-symbols/progress-activity';\n\nimport * as messages from '@/paraglide/messages';\n\nexport const Spinner: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <span\n      role='status'\n      aria-label={messages.ui_common_loading()}\n      class={cn('inline-flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <ProgressActivityIcon class='size-4 animate-spin' aria-hidden='true' />\n    </span>\n  );\n};\n"],"names":["Spinner","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","messages","ui_common_loading","cn","class","_$insert","_$createComponent","ProgressActivityIcon"],"mappings":";;;;;;AAMO,MAAMA,IAA8CC,CAAAA,MAAU;AACnE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAAA;AAAA,MAAA,IAAA,eAAA;AAAA,eAGgBC,EAASC;AAAAA,MAAmB;AAAA,MAAA,IAAA,QAAA;AAAA,eACjCC,EAAG,2CAA2CT,EAAMU,KAAK;AAAA,MAAC;AAAA,IAAA,GAC7DT,CAAM,GAAA,IAAA,EAAA,GAAAU,EAAAR,GAAAS,EAETC,GAAoB;AAAA,MAAA,OAAA;AAAA,MAAA,eAAA;AAAA,IAAA,CAAA,CAAA,GAAAV;AAAAA,EAAA,GAAA;AAG3B;"}

package/dist/components/TagsInput.js

@@ -2,7 +2,7 @@ import { createComponent as s, mergeProps as o } from "solid-js/web";
 import { tags_input_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/O6MULJWC.js";
 import { splitProps as a } from "solid-js";
 import { cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import l from "../_virtual/outline-close.js";
+import l from "../_virtual/close.js";
 const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class"]);
   return s(n.Label, o({
@@ -14,7 +14,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class", "children"]);
   return s(n.Control, o({
     get class() {
-      return i('group relative min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*="size-"])]:size-4 gap-1 shadow-sm flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0', "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0", e.class);
+      return i('group min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*="size-"])]:size-4 gap-1 shadow-sm relative flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0', "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0", e.class);
     }
   }, r, {
     get children() {
@@ -32,7 +32,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class", "children"]);
   return s(n.ClearTrigger, o({
     get class() {
-      return i("right-2 top-1/2 p-0.5 absolute -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground", e.class);
+      return i("right-2 p-0.5 absolute top-1/2 -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground", e.class);
     }
   }, r, {
     get children() {
@@ -45,7 +45,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class", "children"]);
   return s(n.Item, o({
     get class() {
-      return i("inline-flex items-center outline-none cursor-default", e.class);
+      return i("inline-flex cursor-default items-center outline-none", e.class);
     }
   }, r, {
     get children() {
@@ -57,7 +57,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   return s(n.ItemPreview, o({
     "data-slot": "tags-input-item-preview",
     get class() {
-      return i("h-6 gap-1 px-1.5 text-xs font-medium border border-transparent has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md bg-muted whitespace-nowrap text-foreground transition-colors", "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:border-ring", "data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", e.class);
+      return i("h-6 gap-1 px-1.5 text-xs font-medium has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md border border-transparent bg-muted whitespace-nowrap text-foreground transition-colors", "data-highlighted:border-ring data-highlighted:bg-accent data-highlighted:text-accent-foreground", "data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", e.class);
     }
   }, r));
 }, y = (t) => {
@@ -71,7 +71,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class"]);
   return s(n.ItemInput, o({
     get class() {
-      return i("py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none", "focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring", e.class);
+      return i("py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", e.class);
     }
   }, r));
 }, k = (t) => {

package/dist/components/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.js","sources":["../../src/components/TagsInput.tsx"],"sourcesContent":["import { TagsInput as TagsInputPrimitive } from '@ark-ui/solid/tags-input';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCloseIcon from '~icons/ic/outline-close';\n\nexport const TagsInput = TagsInputPrimitive.Root;\nexport const TagsInputContext = TagsInputPrimitive.Context;\nexport const TagsInputHiddenInput = TagsInputPrimitive.HiddenInput;\nexport const TagsInputLabel: Component<TagsInputPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.Label\n      class={cn(\n        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const TagsInputControl: Component<TagsInputPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.Control\n      class={cn(\n        'group relative min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </TagsInputPrimitive.Control>\n  );\n};\n\nexport const TagsInputInput: Component<TagsInputPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.Input\n      class={cn(\n        'w-24 min-w-24 flex-none bg-transparent outline-none placeholder:text-muted-foreground',\n        'group-has-[div[data-slot=tags-input-item-preview]]:placeholder:text-transparent',\n        'max-w-full',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputClearTrigger: Component<TagsInputPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.ClearTrigger\n      class={cn(\n        'right-2 top-1/2 p-0.5 absolute -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <OutlineCloseIcon class='size-3.5 pointer-events-none' />}\n    </TagsInputPrimitive.ClearTrigger>\n  );\n};\n\nexport const TagsInputItem: Component<TagsInputPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.Item\n      class={cn('inline-flex items-center outline-none cursor-default', local.class)}\n      {...others}\n    >\n      {local.children}\n    </TagsInputPrimitive.Item>\n  );\n};\n\nexport const TagsInputItemPreview: Component<TagsInputPrimitive.ItemPreviewProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.ItemPreview\n      data-slot='tags-input-item-preview'\n      class={cn(\n        'h-6 gap-1 px-1.5 text-xs font-medium border border-transparent has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md bg-muted whitespace-nowrap text-foreground transition-colors',\n        'data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:border-ring',\n        'data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputItemText: Component<TagsInputPrimitive.ItemTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TagsInputPrimitive.ItemText class={cn(local.class)} {...others} />;\n};\n\nexport const TagsInputItemInput: Component<TagsInputPrimitive.ItemInputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.ItemInput\n      class={cn(\n        'py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none',\n        'focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputItemDeleteTrigger: Component<TagsInputPrimitive.ItemDeleteTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.ItemDeleteTrigger\n      data-slot='tags-input-item-delete-trigger'\n      class={cn(\n        '-ml-1 p-0.5 inline-flex items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <OutlineCloseIcon class='size-3 pointer-events-none' />}\n    </TagsInputPrimitive.ItemDeleteTrigger>\n  );\n};\n"],"names":["TagsInput","TagsInputPrimitive","Root","TagsInputContext","Context","TagsInputHiddenInput","HiddenInput","TagsInputLabel","props","local","others","splitProps","_$createComponent","Label","_$mergeProps","cn","class","TagsInputControl","Control","children","TagsInputInput","Input","TagsInputClearTrigger","ClearTrigger","OutlineCloseIcon","TagsInputItem","Item","TagsInputItemPreview","ItemPreview","TagsInputItemText","ItemText","TagsInputItemInput","ItemInput","TagsInputItemDeleteTrigger","ItemDeleteTrigger"],"mappings":";;;;;AAKO,MAAMA,IAAYC,EAAmBC,MAC/BC,IAAmBF,EAAmBG,SACtCC,IAAuBJ,EAAmBK,aAC1CC,IAA4DC,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmBY,OAAKC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAChBC,EACL,qNACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GACaO,IAAgET,CAAAA,MAAU;AACrF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAmBiB,SAAOJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAClBC,EACL,gWACA,8EACA,8JACA,0GACA,2FACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAETV,EAAMU;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB,GAEaC,IAA4DZ,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmBoB,OAAKP,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAChBC,EACL,yFACA,mFACA,cACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaY,IAA0Ed,CAAAA,MAAU;AAC/F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAmBsB,cAAYT,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACvBC,EACL,4HACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAETV,EAAMU,YAAQP,EAAKY,GAAgB;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAwC;AAAA,EAAA,CAAA,CAAA;AAGlF,GAEaC,IAA0DjB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAmByB,MAAIZ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EAAG,wDAAwDN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC1EN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAETV,EAAMU;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB,GAEaQ,IAAwEnB,CAAAA,MAAU;AAC7F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmB2B,aAAWd,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEtBC,EACL,sOACA,mGACA,6GACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEamB,IAAkErB,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EAAQX,EAAmB6B,UAAQhB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAAQC,EAAGN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAAMN,CAAM,CAAA;AACxE,GAEaqB,IAAoEvB,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmB+B,WAASlB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,qGACA,iFACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEauB,IACXzB,CAAAA,MACG;AACH,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAmBiC,mBAAiBpB,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAE5BC,EACL,gIACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAETV,EAAMU,YAAQP,EAAKY,GAAgB;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAsC;AAAA,EAAA,CAAA,CAAA;AAGhF;"}
+{"version":3,"file":"TagsInput.js","sources":["../../src/components/TagsInput.tsx"],"sourcesContent":["import { TagsInput as TagsInputPrimitive } from '@ark-ui/solid/tags-input';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CloseIcon from '~icons/material-symbols/close';\n\nexport const TagsInput = TagsInputPrimitive.Root;\nexport const TagsInputContext = TagsInputPrimitive.Context;\nexport const TagsInputHiddenInput = TagsInputPrimitive.HiddenInput;\nexport const TagsInputLabel: Component<TagsInputPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.Label\n      class={cn(\n        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const TagsInputControl: Component<TagsInputPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.Control\n      class={cn(\n        'group min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm relative flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </TagsInputPrimitive.Control>\n  );\n};\n\nexport const TagsInputInput: Component<TagsInputPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.Input\n      class={cn(\n        'w-24 min-w-24 flex-none bg-transparent outline-none placeholder:text-muted-foreground',\n        'group-has-[div[data-slot=tags-input-item-preview]]:placeholder:text-transparent',\n        'max-w-full',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputClearTrigger: Component<TagsInputPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.ClearTrigger\n      class={cn(\n        'right-2 p-0.5 absolute top-1/2 -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CloseIcon class='size-3.5 pointer-events-none' />}\n    </TagsInputPrimitive.ClearTrigger>\n  );\n};\n\nexport const TagsInputItem: Component<TagsInputPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.Item\n      class={cn('inline-flex cursor-default items-center outline-none', local.class)}\n      {...others}\n    >\n      {local.children}\n    </TagsInputPrimitive.Item>\n  );\n};\n\nexport const TagsInputItemPreview: Component<TagsInputPrimitive.ItemPreviewProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.ItemPreview\n      data-slot='tags-input-item-preview'\n      class={cn(\n        'h-6 gap-1 px-1.5 text-xs font-medium has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md border border-transparent bg-muted whitespace-nowrap text-foreground transition-colors',\n        'data-highlighted:border-ring data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        'data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputItemText: Component<TagsInputPrimitive.ItemTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TagsInputPrimitive.ItemText class={cn(local.class)} {...others} />;\n};\n\nexport const TagsInputItemInput: Component<TagsInputPrimitive.ItemInputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TagsInputPrimitive.ItemInput\n      class={cn(\n        'py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TagsInputItemDeleteTrigger: Component<TagsInputPrimitive.ItemDeleteTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TagsInputPrimitive.ItemDeleteTrigger\n      data-slot='tags-input-item-delete-trigger'\n      class={cn(\n        '-ml-1 p-0.5 inline-flex items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CloseIcon class='size-3 pointer-events-none' />}\n    </TagsInputPrimitive.ItemDeleteTrigger>\n  );\n};\n"],"names":["TagsInput","TagsInputPrimitive","Root","TagsInputContext","Context","TagsInputHiddenInput","HiddenInput","TagsInputLabel","props","local","others","splitProps","_$createComponent","Label","_$mergeProps","cn","class","TagsInputControl","Control","children","TagsInputInput","Input","TagsInputClearTrigger","ClearTrigger","CloseIcon","TagsInputItem","Item","TagsInputItemPreview","ItemPreview","TagsInputItemText","ItemText","TagsInputItemInput","ItemInput","TagsInputItemDeleteTrigger","ItemDeleteTrigger"],"mappings":";;;;;AAKO,MAAMA,IAAYC,EAAmBC,MAC/BC,IAAmBF,EAAmBG,SACtCC,IAAuBJ,EAAmBK,aAC1CC,IAA4DC,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmBY,OAAKC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAChBC,EACL,qNACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GACaO,IAAgET,CAAAA,MAAU;AACrF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAmBiB,SAAOJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAClBC,EACL,gWACA,8EACA,8JACA,0GACA,2FACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAETV,EAAMU;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB,GAEaC,IAA4DZ,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmBoB,OAAKP,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAChBC,EACL,yFACA,mFACA,cACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaY,IAA0Ed,CAAAA,MAAU;AAC/F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAmBsB,cAAYT,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACvBC,EACL,4HACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAETV,EAAMU,YAAQP,EAAKY,GAAS;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAwC;AAAA,EAAA,CAAA,CAAA;AAG3E,GAEaC,IAA0DjB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAmByB,MAAIZ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EAAG,wDAAwDN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC1EN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAETV,EAAMU;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB,GAEaQ,IAAwEnB,CAAAA,MAAU;AAC7F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmB2B,aAAWd,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEtBC,EACL,sOACA,mGACA,6GACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEamB,IAAkErB,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EAAQX,EAAmB6B,UAAQhB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAAQC,EAAGN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAAMN,CAAM,CAAA;AACxE,GAEaqB,IAAoEvB,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmB+B,WAASlB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,qGACA,iFACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEauB,IACXzB,CAAAA,MACG;AACH,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAmBiC,mBAAiBpB,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAE5BC,EACL,gIACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAETV,EAAMU,YAAQP,EAAKY,GAAS;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAsC;AAAA,EAAA,CAAA,CAAA;AAGzE;"}

package/dist/components/TreeView.js

@@ -3,7 +3,7 @@ import { tree_view_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.34.
 import { createTreeCollection as I } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/EFII6TXL.js";
 import { splitProps as s, Show as l } from "solid-js";
 import { cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import a from "../_virtual/outline-chevron-right.js";
+import a from "../_virtual/chevron-right.js";
 const f = t.Root, m = t.Label, b = t.NodeProvider, v = (n) => {
   const [e, o] = s(n, ["class"]);
   return r(t.Tree, c({

package/dist/components/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","sources":["../../src/components/TreeView.tsx"],"sourcesContent":["import { TreeView as TreeViewPrimitive, createTreeCollection } from '@ark-ui/solid/tree-view';\nimport { Show, splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineChevronRightIcon from '~icons/ic/outline-chevron-right';\n\nexport const TreeView = TreeViewPrimitive.Root;\nexport const TreeViewLabel = TreeViewPrimitive.Label;\nexport const TreeViewNodeProvider = TreeViewPrimitive.NodeProvider;\nexport { createTreeCollection };\n\nexport const TreeViewTree: Component<TreeViewPrimitive.TreeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Tree class={cn('gap-1 flex flex-col', local.class)} {...others} />;\n};\n\nexport const TreeViewItem: Component<TreeViewPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.Item\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm relative flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-selected:bg-accent data-selected:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      <Show when={local.children} fallback={<TreeViewPrimitive.ItemText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.Item>\n  );\n};\n\nexport const TreeViewBranch: Component<TreeViewPrimitive.BranchProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Branch class={cn('relative', local.class)} {...others} />;\n};\n\nexport const TreeViewBranchControl: Component<TreeViewPrimitive.BranchControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.BranchControl\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <TreeViewPrimitive.BranchIndicator class='text-muted-foreground transition-transform data-[state=open]:rotate-90'>\n        <OutlineChevronRightIcon class='size-4' />\n      </TreeViewPrimitive.BranchIndicator>\n      <Show when={local.children} fallback={<TreeViewPrimitive.BranchText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.BranchControl>\n  );\n};\n\nexport const TreeViewBranchContent: Component<TreeViewPrimitive.BranchContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TreeViewPrimitive.BranchContent\n      class={cn('pl-4 relative duration-200', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["TreeView","TreeViewPrimitive","Root","TreeViewLabel","Label","TreeViewNodeProvider","NodeProvider","TreeViewTree","props","local","others","splitProps","_$createComponent","Tree","_$mergeProps","cn","class","TreeViewItem","Item","children","Show","when","fallback","ItemText","TreeViewBranch","Branch","TreeViewBranchControl","BranchControl","BranchIndicator","OutlineChevronRightIcon","BranchText","TreeViewBranchContent","BranchContent"],"mappings":";;;;;;AAKO,MAAMA,IAAWC,EAAkBC,MAC7BC,IAAgBF,EAAkBG,OAClCC,IAAuBJ,EAAkBK,cAGzCC,IAAwDC,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EAAQX,EAAkBY,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAAQC,EAAG,uBAAuBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAAMN,CAAM,CAAA;AAC1F,GAEaO,IAAwDT,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAkBiB,MAAIJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACdC,EACL,+YACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAAAP,EAETQ,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEZ,EAAMU;AAAAA,QAAQ;AAAA,QAAA,IAAEG,WAAQ;AAAA,iBAAAV,EAAGX,EAAkBsB,UAAQ,EAAA;AAAA,QAAA;AAAA,QAAA,IAAAJ,WAAA;AAAA,iBAC9DV,EAAMU;AAAAA,QAAQ;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAIvB,GAEaK,IAA4DhB,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EAAQX,EAAkBwB,QAAMX,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAAQC,EAAG,YAAYN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAAMN,CAAM,CAAA;AACjF,GAEagB,IAA0ElB,CAAAA,MAAU;AAC/F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAkB0B,eAAab,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACvBC,EACL,yUACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAAA,CAAAP,EAETX,EAAkB2B,iBAAe;AAAA,QAAA,OAAA;AAAA,QAAA,IAAAT,WAAA;AAAA,iBAAAP,EAC/BiB,GAAuB;AAAA,YAAA,OAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAAjB,EAEzBQ,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEZ,EAAMU;AAAAA,QAAQ;AAAA,QAAA,IAAEG,WAAQ;AAAA,iBAAAV,EAAGX,EAAkB6B,YAAU,EAAA;AAAA,QAAA;AAAA,QAAA,IAAAX,WAAA;AAAA,iBAChEV,EAAMU;AAAAA,QAAQ;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAIvB,GAEaY,IAA0EvB,CAAAA,MAAU;AAC/F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAkB+B,eAAalB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACvBC,EAAG,8BAA8BN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAChDN,CAAM,CAAA;AAGhB;"}
+{"version":3,"file":"TreeView.js","sources":["../../src/components/TreeView.tsx"],"sourcesContent":["import { TreeView as TreeViewPrimitive, createTreeCollection } from '@ark-ui/solid/tree-view';\nimport { Show, splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nexport const TreeView = TreeViewPrimitive.Root;\nexport const TreeViewLabel = TreeViewPrimitive.Label;\nexport const TreeViewNodeProvider = TreeViewPrimitive.NodeProvider;\nexport { createTreeCollection };\n\nexport const TreeViewTree: Component<TreeViewPrimitive.TreeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Tree class={cn('gap-1 flex flex-col', local.class)} {...others} />;\n};\n\nexport const TreeViewItem: Component<TreeViewPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.Item\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm relative flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-selected:bg-accent data-selected:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      <Show when={local.children} fallback={<TreeViewPrimitive.ItemText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.Item>\n  );\n};\n\nexport const TreeViewBranch: Component<TreeViewPrimitive.BranchProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Branch class={cn('relative', local.class)} {...others} />;\n};\n\nexport const TreeViewBranchControl: Component<TreeViewPrimitive.BranchControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.BranchControl\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <TreeViewPrimitive.BranchIndicator class='text-muted-foreground transition-transform data-[state=open]:rotate-90'>\n        <ChevronRightIcon class='size-4' />\n      </TreeViewPrimitive.BranchIndicator>\n      <Show when={local.children} fallback={<TreeViewPrimitive.BranchText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.BranchControl>\n  );\n};\n\nexport const TreeViewBranchContent: Component<TreeViewPrimitive.BranchContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TreeViewPrimitive.BranchContent\n      class={cn('pl-4 relative duration-200', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["TreeView","TreeViewPrimitive","Root","TreeViewLabel","Label","TreeViewNodeProvider","NodeProvider","TreeViewTree","props","local","others","splitProps","_$createComponent","Tree","_$mergeProps","cn","class","TreeViewItem","Item","children","Show","when","fallback","ItemText","TreeViewBranch","Branch","TreeViewBranchControl","BranchControl","BranchIndicator","ChevronRightIcon","BranchText","TreeViewBranchContent","BranchContent"],"mappings":";;;;;;AAKO,MAAMA,IAAWC,EAAkBC,MAC7BC,IAAgBF,EAAkBG,OAClCC,IAAuBJ,EAAkBK,cAGzCC,IAAwDC,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EAAQX,EAAkBY,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAAQC,EAAG,uBAAuBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAAMN,CAAM,CAAA;AAC1F,GAEaO,IAAwDT,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAkBiB,MAAIJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACdC,EACL,+YACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAAAP,EAETQ,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEZ,EAAMU;AAAAA,QAAQ;AAAA,QAAA,IAAEG,WAAQ;AAAA,iBAAAV,EAAGX,EAAkBsB,UAAQ,EAAA;AAAA,QAAA;AAAA,QAAA,IAAAJ,WAAA;AAAA,iBAC9DV,EAAMU;AAAAA,QAAQ;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAIvB,GAEaK,IAA4DhB,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EAAQX,EAAkBwB,QAAMX,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAAQC,EAAG,YAAYN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAAMN,CAAM,CAAA;AACjF,GAEagB,IAA0ElB,CAAAA,MAAU;AAC/F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAkB0B,eAAab,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACvBC,EACL,yUACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAS,WAAA;AAAA,aAAA,CAAAP,EAETX,EAAkB2B,iBAAe;AAAA,QAAA,OAAA;AAAA,QAAA,IAAAT,WAAA;AAAA,iBAAAP,EAC/BiB,GAAgB;AAAA,YAAA,OAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAAjB,EAElBQ,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEZ,EAAMU;AAAAA,QAAQ;AAAA,QAAA,IAAEG,WAAQ;AAAA,iBAAAV,EAAGX,EAAkB6B,YAAU,EAAA;AAAA,QAAA;AAAA,QAAA,IAAAX,WAAA;AAAA,iBAChEV,EAAMU;AAAAA,QAAQ;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAIvB,GAEaY,IAA0EvB,CAAAA,MAAU;AAC/F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAkB+B,eAAalB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACvBC,EAAG,8BAA8BN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAChDN,CAAM,CAAA;AAGhB;"}

package/dist/components/sidebar/Sidebar.d.ts

@@ -3,5 +3,6 @@ export type SidebarProps = ComponentProps<'div'> & {
     side?: 'left' | 'right';
     variant?: 'sidebar' | 'floating' | 'inset';
     collapsible?: 'offcanvas' | 'icon' | 'none';
+    disableMobileSidebar?: boolean;
 };
 export declare const Sidebar: Component<SidebarProps>;

package/dist/components/sidebar/Sidebar.js

@@ -1,36 +1,43 @@
-import { createComponent as r, Show as t } from "solid-js/web";
-import { createEffect as c } from "solid-js";
-import { useSidebar as a } from "./context.js";
-import { SidebarDesktop as f } from "./SidebarDesktop.js";
-import { SidebarMobile as m } from "./SidebarMobile.js";
-const S = (e) => {
+import { createComponent as i, Show as r } from "solid-js/web";
+import { onCleanup as s, createEffect as o } from "solid-js";
+import { createMediaQuery as f } from "../../primitives/createMediaQuery.js";
+import { useSidebar as m } from "./context.js";
+import { SidebarDesktop as u } from "./SidebarDesktop.js";
+import { SidebarMobile as S } from "./SidebarMobile.js";
+const D = (e) => {
   const {
-    isMobile: o,
-    setSide: n
-  } = a();
-  return c(() => {
-    const i = e.side ?? "left";
-    n(i);
-  }), r(t, {
+    isMobile: l,
+    setMobileDisabled: t,
+    setOpen: n,
+    setSide: a
+  } = m(), b = f("(max-width: 768px)");
+  return s(() => {
+    t(!1);
+  }), o(() => {
+    const c = e.side ?? "left", d = e.disableMobileSidebar ?? !1;
+    a(c), t(d);
+  }), o(() => {
+    e.disableMobileSidebar === !0 && e.collapsible === "icon" && n(!b());
+  }), i(r, {
     get when() {
-      return !o();
+      return !l();
     },
     get fallback() {
-      return r(t, {
+      return i(r, {
         get when() {
           return (e.collapsible ?? "offcanvas") !== "none";
         },
         get children() {
-          return r(m, e);
+          return i(S, e);
         }
       });
     },
     get children() {
-      return r(f, e);
+      return i(u, e);
     }
   });
 };
 export {
-  S as Sidebar
+  D as Sidebar
 };
 //# sourceMappingURL=Sidebar.js.map

package/dist/components/sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["import { type Component, type ComponentProps, createEffect } from 'solid-js';\n\nimport { useSidebar } from './context';\nimport { SidebarDesktop } from './SidebarDesktop';\nimport { SidebarMobile } from './SidebarMobile';\n\nexport type SidebarProps = ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n};\n\nexport const Sidebar: Component<SidebarProps> = (props) => {\n  const { isMobile, setSide } = useSidebar();\n\n  // Set side on initial render and track changes\n  createEffect(() => {\n    const currentSide = props.side ?? 'left';\n    setSide(currentSide);\n  });\n  return (\n    <Show\n      when={!isMobile()}\n      fallback={\n        <Show when={(props.collapsible ?? 'offcanvas') !== 'none'}>\n          <SidebarMobile {...props} />\n        </Show>\n      }\n    >\n      <SidebarDesktop {...props} />\n    </Show>\n  );\n};\n"],"names":["Sidebar","props","isMobile","setSide","useSidebar","createEffect","currentSide","side","_$createComponent","_$Show","when","fallback","collapsible","children","SidebarMobile","SidebarDesktop"],"mappings":";;;;;AAYO,MAAMA,IAAoCC,CAAAA,MAAU;AACzD,QAAM;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,SAAAA;AAAAA,EAAAA,IAAYC,EAAAA;AAG9BC,SAAAA,EAAa,MAAM;AACjB,UAAMC,IAAcL,EAAMM,QAAQ;AAClCJ,IAAAA,EAAQG,CAAW;AAAA,EACrB,CAAC,GACDE,EACGC,GAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAE,CAACR,EAAAA;AAAAA,IAAU;AAAA,IAAA,IACjBS,WAAQ;AAAA,aAAAH,EACLC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,kBAAGT,EAAMW,eAAe,iBAAiB;AAAA,QAAM;AAAA,QAAA,IAAAC,WAAA;AAAA,iBAAAL,EACtDM,GAAkBb,CAAK;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAAAY,WAAA;AAAA,aAAAL,EAI3BO,GAAmBd,CAAK;AAAA,IAAA;AAAA,EAAA,CAAA;AAG/B;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["import { type Component, type ComponentProps, createEffect, onCleanup } from 'solid-js';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { useSidebar } from './context';\nimport { SidebarDesktop } from './SidebarDesktop';\nimport { SidebarMobile } from './SidebarMobile';\n\nexport type SidebarProps = ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n  disableMobileSidebar?: boolean;\n};\n\nexport const Sidebar: Component<SidebarProps> = (props) => {\n  const { isMobile, setMobileDisabled, setOpen, setSide } = useSidebar();\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n\n  onCleanup(() => {\n    setMobileDisabled(false);\n  });\n\n  createEffect(() => {\n    const currentSide = props.side ?? 'left';\n    const mobileDisabled = props.disableMobileSidebar ?? false;\n    setSide(currentSide);\n    setMobileDisabled(mobileDisabled);\n  });\n\n  createEffect(() => {\n    if (props.disableMobileSidebar === true && props.collapsible === 'icon') {\n      setOpen(!isViewportMobile());\n    }\n  });\n\n  return (\n    <Show\n      when={!isMobile()}\n      fallback={\n        <Show when={(props.collapsible ?? 'offcanvas') !== 'none'}>\n          <SidebarMobile {...props} />\n        </Show>\n      }\n    >\n      <SidebarDesktop {...props} />\n    </Show>\n  );\n};\n"],"names":["Sidebar","props","isMobile","setMobileDisabled","setOpen","setSide","useSidebar","isViewportMobile","createMediaQuery","onCleanup","createEffect","currentSide","side","mobileDisabled","disableMobileSidebar","collapsible","_$createComponent","_$Show","when","fallback","children","SidebarMobile","SidebarDesktop"],"mappings":";;;;;;AAeO,MAAMA,IAAoCC,CAAAA,MAAU;AACzD,QAAM;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,mBAAAA;AAAAA,IAAmBC,SAAAA;AAAAA,IAASC,SAAAA;AAAAA,EAAAA,IAAYC,EAAAA,GACpDC,IAAmBC,EAAiB,oBAAoB;AAE9DC,SAAAA,EAAU,MAAM;AACdN,IAAAA,EAAkB,EAAK;AAAA,EACzB,CAAC,GAEDO,EAAa,MAAM;AACjB,UAAMC,IAAcV,EAAMW,QAAQ,QAC5BC,IAAiBZ,EAAMa,wBAAwB;AACrDT,IAAAA,EAAQM,CAAW,GACnBR,EAAkBU,CAAc;AAAA,EAClC,CAAC,GAEDH,EAAa,MAAM;AACjB,IAAIT,EAAMa,yBAAyB,MAAQb,EAAMc,gBAAgB,UAC/DX,EAAQ,CAACG,GAAkB;AAAA,EAE/B,CAAC,GAEDS,EACGC,GAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAE,CAAChB,EAAAA;AAAAA,IAAU;AAAA,IAAA,IACjBiB,WAAQ;AAAA,aAAAH,EACLC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,kBAAGjB,EAAMc,eAAe,iBAAiB;AAAA,QAAM;AAAA,QAAA,IAAAK,WAAA;AAAA,iBAAAJ,EACtDK,GAAkBpB,CAAK;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,IAAA,IAAAmB,WAAA;AAAA,aAAAJ,EAI3BM,GAAmBrB,CAAK;AAAA,IAAA;AAAA,EAAA,CAAA;AAG/B;"}

package/dist/components/sidebar/SidebarDesktop.js

@@ -1,25 +1,25 @@
-import { template as b, insert as g, createComponent as m, mergeProps as f, effect as w, setAttribute as d, className as x, spread as C } from "solid-js/web";
-import { cn as p } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import { useSidebar as k } from "./context.js";
-import { splitProps as u } from "solid-js";
-var S = /* @__PURE__ */ b('<div data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner class="group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border">'), z = /* @__PURE__ */ b('<div class="group peer md:block hidden text-sidebar-foreground"data-slot=sidebar><div data-slot=sidebar-gap>');
-const D = (s) => {
-  const [e, a] = u(s, ["variant", "side", "class", "children"]);
+import { template as u, insert as p, createComponent as x, mergeProps as h, effect as S, className as f, setAttribute as d, spread as k } from "solid-js/web";
+import { cn as l } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
+import { useSidebar as C } from "./context.js";
+import { splitProps as m } from "solid-js";
+var M = /* @__PURE__ */ u('<div data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner class="group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border">'), z = /* @__PURE__ */ u("<div data-slot=sidebar><div data-slot=sidebar-gap>");
+const D = (o) => {
+  const [i, a] = m(o, ["variant", "side", "class", "children"]);
   return (() => {
-    var i = S(), r = i.firstChild;
-    return C(i, f({
+    var t = M(), r = t.firstChild;
+    return k(t, h({
       get class() {
-        return p("inset-y-0 md:flex fixed z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear", e.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", e.variant === "floating" || e.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", e.class);
+        return l("inset-y-0 md:flex fixed z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear", i.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", i.variant === "floating" || i.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", i.class);
       }
-    }, a), !1, !0), g(r, () => e.children), i;
+    }, a), !1, !0), p(r, () => i.children), t;
   })();
-}, _ = (s) => {
+}, j = (o) => {
   const {
-    state: e
-  } = k(), [a, i] = u(s, ["side", "variant", "collapsible", "class", "children"]);
+    state: i
+  } = C(), [a, t] = m(o, ["side", "variant", "collapsible", "disableMobileSidebar", "class", "children"]);
   return (() => {
-    var r = z(), h = r.firstChild;
-    return g(r, m(D, f({
+    var r = z(), w = r.firstChild;
+    return p(r, x(D, h({
       get variant() {
         return a.variant ?? "sidebar";
       },
@@ -27,25 +27,26 @@ const D = (s) => {
         return a.side ?? "left";
       },
       get class() {
-        return a.class;
+        return l(a.disableMobileSidebar === !0 ? "flex" : "md:flex hidden", a.class);
       }
-    }, i, {
+    }, t, {
       get children() {
         return a.children;
       }
-    })), null), w((t) => {
-      var l = e(), o = e() === "collapsed" ? a.collapsible ?? "offcanvas" : "", n = a.variant ?? "sidebar", c = a.side ?? "left", v = p("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", a.variant === "floating" || a.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)");
-      return l !== t.e && d(r, "data-state", t.e = l), o !== t.t && d(r, "data-collapsible", t.t = o), n !== t.a && d(r, "data-variant", t.a = n), c !== t.o && d(r, "data-side", t.o = c), v !== t.i && x(h, t.i = v), t;
+    })), null), S((e) => {
+      var s = l(a.disableMobileSidebar === !0 ? "group peer block text-sidebar-foreground" : "group peer md:block hidden text-sidebar-foreground"), n = i(), c = i() === "collapsed" ? a.collapsible ?? "offcanvas" : "", b = a.variant ?? "sidebar", v = a.side ?? "left", g = l("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", a.variant === "floating" || a.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)");
+      return s !== e.e && f(r, e.e = s), n !== e.t && d(r, "data-state", e.t = n), c !== e.a && d(r, "data-collapsible", e.a = c), b !== e.o && d(r, "data-variant", e.o = b), v !== e.i && d(r, "data-side", e.i = v), g !== e.n && f(w, e.n = g), e;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
-      i: void 0
+      i: void 0,
+      n: void 0
     }), r;
   })();
 };
 export {
-  _ as SidebarDesktop
+  j as SidebarDesktop
 };
 //# sourceMappingURL=SidebarDesktop.js.map