npm - @manafishrov/ui - Versions diffs - 1.2.11 → 1.2.13 - Mend

@manafishrov/ui 1.2.11 → 1.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (163) hide show

package/dist/components/Select.js.map CHANGED Viewed

	@@ -1 +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 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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"}
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 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.5 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":";;;;;;;;AAcO,MAAMA,IAAgBC,EAAgBC,SAChCC,IAAoBF,EAAgBG,aACpCC,IAAqBJ,EAAgBK,cACrCC,IAAoDC,CAAAA,MAAU;AACzE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAgBY,MAAIC,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEZC,EAAG,kEAAkEN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GACpFN,CAAM,CAAA;AAGhB,GACaO,IAAgBhB,EAAgBiB,SAuBvCC,IAAa,CACjBX,MACe;AACf,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,SAAS,SAAS,eAAe,CAAC;AACtF,UAAA,MAAA;AAAA,QAAAY,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAN,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAIWC,EAAG,6CAA6CN,EAAMO,KAAK;AAAA,MAAC;AAAA,IAAA,GAC/DN,CAAM,GAAA,IAAA,EAAA,GAAAa,EAAAH,GAAAR,EAETY,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEhB,EAAMiB;AAAAA,MAAK;AAAA,MAAAC,UAClBC,CAAAA,MAAQ;AACR,cAAMC,IAAWA,MAAepB,EAAMqB,UAAUF,EAAIE;AACpD,gBAAA,MAAA;AAAA,cAAAC,IAAAC,EAAAA;AAAAD,iBAAAA,EAAAE,UAaa,MAAM;AACb,YAAI,OAAOxB,EAAMyB,iBAAkB,cAAcN,EAAIO,aAAa,MAChE1B,EAAMyB,cAAcN,EAAIE,KAAK;AAAA,UAEjC,GAACP,EAAAQ,GAAA,MAEAH,EAAIQ,KAAK,GAAAC,EAAAC,CAAAA,MAAA;AAAA,gBAAAC,IAfAX,EAAIO,aAAa,IAAIK,IAChBX,KAAUY,IACbZ,EAAAA,IAAa,WAAW,YAAUa,IACvC3B,EACL,iDACA,uGACA,2FACA,kDACF;AAACwB,mBAAAA,MAAAD,EAAAK,MAAAZ,EAAAI,WAAAG,EAAAK,IAAAJ,IAAAC,MAAAF,EAAAM,KAAAC,EAAAd,GAAA,iBAAAO,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAQ,KAAAD,EAAAd,GAAA,cAAAO,EAAAQ,IAAAL,CAAA,GAAAC,MAAAJ,EAAAS,KAAAC,EAAAjB,GAAAO,EAAAS,IAAAL,CAAA,GAAAJ;AAAAA,UAAA,GAAA;AAAA,YAAAK,GAAAM;AAAAA,YAAAL,GAAAK;AAAAA,YAAAH,GAAAG;AAAAA,YAAAF,GAAAE;AAAAA,UAAAA,CAAA,GAAAlB;AAAAA,QAAA,GAAA;AAAA,MAUP;AAAA,IAAA,CAAC,CAAA,GAAAX;AAAAA,EAAA,GAAA;AAIT,GAEM8B,IAAa,CACjB1C,MACe;AACf,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,aAAa,CAAC,GAE5D2C,IAA4E;AAAA,IAChFC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACX,GAAG7C,EAAM0C;AAAAA,EAAAA;AAGX,SAAAvC,EACGX,EAAgBsD,MAAIzC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACZC,EAAG,wBAAwBN,EAAMO,KAAK;AAAA,IAAC;AAAA,IAC9CmC,aAAAA;AAAAA,EAAAA,GACIzC,CAAM,CAAA;AAGhB,GAEa8C,IAA0BC,OAAOC,OAAOR,GAAY;AAAA,EAC/DS,MAAMxC;AACR,CAAC,GAEYyC,IAAsDpD,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAgB4D,OAAK/C,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACbC,EACL,uNACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaoD,IAA0DtD,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAgB8D,WAASjD,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEjBC,EAAG,eAAeN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GACjCN,CAAM,CAAA;AAGhB,GAEasD,IAA0DxD,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAgBgE,WAASnD,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEjBC,EAAG,yBAAyBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC3CN,CAAM,CAAA;AAGhB,GAEawD,IAER1D,CAAAA,MAAU;AACb,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,MAAM,CAAC,GACrD2D,IAAO1D,EAAM0D,QAAQ;AAE3B,SAAAvD,EACGX,EAAgBmE,SAAOtD,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,aAEXqD;AAAAA,IAAI,IAAA,QAAA;AAAA,aACRpD,EACL,0mBACA,mGACA,oLACA,8JACA,0GACA,yOACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEa2D,IAA8D7D,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAgBqE,WAASxD,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACjBC,EAAG,gEAAgEN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAClFN,GAAM;AAAA,IAAA,IAAAiB,WAAA;AAAA,aAETlB,EAAMkB,YAAQf,EAAK2D,GAAc;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAkB;AAAA,EAAA,CAAA,CAAA;AAG1D,GAEMC,IAAmB,CAKvBC,GACAC,MACS;AACT,MAAI,OAAOD,KAAY,YAAY;AACjCA,IAAAA,EAAQC,CAAK;AACb;AAAA,EACF;AACA,MAAIC,MAAMC,QAAQH,CAAO,GAAG;AAC1B,UAAM,CAACI,GAAcC,CAAS,IAAIL;AAClCI,IAAAA,EAAaC,GAAWJ,CAAK;AAAA,EAC/B;AACF,GAEaK,IAAoEvE,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CACxC,SACA,YACA,YACA,WACA,WAAW,CACZ;AACD,SAAAI,EACGX,EAAgB+E,cAAYlE,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,kMACAN,EAAMO,KACR;AAAA,IAAC;AAAA,IACDiE,SAASA,CAACP,MAA8E;AACtFA,MAAAA,EAAMQ,gBAAAA,GACNV,EAAiB/D,EAAMwE,SAASP,CAAK;AAAA,IACvC;AAAA,IACAS,WAAWA,CAACT,MAAiF;AAC3F,OAAIA,EAAMU,QAAQ,WAAWV,EAAMU,QAAQ,QACzCV,EAAMQ,gBAAAA,GAERV,EAAiB/D,EAAM0E,WAAWT,CAAK;AAAA,IACzC;AAAA,EAAA,GACIhE,GAAM;AAAA,IAAA,IACV2E,WAAQ;AAAA,aAAE5E,EAAM4E,YAAY;AAAA,IAAC;AAAA,IAAA,IAAA1D,WAAA;AAAA,aAE5BlB,EAAMkB,YAAQf,EAAK0E,GAAS;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAoB;AAAA,EAAA,CAAA,CAAA;AAGvD,GAEaC,IAAgE/E,CAAAA,MAAU;AACrF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EAAQX,EAAgBuF,YAAU1E,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAAQC,EAAG,gBAAgBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAAMN,CAAM,CAAA;AACvF,GAEa+E,KAA0DjF,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAgByF,SAAO5E,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEfC,EACL,+jBACA,iMACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaiF,KAAwEnF,CAAAA,MAAU;AAC7F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAgB2F,gBAAc9E,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEtBC,EAAG,6CAA6CN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC/DN,CAAM,CAAA;AAGhB,GAEamF,KAAoDrF,CAAAA,MAAU;AACzE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGX,EAAgB6F,MAAIhF,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEZC,EACL,kZACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAiB,WAAA;AAAA,aAAA,CAAAf,EAETX,EAAgB8F,UAAQ;AAAA,QAAA,OAAA;AAAA,QAAA,IAAApE,WAAA;AAAA,iBACtBlB,EAAMkB;AAAAA,QAAQ;AAAA,MAAA,CAAA,GAAAf,EAEhBX,EAAgB+F,eAAa;AAAA,QAAA,OAAA;AAAA,QAAA,IAAArE,WAAA;AAAA,iBAAAf,EAC3BqF,GAAS;AAAA,YAAA,OAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAIlB,GAEaC,KAAqD1F,CAAAA,MAAU;AAC1E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAA2F,IAAAC,EAAAA;AAAA9E,WAAAA,EAAA6E,GAAArF,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWC,EAAG,iDAAiDN,EAAMO,KAAK;AAAA,MAAC;AAAA,IAAA,GACnEN,CAAM,GAAA,IAAA,EAAA,GAAAyF;AAAAA,EAAA,GAAA;AAGhB;AAAEE,EAAA,CAAA,OAAA,CAAA;"}

package/dist/components/Separator.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { template as e, spread as i, mergeProps as n } from "solid-js/web";
+import { spread as e, mergeProps as i, template as n } from "solid-js/web";
 import { splitProps as l } from "solid-js";
 import { tv as s } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-var p = /* @__PURE__ */ e("<div data-slot=separator>");
+var p = /* @__PURE__ */ n("<div data-slot=separator>");
 const c = s({
   base: "shrink-0 bg-border",
   variants: {
@@ -17,7 +17,7 @@ const c = s({
   const [r, o] = l(a, ["class", "orientation", "decorative"]);
   return (() => {
     var t = p();
-    return i(t, n({
+    return e(t, i({
       get "data-orientation"() {
         return r.orientation ?? "horizontal";
       }

package/dist/components/Sheet.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createComponent as r, mergeProps as d, template as n, insert as p, spread as m } from "solid-js/web";
+import { createComponent as r, mergeProps as d, insert as p, spread as m, template as n } from "solid-js/web";
 import { dialog_exports as o } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/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_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";

package/dist/components/Skeleton.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { template as s, spread as a, mergeProps as l } from "solid-js/web";
+import { spread as s, mergeProps as a, template as l } from "solid-js/web";
 import { splitProps as m } from "solid-js";
 import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import { ui_skeleton_loading as p } from "../paraglide/messages/ui_skeleton_loading.js";
-var i = /* @__PURE__ */ s("<div data-slot=skeleton role=progressbar aria-busy=true>");
+var i = /* @__PURE__ */ l("<div data-slot=skeleton role=progressbar aria-busy=true>");
 const g = (e) => {
   const [t, o] = m(e, ["class"]);
   return (() => {
     var r = i();
-    return a(r, l({
+    return s(r, a({
       get "aria-label"() {
         return p();
       },

package/dist/components/Slider.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { createComponent as a, mergeProps as l, memo as d, template as f, spread as b, insert as g } from "solid-js/web";
+import { createComponent as l, mergeProps as a, spread as f, insert as b, memo as d, template as g } from "solid-js/web";
 import { angle_slider_exports as i } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/SPOOGCGR.js";
 import { slider_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/QY2YSMFW.js";
 import { splitProps as s } from "solid-js";
 import { cn as o } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-var h = /* @__PURE__ */ f('<div data-slot=slider-circle-range><svg class="size-full -rotate-90 text-primary"viewBox="0 0 96 96"aria-hidden=true><circle cx=48 cy=48 r=44 fill=none stroke=currentColor stroke-linecap=round stroke-width=8 pathLength=360 style="stroke-dasharray:var(--value) 360;transition:stroke-dasharray 150ms ease-out">');
+var h = /* @__PURE__ */ g('<div data-slot=slider-circle-range><svg class="size-full -rotate-90 text-primary"viewBox="0 0 96 96"aria-hidden=true><circle cx=48 cy=48 r=44 fill=none stroke=currentColor stroke-linecap=round stroke-width=8 pathLength=360 style="stroke-dasharray:var(--value) 360;transition:stroke-dasharray 150ms ease-out">');
 const w = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(n.Root, l({
+  return l(n.Root, a({
     get class() {
       return o("flex flex-col data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full", e.class);
     },
@@ -14,28 +14,28 @@ const w = (r) => {
   }, t));
 }, y = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(n.Label, l({
+  return l(n.Label, a({
     get class() {
-      return o("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", e.class);
+      return o("mb-1.5 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", e.class);
     }
   }, t));
 }, S = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(n.ValueText, l({
+  return l(n.ValueText, a({
     get class() {
       return o("text-sm mb-2 text-muted-foreground tabular-nums", e.class);
     }
   }, t));
 }, C = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(n.Control, l({
+  return l(n.Control, a({
     get class() {
       return o("data-[orientation=vertical]:min-h-40 relative flex w-full touch-none items-center select-none data-[disabled=true]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", e.class);
     }
   }, t));
 }, z = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(n.Track, l({
+  return l(n.Track, a({
     "data-slot": "slider-track",
     get class() {
       return o("data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full", e.class);
@@ -43,7 +43,7 @@ const w = (r) => {
   }, t));
 }, T = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(n.Range, l({
+  return l(n.Range, a({
     "data-slot": "slider-range",
     get class() {
       return o("bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full", e.class);
@@ -51,33 +51,33 @@ const w = (r) => {
   }, t));
 }, M = (r) => {
   const [e, t] = s(r, ["class", "children"]);
-  return a(n.Thumb, l({
+  return l(n.Thumb, a({
     "data-slot": "slider-thumb",
     get class() {
-      return o("size-4 bg-white shadow-sm after:-inset-2 relative block shrink-0 rounded-full border border-ring ring-ring/50 transition-[color,box-shadow] select-none after:absolute hover:ring-[3px] focus-visible:outline-hidden data-active:ring-[3px] data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50", e.class);
+      return o("size-4 bg-white shadow-sm after:-inset-2 relative block shrink-0 rounded-full border border-ring ring-ring/50 transition-[color,box-shadow] select-none after:absolute hover:ring-[3px] focus-visible:outline-hidden has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50 data-active:ring-[3px] data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", e.class);
     }
   }, t, {
     get children() {
-      return [d(() => e.children), a(n.HiddenInput, {})];
+      return [d(() => e.children), l(n.HiddenInput, {})];
     }
   }));
 }, _ = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(n.MarkerGroup, l({
+  return l(n.MarkerGroup, a({
     get class() {
-      return o("mt-2", e.class);
+      return o("mt-2 mb-2", e.class);
     }
   }, t));
 }, L = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(n.Marker, l({
+  return l(n.Marker, a({
     get class() {
-      return o("data-[state=at-value]:font-medium text-[10px] text-muted-foreground data-[orientation=horizontal]:-translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2 data-[state=at-value]:text-foreground", e.class);
+      return o("-translate-x-1/2 text-[10px] text-muted-foreground data-[orientation=vertical]:-translate-y-1/2 data-[state=at-value]:text-foreground", e.class);
     }
   }, t));
 }, R = (r) => {
   const [e, t] = s(r, ["class", "children"]);
-  return a(i.Root, l({
+  return l(i.Root, a({
     get class() {
       return o("gap-4 flex flex-col items-center", e.class);
     },
@@ -89,7 +89,7 @@ const w = (r) => {
   }));
 }, G = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(i.Label, l({
+  return l(i.Label, a({
     get class() {
       return o("text-sm font-medium leading-none select-none", e.class);
     },
@@ -97,7 +97,7 @@ const w = (r) => {
   }, t));
 }, V = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(i.ValueText, l({
+  return l(i.ValueText, a({
     get class() {
       return o("text-sm text-muted-foreground tabular-nums", e.class);
     },
@@ -105,7 +105,7 @@ const w = (r) => {
   }, t));
 }, $ = (r) => {
   const [e, t] = s(r, ["class"]);
-  return a(i.Control, l({
+  return l(i.Control, a({
     get class() {
       return o("size-24 relative flex items-center justify-center rounded-full bg-muted select-none", "after:inset-2 after:absolute after:rounded-full after:bg-background", "data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", e.class);
     },
@@ -115,29 +115,29 @@ const w = (r) => {
   const [e, t] = s(r, ["class", "children"]);
   return (() => {
     var c = h(), u = c.firstChild;
-    return u.firstChild, b(c, l({
+    return u.firstChild, f(c, a({
       get class() {
-        return o("inset-0 z-10 pointer-events-none absolute rounded-full", e.class);
+        return o("inset-0 pointer-events-none absolute z-10 rounded-full", e.class);
       }
-    }, t), !1, !0), g(c, () => e.children, null), c;
+    }, t), !1, !0), b(c, () => e.children, null), c;
   })();
 }, I = (r) => {
   const [e, t] = s(r, ["class", "children"]);
-  return a(i.Thumb, l({
+  return l(i.Thumb, a({
     get class() {
-      return o("inset-0 z-20 absolute rounded-full outline-none", "before:top-1 before:size-4 before:bg-white before:shadow-sm before:absolute before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:border before:border-ring before:transition-[color,box-shadow] before:data-active:ring-[3px] before:data-active:ring-ring/50", "data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50", e.class);
+      return o("inset-0 absolute z-20 rounded-full outline-none", "before:top-1 before:size-4 before:bg-white before:shadow-sm before:absolute before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:border before:border-ring before:transition-[color,box-shadow] before:data-active:ring-[3px] before:data-active:ring-ring/50", "has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", e.class);
     },
     "data-slot": "slider-circle-thumb"
   }, t, {
     get children() {
-      return [d(() => e.children), a(i.HiddenInput, {})];
+      return [d(() => e.children), l(i.HiddenInput, {})];
     }
   }));
 }, P = (r) => {
   const [e, t] = s(r, ["class", "children"]);
-  return a(i.MarkerGroup, l({
+  return l(i.MarkerGroup, a({
     get class() {
-      return o("inset-0 z-20 pointer-events-none absolute rounded-full", e.class);
+      return o("inset-0 pointer-events-none absolute z-20 rounded-full", e.class);
     }
   }, t, {
     get children() {
@@ -146,7 +146,7 @@ const w = (r) => {
   }));
 }, j = (r) => {
   const [e, t] = s(r, ["class", "children"]);
-  return a(i.Marker, l({
+  return l(i.Marker, a({
     get class() {
       return o("inset-0 absolute rounded-full", "before:top-0 before:w-0.5 before:h-2 before:absolute before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-border", "data-[state=at-value]:before:bg-primary data-[state=under-value]:before:bg-primary/70", e.class);
     }

package/dist/components/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../src/components/Slider.tsx"],"sourcesContent":["import { AngleSlider as AngleSliderPrimitive } from '@ark-ui/solid/angle-slider';\nimport { Slider as SliderPrimitive } from '@ark-ui/solid/slider';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const Slider: Component<SliderPrimitive.RootProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Root\n class={cn(\n 'flex flex-col data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full',\n local.class,\n )}\n data-slot='slider'\n {...others}\n />\n );\n};\n\nexport const SliderLabel: Component<SliderPrimitive.LabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.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 SliderValueText: Component<SliderPrimitive.ValueTextProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.ValueText\n class={cn('text-sm mb-2 text-muted-foreground tabular-nums', local.class)}\n {...others}\n />\n );\n};\n\nexport const SliderControl: Component<SliderPrimitive.ControlProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Control\n class={cn(\n 'data-[orientation=vertical]:min-h-40 relative flex w-full touch-none items-center select-none data-[disabled=true]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SliderTrack: Component<SliderPrimitive.TrackProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Track\n data-slot='slider-track'\n class={cn(\n 'data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SliderRange: Component<SliderPrimitive.RangeProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Range\n data-slot='slider-range'\n class={cn(\n 'bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SliderThumb: Component<SliderPrimitive.ThumbProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <SliderPrimitive.Thumb\n data-slot='slider-thumb'\n class={cn(\n 'size-4 bg-white shadow-sm after:-inset-2 relative block shrink-0 rounded-full border border-ring ring-ring/50 transition-[color,box-shadow] select-none after:absolute hover:ring-[3px] focus-visible:outline-hidden data-active:ring-[3px] data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n local.class,\n )}\n {...others}\n >\n {local.children}\n <SliderPrimitive.HiddenInput />\n </SliderPrimitive.Thumb>\n );\n};\n\nexport const SliderMarkerGroup: Component<SliderPrimitive.MarkerGroupProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return <SliderPrimitive.MarkerGroup class={cn('mt-2', local.class)} {...others} />;\n};\n\nexport const SliderMarker: Component<SliderPrimitive.MarkerProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Marker\n class={cn(\n 'data-[state=at-value]:font-medium text-[10px] text-muted-foreground data-[orientation=horizontal]:-translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2 data-[state=at-value]:text-foreground',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SliderCircle: Component<AngleSliderPrimitive.RootProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <AngleSliderPrimitive.Root\n class={cn('gap-4 flex flex-col items-center', local.class)}\n data-slot='slider-circle'\n {...others}\n >\n {local.children}\n </AngleSliderPrimitive.Root>\n );\n};\n\nexport const SliderCircleLabel: Component<AngleSliderPrimitive.LabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <AngleSliderPrimitive.Label\n class={cn('text-sm font-medium leading-none select-none', local.class)}\n data-slot='slider-circle-label'\n {...others}\n />\n );\n};\n\nexport const SliderCircleValueText: Component<AngleSliderPrimitive.ValueTextProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <AngleSliderPrimitive.ValueText\n class={cn('text-sm text-muted-foreground tabular-nums', local.class)}\n data-slot='slider-circle-value-text'\n {...others}\n />\n );\n};\n\nexport const SliderCircleTrack: Component<AngleSliderPrimitive.ControlProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <AngleSliderPrimitive.Control\n class={cn(\n 'size-24 relative flex items-center justify-center rounded-full bg-muted select-none',\n 'after:inset-2 after:absolute after:rounded-full after:bg-background',\n 'data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n local.class,\n )}\n data-slot='slider-circle-track'\n {...others}\n />\n );\n};\n\nexport const SliderCircleRange: Component<AngleSliderPrimitive.ThumbProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <div\n class={cn('inset-0 z-10 pointer-events-none absolute rounded-full', local.class)}\n data-slot='slider-circle-range'\n {...others}\n >\n <svg class='size-full -rotate-90 text-primary' viewBox='0 0 96 96' aria-hidden='true'>\n <circle\n cx='48'\n cy='48'\n r='44'\n fill='none'\n stroke='currentColor'\n stroke-linecap='round'\n stroke-width='8'\n pathLength='360'\n style={{\n 'stroke-dasharray': 'var(--value) 360',\n transition: 'stroke-dasharray 150ms ease-out',\n }}\n />\n </svg>\n {local.children}\n </div>\n );\n};\n\nexport const SliderCircleThumb: Component<AngleSliderPrimitive.ThumbProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <AngleSliderPrimitive.Thumb\n class={cn(\n 'inset-0 z-20 absolute rounded-full outline-none',\n 'before:top-1 before:size-4 before:bg-white before:shadow-sm before:absolute before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:border before:border-ring before:transition-[color,box-shadow] before:data-active:ring-[3px] before:data-active:ring-ring/50',\n 'data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n local.class,\n )}\n data-slot='slider-circle-thumb'\n {...others}\n >\n {local.children}\n <AngleSliderPrimitive.HiddenInput />\n </AngleSliderPrimitive.Thumb>\n );\n};\n\nexport const SliderCircleMarkerGroup: Component<AngleSliderPrimitive.MarkerGroupProps> = (\n props,\n) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <AngleSliderPrimitive.MarkerGroup\n class={cn('inset-0 z-20 pointer-events-none absolute rounded-full', local.class)}\n {...others}\n >\n {local.children}\n </AngleSliderPrimitive.MarkerGroup>\n );\n};\n\nexport const SliderCircleMarker: Component<AngleSliderPrimitive.MarkerProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <AngleSliderPrimitive.Marker\n class={cn(\n 'inset-0 absolute rounded-full',\n 'before:top-0 before:w-0.5 before:h-2 before:absolute before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-border',\n 'data-[state=at-value]:before:bg-primary data-[state=under-value]:before:bg-primary/70',\n local.class,\n )}\n {...others}\n >\n {local.children}\n </AngleSliderPrimitive.Marker>\n );\n};\n"],"names":["Slider","props","local","others","splitProps","_$createComponent","SliderPrimitive","Root","_$mergeProps","cn","class","SliderLabel","Label","SliderValueText","ValueText","SliderControl","Control","SliderTrack","Track","SliderRange","Range","SliderThumb","Thumb","children","_$memo","HiddenInput","SliderMarkerGroup","MarkerGroup","SliderMarker","Marker","SliderCircle","AngleSliderPrimitive","SliderCircleLabel","SliderCircleValueText","SliderCircleTrack","SliderCircleRange","_el$","_tmpl$","_el$2","firstChild","_$spread","_$insert","SliderCircleThumb","SliderCircleMarkerGroup","SliderCircleMarker"],"mappings":"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"}
1	+ {"version":3,"file":"Slider.js","sources":["../../src/components/Slider.tsx"],"sourcesContent":["import { AngleSlider as AngleSliderPrimitive } from '@ark-ui/solid/angle-slider';\nimport { Slider as SliderPrimitive } from '@ark-ui/solid/slider';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const Slider: Component<SliderPrimitive.RootProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Root\n class={cn(\n 'flex flex-col data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full',\n local.class,\n )}\n data-slot='slider'\n {...others}\n />\n );\n};\n\nexport const SliderLabel: Component<SliderPrimitive.LabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Label\n class={cn(\n 'mb-1.5 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 SliderValueText: Component<SliderPrimitive.ValueTextProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.ValueText\n class={cn('text-sm mb-2 text-muted-foreground tabular-nums', local.class)}\n {...others}\n />\n );\n};\n\nexport const SliderControl: Component<SliderPrimitive.ControlProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Control\n class={cn(\n 'data-[orientation=vertical]:min-h-40 relative flex w-full touch-none items-center select-none data-[disabled=true]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SliderTrack: Component<SliderPrimitive.TrackProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Track\n data-slot='slider-track'\n class={cn(\n 'data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5 relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SliderRange: Component<SliderPrimitive.RangeProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Range\n data-slot='slider-range'\n class={cn(\n 'bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SliderThumb: Component<SliderPrimitive.ThumbProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <SliderPrimitive.Thumb\n data-slot='slider-thumb'\n class={cn(\n 'size-4 bg-white shadow-sm after:-inset-2 relative block shrink-0 rounded-full border border-ring ring-ring/50 transition-[color,box-shadow] select-none after:absolute hover:ring-[3px] focus-visible:outline-hidden has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50 data-active:ring-[3px] data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n local.class,\n )}\n {...others}\n >\n {local.children}\n <SliderPrimitive.HiddenInput />\n </SliderPrimitive.Thumb>\n );\n};\n\nexport const SliderMarkerGroup: Component<SliderPrimitive.MarkerGroupProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return <SliderPrimitive.MarkerGroup class={cn('mt-2 mb-2', local.class)} {...others} />;\n};\n\nexport const SliderMarker: Component<SliderPrimitive.MarkerProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <SliderPrimitive.Marker\n class={cn(\n '-translate-x-1/2 text-[10px] text-muted-foreground data-[orientation=vertical]:-translate-y-1/2 data-[state=at-value]:text-foreground',\n local.class,\n )}\n {...others}\n />\n );\n};\n\nexport const SliderCircle: Component<AngleSliderPrimitive.RootProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <AngleSliderPrimitive.Root\n class={cn('gap-4 flex flex-col items-center', local.class)}\n data-slot='slider-circle'\n {...others}\n >\n {local.children}\n </AngleSliderPrimitive.Root>\n );\n};\n\nexport const SliderCircleLabel: Component<AngleSliderPrimitive.LabelProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <AngleSliderPrimitive.Label\n class={cn('text-sm font-medium leading-none select-none', local.class)}\n data-slot='slider-circle-label'\n {...others}\n />\n );\n};\n\nexport const SliderCircleValueText: Component<AngleSliderPrimitive.ValueTextProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <AngleSliderPrimitive.ValueText\n class={cn('text-sm text-muted-foreground tabular-nums', local.class)}\n data-slot='slider-circle-value-text'\n {...others}\n />\n );\n};\n\nexport const SliderCircleTrack: Component<AngleSliderPrimitive.ControlProps> = (props) => {\n const [local, others] = splitProps(props, ['class']);\n return (\n <AngleSliderPrimitive.Control\n class={cn(\n 'size-24 relative flex items-center justify-center rounded-full bg-muted select-none',\n 'after:inset-2 after:absolute after:rounded-full after:bg-background',\n 'data-[disabled=true]:opacity-50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n local.class,\n )}\n data-slot='slider-circle-track'\n {...others}\n />\n );\n};\n\nexport const SliderCircleRange: Component<AngleSliderPrimitive.ThumbProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <div\n class={cn('inset-0 pointer-events-none absolute z-10 rounded-full', local.class)}\n data-slot='slider-circle-range'\n {...others}\n >\n <svg class='size-full -rotate-90 text-primary' viewBox='0 0 96 96' aria-hidden='true'>\n <circle\n cx='48'\n cy='48'\n r='44'\n fill='none'\n stroke='currentColor'\n stroke-linecap='round'\n stroke-width='8'\n pathLength='360'\n style={{\n 'stroke-dasharray': 'var(--value) 360',\n transition: 'stroke-dasharray 150ms ease-out',\n }}\n />\n </svg>\n {local.children}\n </div>\n );\n};\n\nexport const SliderCircleThumb: Component<AngleSliderPrimitive.ThumbProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <AngleSliderPrimitive.Thumb\n class={cn(\n 'inset-0 absolute z-20 rounded-full outline-none',\n 'before:top-1 before:size-4 before:bg-white before:shadow-sm before:absolute before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:border before:border-ring before:transition-[color,box-shadow] before:data-active:ring-[3px] before:data-active:ring-ring/50',\n 'has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n local.class,\n )}\n data-slot='slider-circle-thumb'\n {...others}\n >\n {local.children}\n <AngleSliderPrimitive.HiddenInput />\n </AngleSliderPrimitive.Thumb>\n );\n};\n\nexport const SliderCircleMarkerGroup: Component<AngleSliderPrimitive.MarkerGroupProps> = (\n props,\n) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <AngleSliderPrimitive.MarkerGroup\n class={cn('inset-0 pointer-events-none absolute z-20 rounded-full', local.class)}\n {...others}\n >\n {local.children}\n </AngleSliderPrimitive.MarkerGroup>\n );\n};\n\nexport const SliderCircleMarker: Component<AngleSliderPrimitive.MarkerProps> = (props) => {\n const [local, others] = splitProps(props, ['class', 'children']);\n return (\n <AngleSliderPrimitive.Marker\n class={cn(\n 'inset-0 absolute rounded-full',\n 'before:top-0 before:w-0.5 before:h-2 before:absolute before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-border',\n 'data-[state=at-value]:before:bg-primary data-[state=under-value]:before:bg-primary/70',\n local.class,\n )}\n {...others}\n >\n {local.children}\n </AngleSliderPrimitive.Marker>\n );\n};\n"],"names":["Slider","props","local","others","splitProps","_$createComponent","SliderPrimitive","Root","_$mergeProps","cn","class","SliderLabel","Label","SliderValueText","ValueText","SliderControl","Control","SliderTrack","Track","SliderRange","Range","SliderThumb","Thumb","children","_$memo","HiddenInput","SliderMarkerGroup","MarkerGroup","SliderMarker","Marker","SliderCircle","AngleSliderPrimitive","SliderCircleLabel","SliderCircleValueText","SliderCircleTrack","SliderCircleRange","_el$","_tmpl$","_el$2","firstChild","_$spread","_$insert","SliderCircleThumb","SliderCircleMarkerGroup","SliderCircleMarker"],"mappings":";;;;;;AAKO,MAAMA,IAAgDC,CAAAA,MAAU;AACrE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBC,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACZC,EACL,yFACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,IAAA,aAAA;AAAA,EAAA,GAEGP,CAAM,CAAA;AAGhB,GAEaQ,IAAsDV,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBM,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACbC,EACL,uNACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEaU,IAA8DZ,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBQ,WAASN,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACjBC,EAAG,mDAAmDP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GACrEP,CAAM,CAAA;AAGhB,GAEaY,IAA0Dd,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBU,SAAOR,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,4OACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEac,IAAsDhB,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBY,OAAKV,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEbC,EACL,iNACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEagB,IAAsDlB,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBc,OAAKZ,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEbC,EACL,kGACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEakB,IAAsDpB,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGC,EAAgBgB,OAAKd,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEbC,EACL,+aACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,GAAM;AAAA,IAAA,IAAAoB,WAAA;AAAA,aAAA,CAAAC,EAAA,MAETtB,EAAMqB,QAAQ,GAAAlB,EACdC,EAAgBmB,aAAW,CAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGlC,GAEaC,IAAkEzB,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EAAQC,EAAgBqB,aAAWnB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAAQC,EAAG,aAAaP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GAAMP,CAAM,CAAA;AACrF,GAEayB,IAAwD3B,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBuB,QAAMrB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACdC,EACL,yIACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEa2B,IAA2D7B,CAAAA,MAAU;AAChF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACG0B,EAAqBxB,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACjBC,EAAG,oCAAoCP,EAAMQ,KAAK;AAAA,IAAC;AAAA,IAAA,aAAA;AAAA,EAAA,GAEtDP,GAAM;AAAA,IAAA,IAAAoB,WAAA;AAAA,aAETrB,EAAMqB;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB,GAEaS,IAAiE/B,CAAAA,MAAU;AACtF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACG0B,EAAqBnB,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAClBC,EAAG,gDAAgDP,EAAMQ,KAAK;AAAA,IAAC;AAAA,IAAA,aAAA;AAAA,EAAA,GAElEP,CAAM,CAAA;AAGhB,GAEa8B,IAAyEhC,CAAAA,MAAU;AAC9F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACG0B,EAAqBjB,WAASN,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACtBC,EAAG,8CAA8CP,EAAMQ,KAAK;AAAA,IAAC;AAAA,IAAA,aAAA;AAAA,EAAA,GAEhEP,CAAM,CAAA;AAGhB,GAEa+B,IAAmEjC,CAAAA,MAAU;AACxF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACG0B,EAAqBf,SAAOR,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,uFACA,uEACA,qGACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,IAAA,aAAA;AAAA,EAAA,GAEGP,CAAM,CAAA;AAGhB,GAEagC,IAAiElC,CAAAA,MAAU;AACtF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,UAAA,MAAA;AAAA,QAAAmC,IAAAC,KAAAC,IAAAF,EAAAG;AAAAD,WAAAA,EAAAC,YAAAC,EAAAJ,GAAA5B,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAEWC,EAAG,0DAA0DP,EAAMQ,KAAK;AAAA,MAAC;AAAA,IAAA,GAE5EP,CAAM,GAAA,IAAA,EAAA,GAAAsC,EAAAL,GAAA,MAkBTlC,EAAMqB,UAAQ,IAAA,GAAAa;AAAAA,EAAA,GAAA;AAGrB,GAEaM,IAAiEzC,CAAAA,MAAU;AACtF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACG0B,EAAqBT,OAAKd,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAClBC,EACL,mDACA,uSACA,iIACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,IAAA,aAAA;AAAA,EAAA,GAEGP,GAAM;AAAA,IAAA,IAAAoB,WAAA;AAAA,aAAA,CAAAC,EAAA,MAETtB,EAAMqB,QAAQ,GAAAlB,EACd0B,EAAqBN,aAAW,CAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGvC,GAEakB,IACX1C,CAAAA,MACG;AACH,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACG0B,EAAqBJ,aAAWnB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACxBC,EAAG,0DAA0DP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GAC5EP,GAAM;AAAA,IAAA,IAAAoB,WAAA;AAAA,aAETrB,EAAMqB;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB,GAEaqB,IAAmE3C,CAAAA,MAAU;AACxF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACG0B,EAAqBF,QAAMrB,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACnBC,EACL,iCACA,6JACA,yFACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,GAAM;AAAA,IAAA,IAAAoB,WAAA;AAAA,aAETrB,EAAMqB;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB;"}

package/dist/components/Spinner.js CHANGED Viewed

@@ -1,21 +1,21 @@
-import { template as o, spread as n, mergeProps as i, insert as a, createComponent as m } from "solid-js/web";
+import { spread as o, mergeProps as n, insert as i, createComponent as a, template 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_7ac958b541464b98/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>");
+var f = /* @__PURE__ */ m("<span role=status>");
 const h = (e) => {
   const [t, s] = l(e, ["class"]);
   return (() => {
     var r = f();
-    return n(r, i({
+    return o(r, n({
       get "aria-label"() {
         return u();
       },
       get class() {
         return p("inline-flex items-center justify-center", t.class);
       }
-    }, s), !1, !0), a(r, m(c, {
+    }, s), !1, !0), i(r, a(c, {
       class: "size-4 animate-spin",
       "aria-hidden": "true"
     })), r;

package/dist/components/Table.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { template as s, spread as r, mergeProps as o } from "solid-js/web";
+import { spread as s, mergeProps as r, template as o } from "solid-js/web";
 import { splitProps as c } from "solid-js";
 import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-var u = /* @__PURE__ */ s('<div data-slot=table-container class="relative w-full overflow-x-auto"><table data-slot=table>'), b = /* @__PURE__ */ s("<thead data-slot=table-header>"), f = /* @__PURE__ */ s("<tbody data-slot=table-body>"), m = /* @__PURE__ */ s("<tfoot data-slot=table-footer>"), p = /* @__PURE__ */ s("<tr data-slot=table-row>"), i = /* @__PURE__ */ s("<th data-slot=table-head>"), h = /* @__PURE__ */ s("<td data-slot=table-cell>"), _ = /* @__PURE__ */ s("<caption data-slot=table-caption>");
+var u = /* @__PURE__ */ o('<div data-slot=table-container class="relative w-full overflow-x-auto"><table data-slot=table>'), b = /* @__PURE__ */ o("<thead data-slot=table-header>"), f = /* @__PURE__ */ o("<tbody data-slot=table-body>"), m = /* @__PURE__ */ o("<tfoot data-slot=table-footer>"), p = /* @__PURE__ */ o("<tr data-slot=table-row>"), i = /* @__PURE__ */ o("<th data-slot=table-head>"), h = /* @__PURE__ */ o("<td data-slot=table-cell>"), _ = /* @__PURE__ */ o("<caption data-slot=table-caption>");
 const x = (e) => {
   const [l, a] = c(e, ["class"]);
   return (() => {
     var t = u(), d = t.firstChild;
-    return r(d, o({
+    return s(d, r({
       get class() {
         return n("text-sm w-full caption-bottom", l.class);
       }
@@ -16,7 +16,7 @@ const x = (e) => {
   const [l, a] = c(e, ["class"]);
   return (() => {
     var t = b();
-    return r(t, o({
+    return s(t, r({
       get class() {
         return n("[&_tr]:border-b", l.class);
       }
@@ -26,7 +26,7 @@ const x = (e) => {
   const [l, a] = c(e, ["class"]);
   return (() => {
     var t = f();
-    return r(t, o({
+    return s(t, r({
       get class() {
         return n("[&_tr:last-child]:border-0", l.class);
       }
@@ -36,7 +36,7 @@ const x = (e) => {
   const [l, a] = c(e, ["class"]);
   return (() => {
     var t = m();
-    return r(t, o({
+    return s(t, r({
       get class() {
         return n("font-medium border-t bg-muted/50 [&>tr]:last:border-b-0", l.class);
       }
@@ -46,7 +46,7 @@ const x = (e) => {
   const [l, a] = c(e, ["class"]);
   return (() => {
     var t = p();
-    return r(t, o({
+    return s(t, r({
       get class() {
         return n("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", l.class);
       }
@@ -56,7 +56,7 @@ const x = (e) => {
   const [l, a] = c(e, ["class"]);
   return (() => {
     var t = i();
-    return r(t, o({
+    return s(t, r({
       get class() {
         return n("h-10 px-2 font-medium [&:has([role=checkbox])]:pr-0 text-left align-middle whitespace-nowrap text-foreground", l.class);
       }
@@ -66,7 +66,7 @@ const x = (e) => {
   const [l, a] = c(e, ["class"]);
   return (() => {
     var t = h();
-    return r(t, o({
+    return s(t, r({
       get class() {
         return n("p-2 [&:has([role=checkbox])]:pr-0 align-middle whitespace-nowrap", l.class);
       }
@@ -76,7 +76,7 @@ const x = (e) => {
   const [l, a] = c(e, ["class"]);
   return (() => {
     var t = _();
-    return r(t, o({
+    return s(t, r({
       get class() {
         return n("mt-4 text-sm text-muted-foreground", l.class);
       }

package/dist/components/TagsInput.js CHANGED Viewed

@@ -7,7 +7,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class"]);
   return s(n.Label, o({
     get class() {
-      return i("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", e.class);
+      return i("mb-1.5 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", e.class);
     }
   }, r));
 }, x = (t) => {

package/dist/components/TagsInput.js.map CHANGED Viewed

	@@ -1 +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 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~~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"}
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 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.5 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":"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"}

package/dist/components/TextInput.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { createComponent as a, mergeProps as n, template as u, spread as c } from "solid-js/web";
+import { createComponent as a, mergeProps as n, spread as u, template as c } from "solid-js/web";
 import { field_exports as o } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/PPH4D7AF.js";
 import { splitProps as s } from "solid-js";
 import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import { FieldDescription as p, FieldError as b } from "./Field.js";
-var g = /* @__PURE__ */ u("<div data-slot=text-input-control>");
+var g = /* @__PURE__ */ c("<div data-slot=text-input-control>");
 const y = (e) => {
   const [t, r] = s(e, ["class"]);
   return a(o.Root, n({
@@ -15,7 +15,7 @@ const y = (e) => {
   const [t, r] = s(e, ["class"]);
   return a(o.Label, n({
     get class() {
-      return l("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", t.class);
+      return l("mb-1.5 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", t.class);
     }
   }, r));
 }, I = (e) => {
@@ -23,7 +23,7 @@ const y = (e) => {
   return a(o.Context, {
     children: (i) => (() => {
       var d = g();
-      return c(d, n(() => i().disabled && {
+      return u(d, n(() => i().disabled && {
         "data-disabled": "true"
       }, () => i().invalid && {
         "data-invalid": "true"