@manafishrov/ui 1.5.11 → 1.5.14

package/dist/components/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["DatePicker","DatePickerPrimitive","Component","For","splitProps","cn","CalendarMonthIcon","ChevronLeftIcon","ChevronRightIcon","buttonVariants","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","DatePickerContext","Context","DatePickerRangeText","RangeText","DatePickerView","View","DatePickerViewTrigger","ViewTrigger","DatePickerTable","TableProps","Table","DatePickerTableBody","TableBodyProps","TableBody","DatePickerTableCell","TableCellProps","TableCell","DatePickerTableHead","TableHeadProps","TableHead","DatePickerTableHeader","TableHeaderProps","TableHeader","DatePickerTableRow","TableRowProps","TableRow","DatePickerLabel","LabelProps","Label","DatePickerControl","ControlProps","Control","DatePickerInput","InputProps","Input","DatePickerTrigger","TriggerProps","Trigger","variant","size","children","DatePickerPositioner","PositionerProps","Positioner","DatePickerContent","ContentProps","Content","DatePickerPrevTrigger","PrevTriggerProps","PrevTrigger","DatePickerNextTrigger","NextTriggerProps","NextTrigger","DatePickerTableCellTrigger","TableCellTriggerProps","TableCellTrigger","DatePickerViewControl","ViewControlProps","ViewControl","asChild","triggerProps","_el$","_tmpl$","_$spread","_$insert","DatePickerDayView","view","api","each","weekDays","weekDay","aria-label","narrow","short","weeks","week","day","value","DatePickerMonthView","getMonthsGrid","columns","format","months","month","label","DatePickerYearView","getYearsGrid","years","year","DatePickerViews","DatePickerCalendar","inline","unmountOnExit"],"sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { DatePicker as DatePickerPrimitive } from '@ark-ui/solid/date-picker';\nimport { type Component, For, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CalendarMonthIcon from '~icons/material-symbols/calendar-month';\nimport ChevronLeftIcon from '~icons/material-symbols/chevron-left';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nimport { buttonVariants } from '@/components/Button';\nexport const DatePicker: Component<DatePickerPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Root class={cn('flex w-full flex-col', local.class)} {...others} />;\n};\nexport const DatePickerContext = DatePickerPrimitive.Context,\n  DatePickerRangeText = DatePickerPrimitive.RangeText,\n  DatePickerView = DatePickerPrimitive.View,\n  DatePickerViewTrigger = DatePickerPrimitive.ViewTrigger;\nexport const DatePickerTable: Component<DatePickerPrimitive.TableProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Table\n      class={cn('space-y-1 w-full border-collapse', local.class)}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableBody: Component<DatePickerPrimitive.TableBodyProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableBody class={cn('', local.class)} {...others} />;\n};\nexport const DatePickerTableCell: Component<DatePickerPrimitive.TableCellProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableCell\n      class={cn(\n        'text-sm p-0 relative text-center focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableHead: Component<DatePickerPrimitive.TableHeadProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableHead class={cn('', local.class)} {...others} />;\n};\nexport const DatePickerTableHeader: Component<DatePickerPrimitive.TableHeaderProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableHeader\n      class={cn('w-9 font-normal rounded-md text-[0.8rem] text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableRow: Component<DatePickerPrimitive.TableRowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableRow class={cn('mt-2 flex w-full', local.class)} {...others} />;\n};\nexport const DatePickerLabel: Component<DatePickerPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.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 DatePickerControl: Component<DatePickerPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Control class={cn('gap-2 flex flex-row', local.class)} {...others} />;\n};\nexport const DatePickerInput: Component<DatePickerPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Input\n      class={cn(\n        'h-9 px-3 py-2 text-sm file:text-sm file:font-medium shadow-sm flex w-full rounded-lg border border-input bg-background transition-colors file:border-0 file:bg-transparent placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTrigger: Component<DatePickerPrimitive.TriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.Trigger\n      class={cn(\n        buttonVariants({ variant: 'outline', size: 'icon' }),\n        'size-9 p-0 font-normal',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CalendarMonthIcon class='size-4' />}\n    </DatePickerPrimitive.Trigger>\n  );\n};\nexport const DatePickerPositioner: Component<DatePickerPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\nexport const DatePickerContent: Component<DatePickerPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Content\n      class={cn(\n        'w-72 p-3 shadow-md rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 outline-none 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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerPrevTrigger: Component<DatePickerPrimitive.PrevTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.PrevTrigger\n      class={cn(\n        buttonVariants({ variant: 'outline' }),\n        'size-7 p-0 left-1 absolute bg-transparent opacity-50 hover:opacity-100',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <ChevronLeftIcon class='size-4' />}\n    </DatePickerPrimitive.PrevTrigger>\n  );\n};\nexport const DatePickerNextTrigger: Component<DatePickerPrimitive.NextTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.NextTrigger\n      class={cn(\n        buttonVariants({ variant: 'outline' }),\n        'size-7 p-0 right-1 absolute bg-transparent opacity-50 hover:opacity-100',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <ChevronRightIcon class='size-4' />}\n    </DatePickerPrimitive.NextTrigger>\n  );\n};\nexport const DatePickerTableCellTrigger: Component<DatePickerPrimitive.TableCellTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableCellTrigger\n      class={cn(\n        buttonVariants({ variant: 'ghost' }),\n        'size-9 p-0 font-normal data-selected:opacity-100',\n        'data-today:bg-accent data-today:text-accent-foreground',\n        'data-selected:bg-primary data-selected:text-primary-foreground data-selected:hover:bg-primary data-selected:hover:text-primary-foreground data-selected:focus:bg-primary data-selected:focus:text-primary-foreground',\n        'data-disabled:text-muted-foreground data-[disabled=true]:opacity-50',\n        'data-outside-range:text-muted-foreground data-outside-range:opacity-50',\n        'data-in-range:rounded-none data-in-range:bg-accent data-in-range:text-accent-foreground',\n        'data-range-end:rounded-r-md data-range-start:rounded-l-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerViewControl: Component<DatePickerPrimitive.ViewControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.ViewControl\n      class={cn('pt-1 mb-4 px-8 relative flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <DatePickerPrevTrigger />\n      <DatePickerViewTrigger\n        asChild={(triggerProps) => (\n          <button\n            class={cn(buttonVariants({ variant: 'ghost' }), 'h-7 px-2 py-1 text-sm font-medium')}\n            {...triggerProps()}\n          >\n            <DatePickerRangeText />\n          </button>\n        )}\n      />\n      <DatePickerNextTrigger />\n    </DatePickerPrimitive.ViewControl>\n  );\n};\nexport const DatePickerDayView: Component = () => (\n  <DatePickerView view='day'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableHead>\n        <DatePickerTableRow>\n          <DatePickerContext>\n            {(api) => (\n              <For each={api().weekDays}>\n                {(weekDay) => (\n                  <DatePickerTableHeader aria-label={weekDay.narrow}>\n                    {weekDay.short}\n                  </DatePickerTableHeader>\n                )}\n              </For>\n            )}\n          </DatePickerContext>\n        </DatePickerTableRow>\n      </DatePickerTableHead>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().weeks}>\n              {(week) => (\n                <DatePickerTableRow>\n                  <For each={week}>\n                    {(day) => (\n                      <DatePickerTableCell value={day}>\n                        <DatePickerTableCellTrigger>{day.day}</DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerMonthView: Component = () => (\n  <DatePickerView view='month'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().getMonthsGrid({ columns: 4, format: 'short' })}>\n              {(months) => (\n                <DatePickerTableRow class='gap-2 w-full'>\n                  <For each={months}>\n                    {(month) => (\n                      <DatePickerTableCell value={month.value} class='flex-1'>\n                        <DatePickerTableCellTrigger class='w-full'>\n                          {month.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerYearView: Component = () => (\n  <DatePickerView view='year'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().getYearsGrid({ columns: 4 })}>\n              {(years) => (\n                <DatePickerTableRow class='gap-2 w-full'>\n                  <For each={years}>\n                    {(year) => (\n                      <DatePickerTableCell value={year.value} class='flex-1'>\n                        <DatePickerTableCellTrigger class='w-full'>\n                          {year.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerViews: Component = () => [\n  <DatePickerDayView />,\n  <DatePickerMonthView />,\n  <DatePickerYearView />,\n];\nexport const DatePickerCalendar: Component<DatePickerPrimitive.RootProps> = (props) => (\n  <DatePicker {...props} inline unmountOnExit={false}>\n    <DatePickerContent class='border-none shadow-none ring-0'>\n      <DatePickerViews />\n    </DatePickerContent>\n  </DatePicker>\n);\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["DatePicker","DatePickerPrimitive","Component","For","splitProps","cn","CalendarMonthIcon","ChevronLeftIcon","ChevronRightIcon","buttonVariants","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","DatePickerContext","Context","DatePickerRangeText","RangeText","DatePickerView","View","DatePickerViewTrigger","ViewTrigger","DatePickerTable","TableProps","Table","DatePickerTableBody","TableBodyProps","TableBody","DatePickerTableCell","TableCellProps","TableCell","DatePickerTableHead","TableHeadProps","TableHead","DatePickerTableHeader","TableHeaderProps","TableHeader","DatePickerTableRow","TableRowProps","TableRow","DatePickerLabel","LabelProps","Label","DatePickerControl","ControlProps","Control","DatePickerInput","InputProps","Input","DatePickerTrigger","TriggerProps","Trigger","variant","size","children","DatePickerPositioner","PositionerProps","Positioner","DatePickerContent","ContentProps","Content","DatePickerPrevTrigger","PrevTriggerProps","PrevTrigger","DatePickerNextTrigger","NextTriggerProps","NextTrigger","DatePickerTableCellTrigger","TableCellTriggerProps","TableCellTrigger","DatePickerViewControl","ViewControlProps","ViewControl","asChild","triggerProps","_el$","_tmpl$","_$spread","_$insert","DatePickerDayView","view","api","each","weekDays","weekDay","aria-label","narrow","short","weeks","week","day","value","DatePickerMonthView","getMonthsGrid","columns","format","months","month","label","DatePickerYearView","getYearsGrid","years","year","DatePickerViews","DatePickerCalendar","inline","unmountOnExit"],"sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { DatePicker as DatePickerPrimitive } from '@ark-ui/solid/date-picker';\nimport { type Component, For, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CalendarMonthIcon from '~icons/material-symbols/calendar-month';\nimport ChevronLeftIcon from '~icons/material-symbols/chevron-left';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nimport { buttonVariants } from '@/components/Button';\nexport const DatePicker: Component<DatePickerPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Root class={cn('flex w-full flex-col', local.class)} {...others} />;\n};\nexport const DatePickerContext = DatePickerPrimitive.Context;\nexport const DatePickerRangeText = DatePickerPrimitive.RangeText;\nexport const DatePickerView = DatePickerPrimitive.View;\nexport const DatePickerViewTrigger = DatePickerPrimitive.ViewTrigger;\nexport const DatePickerTable: Component<DatePickerPrimitive.TableProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Table\n      class={cn('space-y-1 w-full border-collapse', local.class)}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableBody: Component<DatePickerPrimitive.TableBodyProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableBody class={cn('', local.class)} {...others} />;\n};\nexport const DatePickerTableCell: Component<DatePickerPrimitive.TableCellProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableCell\n      class={cn(\n        'text-sm p-0 relative text-center focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableHead: Component<DatePickerPrimitive.TableHeadProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableHead class={cn('', local.class)} {...others} />;\n};\nexport const DatePickerTableHeader: Component<DatePickerPrimitive.TableHeaderProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableHeader\n      class={cn('w-9 font-normal rounded-md text-[0.8rem] text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableRow: Component<DatePickerPrimitive.TableRowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableRow class={cn('mt-2 flex w-full', local.class)} {...others} />;\n};\nexport const DatePickerLabel: Component<DatePickerPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.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 DatePickerControl: Component<DatePickerPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Control class={cn('gap-2 flex flex-row', local.class)} {...others} />;\n};\nexport const DatePickerInput: Component<DatePickerPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Input\n      class={cn(\n        'h-9 px-3 py-2 text-sm file:text-sm file:font-medium shadow-sm flex w-full rounded-lg border border-input bg-background transition-colors file:border-0 file:bg-transparent placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTrigger: Component<DatePickerPrimitive.TriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.Trigger\n      class={cn(\n        buttonVariants({ variant: 'outline', size: 'icon' }),\n        'size-9 p-0 font-normal',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CalendarMonthIcon class='size-4' />}\n    </DatePickerPrimitive.Trigger>\n  );\n};\nexport const DatePickerPositioner: Component<DatePickerPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\nexport const DatePickerContent: Component<DatePickerPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Content\n      class={cn(\n        'w-72 p-3 shadow-md rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 outline-none 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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerPrevTrigger: Component<DatePickerPrimitive.PrevTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.PrevTrigger\n      class={cn(\n        buttonVariants({ variant: 'outline' }),\n        'size-7 p-0 left-1 absolute bg-transparent opacity-50 hover:opacity-100',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <ChevronLeftIcon class='size-4' />}\n    </DatePickerPrimitive.PrevTrigger>\n  );\n};\nexport const DatePickerNextTrigger: Component<DatePickerPrimitive.NextTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.NextTrigger\n      class={cn(\n        buttonVariants({ variant: 'outline' }),\n        'size-7 p-0 right-1 absolute bg-transparent opacity-50 hover:opacity-100',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <ChevronRightIcon class='size-4' />}\n    </DatePickerPrimitive.NextTrigger>\n  );\n};\nexport const DatePickerTableCellTrigger: Component<DatePickerPrimitive.TableCellTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableCellTrigger\n      class={cn(\n        buttonVariants({ variant: 'ghost' }),\n        'size-9 p-0 font-normal data-selected:opacity-100',\n        'data-today:bg-accent data-today:text-accent-foreground',\n        'data-selected:bg-primary data-selected:text-primary-foreground data-selected:hover:bg-primary data-selected:hover:text-primary-foreground data-selected:focus:bg-primary data-selected:focus:text-primary-foreground',\n        'data-disabled:text-muted-foreground data-[disabled=true]:opacity-50',\n        'data-outside-range:text-muted-foreground data-outside-range:opacity-50',\n        'data-in-range:rounded-none data-in-range:bg-accent data-in-range:text-accent-foreground',\n        'data-range-end:rounded-r-md data-range-start:rounded-l-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerViewControl: Component<DatePickerPrimitive.ViewControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.ViewControl\n      class={cn('pt-1 mb-4 px-8 relative flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <DatePickerPrevTrigger />\n      <DatePickerViewTrigger\n        asChild={(triggerProps) => (\n          <button\n            class={cn(buttonVariants({ variant: 'ghost' }), 'h-7 px-2 py-1 text-sm font-medium')}\n            {...triggerProps()}\n          >\n            <DatePickerRangeText />\n          </button>\n        )}\n      />\n      <DatePickerNextTrigger />\n    </DatePickerPrimitive.ViewControl>\n  );\n};\nexport const DatePickerDayView: Component = () => (\n  <DatePickerView view='day'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableHead>\n        <DatePickerTableRow>\n          <DatePickerContext>\n            {(api) => (\n              <For each={api().weekDays}>\n                {(weekDay) => (\n                  <DatePickerTableHeader aria-label={weekDay.narrow}>\n                    {weekDay.short}\n                  </DatePickerTableHeader>\n                )}\n              </For>\n            )}\n          </DatePickerContext>\n        </DatePickerTableRow>\n      </DatePickerTableHead>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().weeks}>\n              {(week) => (\n                <DatePickerTableRow>\n                  <For each={week}>\n                    {(day) => (\n                      <DatePickerTableCell value={day}>\n                        <DatePickerTableCellTrigger>{day.day}</DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerMonthView: Component = () => (\n  <DatePickerView view='month'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().getMonthsGrid({ columns: 4, format: 'short' })}>\n              {(months) => (\n                <DatePickerTableRow class='gap-2 w-full'>\n                  <For each={months}>\n                    {(month) => (\n                      <DatePickerTableCell value={month.value} class='flex-1'>\n                        <DatePickerTableCellTrigger class='w-full'>\n                          {month.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerYearView: Component = () => (\n  <DatePickerView view='year'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().getYearsGrid({ columns: 4 })}>\n              {(years) => (\n                <DatePickerTableRow class='gap-2 w-full'>\n                  <For each={years}>\n                    {(year) => (\n                      <DatePickerTableCell value={year.value} class='flex-1'>\n                        <DatePickerTableCellTrigger class='w-full'>\n                          {year.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerViews: Component = () => [\n  <DatePickerDayView />,\n  <DatePickerMonthView />,\n  <DatePickerYearView />,\n];\nexport const DatePickerCalendar: Component<DatePickerPrimitive.RootProps> = (props) => (\n  <DatePicker {...props} inline unmountOnExit={false}>\n    <DatePickerContent class='border-none shadow-none ring-0'>\n      <DatePickerViews />\n    </DatePickerContent>\n  </DatePicker>\n);\n"],"mappings":"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"}

package/dist/components/Dialog.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
-import { dialog_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/JFFM62IG.js";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.3.1_acf85d8d6d699e24/node_modules/tailwind-variants/dist/index.js";
+import { dialog_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.39.2_da52f1d607d95169/node_modules/@ark-ui/solid/dist/chunk/6WS2IXM5.js";
 import { ui_common_close as n } from "../paraglide/messages/ui_common_close.js";
 import { Button as r } from "./Button.js";
 import i from "../_virtual/~icons/material-symbols/close.js";

package/dist/components/Empty.d.ts

@@ -4,20 +4,20 @@ export declare const Empty: Component<ComponentProps<'div'>>;
 export declare const EmptyHeader: Component<ComponentProps<'div'>>;
 export declare const emptyMediaVariants: import('tailwind-variants').TVReturnType<{
     variant: {
-        default: string;
-        icon: string;
+        default: "bg-transparent";
+        icon: "size-8 [&_svg:not([class*=\"size-\"])]:size-4 flex shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
     };
 }, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     variant: {
-        default: string;
-        icon: string;
+        default: "bg-transparent";
+        icon: "size-8 [&_svg:not([class*=\"size-\"])]:size-4 flex shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
-        default: string;
-        icon: string;
+        default: "bg-transparent";
+        icon: "size-8 [&_svg:not([class*=\"size-\"])]:size-4 flex shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
     };
-}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+}, undefined>>;
 export type EmptyMediaProps = ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>;
 export declare const EmptyMedia: Component<EmptyMediaProps>;
 export declare const EmptyTitle: Component<ComponentProps<'div'>>;

package/dist/components/Empty.js

@@ -1,4 +1,4 @@
-import { cn as e, tv as t } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
+import { cn as e, tv as t } from "../node_modules/.bun/tailwind-variants@3.3.1_acf85d8d6d699e24/node_modules/tailwind-variants/dist/index.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
 //#region src/components/Empty.tsx

package/dist/components/Field.d.ts

@@ -12,23 +12,23 @@ export declare const FieldLegend: Component<FieldLegendProps>;
 export declare const FieldGroup: Component<ComponentProps<'div'>>;
 export declare const fieldVariants: import('tailwind-variants').TVReturnType<{
     orientation: {
-        vertical: string;
-        horizontal: string;
-        responsive: string;
+        vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto";
+        horizontal: "gap-4 flex-row items-center has-data-[slot=field-content]:items-start [&>[data-slot=field-label]]:flex-auto has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "@md/field-group:gap-4 @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-data-[slot=field-content]:items-start @md/field-group:has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px flex-col [&>*]:w-full [&>.sr-only]:w-auto";
     };
 }, undefined, "group/field flex w-full transition-colors data-[invalid=true]:text-destructive", {
     orientation: {
-        vertical: string;
-        horizontal: string;
-        responsive: string;
+        vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto";
+        horizontal: "gap-4 flex-row items-center has-data-[slot=field-content]:items-start [&>[data-slot=field-label]]:flex-auto has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "@md/field-group:gap-4 @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-data-[slot=field-content]:items-start @md/field-group:has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px flex-col [&>*]:w-full [&>.sr-only]:w-auto";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     orientation: {
-        vertical: string;
-        horizontal: string;
-        responsive: string;
+        vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto";
+        horizontal: "gap-4 flex-row items-center has-data-[slot=field-content]:items-start [&>[data-slot=field-label]]:flex-auto has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px";
+        responsive: "@md/field-group:gap-4 @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-data-[slot=field-content]:items-start @md/field-group:has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px flex-col [&>*]:w-full [&>.sr-only]:w-auto";
     };
-}, undefined, "group/field flex w-full transition-colors data-[invalid=true]:text-destructive", unknown, unknown, undefined>>;
+}, undefined>>;
 export type FieldProps = PrimitiveField.RootProps & VariantProps<typeof fieldVariants>;
 export declare const Field: Component<FieldProps>;
 export declare const FieldContent: Component<ComponentProps<'div'>>;
@@ -44,8 +44,7 @@ export type FieldSeparatorProps = ComponentProps<'div'> & {
 };
 export declare const FieldSeparator: Component<FieldSeparatorProps>;
 export type FieldErrorProps = PrimitiveField.ErrorTextProps & {
-    errors?: ({
-        message?: string;
-    } | string | undefined)[];
+    /** Display strings or objects with a string message; ignore other validator values. */
+    errors?: readonly unknown[];
 };
 export declare const FieldError: Component<FieldErrorProps>;

package/dist/components/Field.js

@@ -1,13 +1,14 @@
-import { cn as e, tv as t } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
+import { cn as e, tv as t } from "../node_modules/.bun/tailwind-variants@3.3.1_acf85d8d6d699e24/node_modules/tailwind-variants/dist/index.js";
 import { Separator as n } from "./Separator.js";
-import { fieldset_exports as r, useFieldset as i } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/7CKWCVWS.js";
-import { field_exports as a } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/HRY5AU2J.js";
-import { createComponent as o, insert as s, mergeProps as c, spread as l, template as u } from "solid-js/web";
-import { For as d, Show as f, createMemo as p, splitProps as m } from "solid-js";
+import { fieldset_exports as r, useFieldset as i } from "../node_modules/.bun/@ark-ui_solid@5.39.2_da52f1d607d95169/node_modules/@ark-ui/solid/dist/chunk/CKRLVLGC.js";
+import { field_exports as a } from "../node_modules/.bun/@ark-ui_solid@5.39.2_da52f1d607d95169/node_modules/@ark-ui/solid/dist/chunk/KFEQNGMX.js";
+import { fieldErrorMessages as o } from "../primitives/fieldErrors.js";
+import { createComponent as s, insert as c, mergeProps as l, spread as u, template as d } from "solid-js/web";
+import { For as f, Show as p, createMemo as m, splitProps as h } from "solid-js";
 //#region src/components/Field.tsx
-var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<div data-slot=field-content>"), _ = /*#__PURE__*/ u("<div data-slot=field-label>"), v = /*#__PURE__*/ u("<span class=\"px-2 relative mx-auto block w-fit bg-background text-muted-foreground\"data-slot=field-separator-content>"), y = /*#__PURE__*/ u("<div data-slot=field-separator>"), b = /*#__PURE__*/ u("<div class=\"mt-[3px] flex min-h-[0.875rem] flex-col justify-start\">"), x = /*#__PURE__*/ u("<ul class=\"ml-4 gap-1 flex list-disc flex-col\">"), S = /*#__PURE__*/ u("<li>"), C = a.Context, w = (t) => {
-	let [n, i] = m(t, ["class", "children"]);
-	return o(r.Root, c({
+var g = /*#__PURE__*/ d("<div data-slot=field-group>"), _ = /*#__PURE__*/ d("<div data-slot=field-content>"), v = /*#__PURE__*/ d("<div data-slot=field-label>"), y = /*#__PURE__*/ d("<span class=\"px-2 relative mx-auto block w-fit bg-background text-muted-foreground\"data-slot=field-separator-content>"), b = /*#__PURE__*/ d("<div data-slot=field-separator>"), x = /*#__PURE__*/ d("<div class=\"mt-[3px] flex min-h-[0.875rem] flex-col justify-start\">"), S = /*#__PURE__*/ d("<ul class=\"ml-4 gap-1 flex list-disc flex-col\">"), C = /*#__PURE__*/ d("<li>"), w = a.Context, T = (t) => {
+	let [n, i] = h(t, ["class", "children"]);
+	return s(r.Root, l({
 		"data-slot": "field-set",
 		get class() {
 			return e("gap-4 has-data-[slot=checkbox-group]:gap-3 has-data-[slot=radio-group]:gap-3 flex flex-col", n.class);
@@ -15,13 +16,13 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 	}, i, { get children() {
 		return n.children;
 	} }));
-}, T = (t) => {
-	let [n, i] = m(t, [
+}, E = (t) => {
+	let [n, i] = h(t, [
 		"class",
 		"variant",
 		"children"
 	]);
-	return o(r.Legend, c({
+	return s(r.Legend, l({
 		"data-slot": "field-legend",
 		get "data-variant"() {
 			return n.variant ?? "legend";
@@ -32,15 +33,15 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 	}, i, { get children() {
 		return n.children;
 	} }));
-}, E = (t) => {
-	let [n, r] = m(t, ["class"]);
+}, D = (t) => {
+	let [n, r] = h(t, ["class"]);
 	return (() => {
-		var t = h();
-		return l(t, c({ get class() {
+		var t = g();
+		return u(t, l({ get class() {
 			return e("gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col", n.class);
 		} }, r), !1, !1), t;
 	})();
-}, D = t({
+}, O = t({
 	base: "group/field flex w-full transition-colors data-[invalid=true]:text-destructive",
 	variants: { orientation: {
 		vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
@@ -48,20 +49,20 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 		responsive: "@md/field-group:gap-4 @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-data-[slot=field-content]:items-start @md/field-group:has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px flex-col [&>*]:w-full [&>.sr-only]:w-auto"
 	} },
 	defaultVariants: { orientation: "vertical" }
-}), O = (e) => {
-	let [t, n] = m(e, [
+}), k = (e) => {
+	let [t, n] = h(e, [
 		"class",
 		"orientation",
 		"children"
 	]);
-	return o(a.Root, c({
+	return s(a.Root, l({
 		role: "group",
 		"data-slot": "field",
 		get "data-orientation"() {
 			return t.orientation ?? "vertical";
 		},
 		get class() {
-			return D({
+			return O({
 				orientation: t.orientation,
 				class: t.class
 			});
@@ -69,45 +70,45 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 	}, n, { get children() {
 		return t.children;
 	} }));
-}, k = (t) => {
-	let [n, r] = m(t, ["class"]);
+}, A = (t) => {
+	let [n, r] = h(t, ["class"]);
 	return (() => {
-		var t = g();
-		return l(t, c({ get class() {
+		var t = _();
+		return u(t, l({ get class() {
 			return e("group/field-content leading-snug relative flex flex-1 flex-col", n.class);
 		} }, r), !1, !1), t;
 	})();
-}, A = (t) => {
-	let [n, r] = m(t, ["class"]);
-	return o(a.Input, c({
+}, j = (t) => {
+	let [n, r] = h(t, ["class"]);
+	return s(a.Input, l({
 		"data-slot": "field-input",
 		get class() {
 			return e("min-w-0 text-base md:text-sm h-8 px-2.5 py-1 flex w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40", n.class);
 		}
 	}, r));
-}, j = (t) => {
-	let [n, r] = m(t, ["class"]);
-	return o(a.Textarea, c({
+}, M = (t) => {
+	let [n, r] = h(t, ["class"]);
+	return s(a.Textarea, l({
 		"data-slot": "field-textarea",
 		get class() {
 			return e("min-w-0 text-base md:text-sm px-2.5 py-2 flex min-h-[80px] w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40", n.class);
 		}
 	}, r));
-}, M = (t) => {
-	let [n, r] = m(t, ["class"]);
-	return o(a.Select, c({
+}, N = (t) => {
+	let [n, r] = h(t, ["class"]);
+	return s(a.Select, l({
 		"data-slot": "field-select",
 		get class() {
 			return e("min-w-0 text-base md:text-sm h-8 px-2.5 py-1 flex w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40", n.class);
 		}
 	}, r));
-}, N = (t) => {
-	let [n, r] = m(t, [
+}, P = (t) => {
+	let [n, r] = h(t, [
 		"class",
 		"fallback",
 		"children"
 	]);
-	return o(a.RequiredIndicator, c({
+	return s(a.RequiredIndicator, l({
 		get fallback() {
 			return n.fallback ?? "*";
 		},
@@ -117,9 +118,9 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 	}, r, { get children() {
 		return n.children;
 	} }));
-}, P = (t) => {
-	let [n, r] = m(t, ["class", "children"]);
-	return o(a.Label, c({
+}, F = (t) => {
+	let [n, r] = h(t, ["class", "children"]);
+	return s(a.Label, l({
 		"data-slot": "field-label",
 		get class() {
 			return e("group-data-[orientation=vertical]/field: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", "*:data-[slot=field]:p-2.5 group/field-label peer/field-label leading-snug flex w-fit group-data-disabled/field:opacity-50 has-data-[slot=field]:rounded-lg has-data-[slot=field]:border has-[[data-state=checked]]:border-primary/30 has-[[data-state=checked]]:bg-primary/5 dark:has-[[data-state=checked]]:border-primary/20 dark:has-[[data-state=checked]]:bg-primary/10", "has-data-[slot=field]:w-full has-data-[slot=field]:flex-col", n.class);
@@ -127,17 +128,17 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 	}, r, { get children() {
 		return n.children;
 	} }));
-}, F = (t) => {
-	let [n, r] = m(t, ["class", "children"]);
+}, I = (t) => {
+	let [n, r] = h(t, ["class", "children"]);
 	return (() => {
-		var t = _();
-		return l(t, c({ get class() {
+		var t = v();
+		return u(t, l({ get class() {
 			return e("group-data-[orientation=vertical]/field:mb-1.5", "gap-2 text-sm font-medium leading-snug flex w-fit items-center group-data-disabled/field:opacity-50", n.class);
-		} }, r), !1, !0), s(t, () => n.children), t;
+		} }, r), !1, !0), c(t, () => n.children), t;
 	})();
-}, I = (t) => {
-	let [n, r] = m(t, ["class", "children"]);
-	return o(a.HelperText, c({
+}, L = (t) => {
+	let [n, r] = h(t, ["class", "children"]);
+	return s(a.HelperText, l({
 		"data-slot": "field-description",
 		get class() {
 			return e("text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal text-left text-muted-foreground group-has-data-[orientation=horizontal]/field:text-balance", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", n.class);
@@ -145,58 +146,52 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 	}, r, { get children() {
 		return n.children;
 	} }));
-}, L = (t) => {
-	let [r, i] = m(t, ["children", "class"]);
+}, R = (t) => {
+	let [r, i] = h(t, ["children", "class"]);
 	return (() => {
-		var t = y();
-		return l(t, c({
+		var t = b();
+		return u(t, l({
 			get "data-content"() {
 				return !!r.children;
 			},
 			get class() {
 				return e("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", r.class);
 			}
-		}, i), !1, !0), s(t, o(n, { class: "inset-0 absolute top-1/2" }), null), s(t, o(f, {
+		}, i), !1, !0), c(t, s(n, { class: "inset-0 absolute top-1/2" }), null), c(t, s(p, {
 			get when() {
 				return r.children;
 			},
 			get children() {
-				var e = v();
-				return s(e, () => r.children), e;
+				var e = y();
+				return c(e, () => r.children), e;
 			}
 		}), null), t;
 	})();
-}, R = (t) => {
-	let [n, r] = m(t, [
+}, z = (t) => {
+	let [n, r] = h(t, [
 		"class",
 		"children",
 		"errors"
-	]), i = p(() => {
-		let { errors: e } = n;
-		if (!e || e.length === 0) return [];
-		let t = [];
-		for (let n of e) typeof n == "string" ? t.push(n) : n && typeof n == "object" && typeof n.message == "string" && t.push(n.message);
-		return [...new Set(t)];
-	});
+	]), i = m(() => o(n.errors));
 	return (() => {
-		var t = b();
-		return s(t, o(a.ErrorText, c({
+		var t = x();
+		return c(t, s(a.ErrorText, l({
 			"data-slot": "field-error",
 			get class() {
 				return e("font-medium text-[0.8rem] leading-[0.875rem] text-destructive", n.class);
 			}
 		}, r, { get children() {
-			return o(f, {
+			return s(p, {
 				get when() {
 					return n.children;
 				},
 				get fallback() {
-					return o(f, {
+					return s(p, {
 						get when() {
 							return i().length > 0;
 						},
 						get children() {
-							return o(f, {
+							return s(p, {
 								get when() {
 									return i().length > 1;
 								},
@@ -204,14 +199,14 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 									return i().at(0);
 								},
 								get children() {
-									var e = x();
-									return s(e, o(d, {
+									var e = S();
+									return c(e, s(f, {
 										get each() {
 											return i();
 										},
 										children: (e) => (() => {
-											var t = S();
-											return s(t, e), t;
+											var t = C();
+											return c(t, e), t;
 										})()
 									})), e;
 								}
@@ -227,6 +222,6 @@ var h = /*#__PURE__*/ u("<div data-slot=field-group>"), g = /*#__PURE__*/ u("<di
 	})();
 };
 //#endregion
-export { O as Field, k as FieldContent, C as FieldContext, I as FieldDescription, R as FieldError, E as FieldGroup, A as FieldInput, P as FieldLabel, T as FieldLegend, N as FieldRequiredIndicator, M as FieldSelect, L as FieldSeparator, j as FieldTextarea, F as FieldTitle, w as Fieldset, D as fieldVariants, i as useFieldset };
+export { k as Field, A as FieldContent, w as FieldContext, L as FieldDescription, z as FieldError, D as FieldGroup, j as FieldInput, F as FieldLabel, E as FieldLegend, P as FieldRequiredIndicator, N as FieldSelect, R as FieldSeparator, M as FieldTextarea, I as FieldTitle, T as Fieldset, O as fieldVariants, i as useFieldset };
 
 //# sourceMappingURL=Field.js.map

package/dist/components/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["Field","PrimitiveField","Fieldset","PrimitiveFieldset","Component","ComponentProps","createMemo","For","JSXElement","Show","splitProps","VariantProps","tv","cn","Separator","useFieldset","FieldContext","Context","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","children","FieldLegendProps","LegendProps","variant","FieldLegend","Legend","data-variant","FieldGroup","_el$","_tmpl$","_$spread","fieldVariants","base","variants","orientation","vertical","horizontal","responsive","defaultVariants","FieldProps","role","data-orientation","FieldContent","_el$2","_tmpl$2","FieldInput","InputProps","Input","FieldTextarea","TextareaProps","Textarea","FieldSelect","SelectProps","Select","FieldRequiredIndicator","RequiredIndicatorProps","RequiredIndicator","fallback","FieldLabel","LabelProps","Label","FieldTitle","_el$3","_tmpl$3","_$insert","FieldDescription","HelperTextProps","HelperText","FieldSeparatorProps","FieldSeparator","_el$4","_tmpl$5","data-content","Boolean","when","_el$5","_tmpl$4","FieldErrorProps","ErrorTextProps","errors","message","FieldError","uniqueErrors","length","messages","error","push","Set","_el$6","_tmpl$6","ErrorText","at","_el$7","_tmpl$7","each","_el$8","_tmpl$8"],"sources":["../../src/components/Field.tsx"],"sourcesContent":["import { Field as PrimitiveField } from '@ark-ui/solid/field';\nimport { Fieldset as PrimitiveFieldset } from '@ark-ui/solid/fieldset';\nimport {\n  type Component,\n  type ComponentProps,\n  createMemo,\n  For,\n  type JSXElement,\n  Show,\n  splitProps,\n} from 'solid-js';\nimport { type VariantProps, tv, cn } from 'tailwind-variants';\n\nimport { Separator } from '@/components/Separator';\n\nexport { useFieldset } from '@ark-ui/solid/fieldset';\nexport const FieldContext = PrimitiveField.Context;\n\nexport const Fieldset: Component<PrimitiveFieldset.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveFieldset.Root\n      data-slot='field-set'\n      class={cn(\n        'gap-4 has-data-[slot=checkbox-group]:gap-3 has-data-[slot=radio-group]:gap-3 flex flex-col',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveFieldset.Root>\n  );\n};\n\nexport type FieldLegendProps = PrimitiveFieldset.LegendProps & {\n  variant?: 'legend' | 'label';\n};\n\nexport const FieldLegend: Component<FieldLegendProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant', 'children']);\n  return (\n    <PrimitiveFieldset.Legend\n      data-slot='field-legend'\n      data-variant={local.variant ?? 'legend'}\n      class={cn(\n        'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveFieldset.Legend>\n  );\n};\n\nexport const FieldGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='field-group'\n      class={cn(\n        'gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const fieldVariants = tv({\n  base: 'group/field flex w-full transition-colors data-[invalid=true]:text-destructive',\n  variants: {\n    orientation: {\n      vertical: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto',\n      horizontal:\n        'gap-4 flex-row items-center has-data-[slot=field-content]:items-start [&>[data-slot=field-label]]:flex-auto has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px',\n      responsive:\n        '@md/field-group:gap-4 @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-data-[slot=field-content]:items-start @md/field-group:has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px flex-col [&>*]:w-full [&>.sr-only]:w-auto',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nexport type FieldProps = PrimitiveField.RootProps & VariantProps<typeof fieldVariants>;\n\nexport const Field: Component<FieldProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'orientation', 'children']);\n  return (\n    <PrimitiveField.Root\n      role='group'\n      data-slot='field'\n      data-orientation={local.orientation ?? 'vertical'}\n      class={fieldVariants({ orientation: local.orientation, class: local.class })}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveField.Root>\n  );\n};\n\nexport const FieldContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='field-content'\n      class={cn('group/field-content leading-snug relative flex flex-1 flex-col', local.class)}\n      {...others}\n    />\n  );\n};\nexport const FieldInput: Component<PrimitiveField.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Input\n      data-slot='field-input'\n      class={cn(\n        'min-w-0 text-base md:text-sm h-8 px-2.5 py-1 flex w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const FieldTextarea: Component<PrimitiveField.TextareaProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Textarea\n      data-slot='field-textarea'\n      class={cn(\n        'min-w-0 text-base md:text-sm px-2.5 py-2 flex min-h-[80px] w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const FieldSelect: Component<PrimitiveField.SelectProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Select\n      data-slot='field-select'\n      class={cn(\n        'min-w-0 text-base md:text-sm h-8 px-2.5 py-1 flex w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const FieldRequiredIndicator: Component<PrimitiveField.RequiredIndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'fallback', 'children']);\n  return (\n    <PrimitiveField.RequiredIndicator\n      fallback={local.fallback ?? '*'}\n      class={cn('text-sm font-medium leading-none text-destructive', local.class)}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveField.RequiredIndicator>\n  );\n};\n\nexport const FieldLabel: Component<PrimitiveField.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveField.Label\n      data-slot='field-label'\n      class={cn(\n        'group-data-[orientation=vertical]/field:mb-1.5',\n        '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        '*:data-[slot=field]:p-2.5 group/field-label peer/field-label leading-snug flex w-fit group-data-disabled/field:opacity-50 has-data-[slot=field]:rounded-lg has-data-[slot=field]:border has-[[data-state=checked]]:border-primary/30 has-[[data-state=checked]]:bg-primary/5 dark:has-[[data-state=checked]]:border-primary/20 dark:has-[[data-state=checked]]:bg-primary/10',\n        'has-data-[slot=field]:w-full has-data-[slot=field]:flex-col',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveField.Label>\n  );\n};\n\nexport const FieldTitle: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <div\n      data-slot='field-label'\n      class={cn(\n        'group-data-[orientation=vertical]/field:mb-1.5',\n        'gap-2 text-sm font-medium leading-snug flex w-fit items-center group-data-disabled/field:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </div>\n  );\n};\n\nexport const FieldDescription: Component<PrimitiveField.HelperTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveField.HelperText\n      data-slot='field-description'\n      class={cn(\n        'text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal text-left text-muted-foreground group-has-data-[orientation=horizontal]/field:text-balance',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveField.HelperText>\n  );\n};\n\nexport type FieldSeparatorProps = ComponentProps<'div'> & {\n  children?: JSXElement;\n};\n\nexport const FieldSeparator: Component<FieldSeparatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'class']);\n  return (\n    <div\n      data-slot='field-separator'\n      data-content={Boolean(local.children)}\n      class={cn(\n        '-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative',\n        local.class,\n      )}\n      {...others}\n    >\n      <Separator class='inset-0 absolute top-1/2' />\n      <Show when={local.children}>\n        <span\n          class='px-2 relative mx-auto block w-fit bg-background text-muted-foreground'\n          data-slot='field-separator-content'\n        >\n          {local.children}\n        </span>\n      </Show>\n    </div>\n  );\n};\n\nexport type FieldErrorProps = PrimitiveField.ErrorTextProps & {\n  errors?: ({ message?: string } | string | undefined)[];\n};\n\nexport const FieldError: Component<FieldErrorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'errors']);\n\n  const uniqueErrors = createMemo(() => {\n    const { errors } = local;\n    if (!errors || errors.length === 0) {\n      return [];\n    }\n\n    const messages: string[] = [];\n    for (const error of errors) {\n      if (typeof error === 'string') {\n        messages.push(error);\n      } else if (error && typeof error === 'object' && typeof error.message === 'string') {\n        messages.push(error.message);\n      }\n    }\n\n    return [...new Set(messages)];\n  });\n\n  return (\n    <div class='mt-[3px] flex min-h-[0.875rem] flex-col justify-start'>\n      <PrimitiveField.ErrorText\n        data-slot='field-error'\n        class={cn('font-medium text-[0.8rem] leading-[0.875rem] text-destructive', local.class)}\n        {...others}\n      >\n        <Show\n          when={local.children}\n          fallback={\n            <Show when={uniqueErrors().length > 0}>\n              <Show when={uniqueErrors().length > 1} fallback={uniqueErrors().at(0)}>\n                <ul class='ml-4 gap-1 flex list-disc flex-col'>\n                  <For each={uniqueErrors()}>{(error) => <li>{error}</li>}</For>\n                </ul>\n              </Show>\n            </Show>\n          }\n        >\n          {local.children}\n        </Show>\n      </PrimitiveField.ErrorText>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;+iBAgBagB,IAAef,EAAegB,SAE9Bf,KAAoDiB,MAAU;CACzE,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGnB,EAAkBoB,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEdX,EACL,8FACAO,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAETN,EAAMM;CAAQ,EAAA,CAAA,CAAA;AAGrB,GAMaI,KAA4CX,MAAU;CACjE,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO;EAAC;EAAS;EAAW;CAAU,CAAC;CAC1E,OAAAG,EACGnB,EAAkB4B,QAAMP,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAETJ,EAAMS,WAAW;EAAQ;EAAA,IAAA,QAAA;GAAA,OAChChB,EACL,mFACAO,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAETN,EAAMM;CAAQ,EAAA,CAAA,CAAA;AAGrB,GAEaO,KAAgDd,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAAe,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAV,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWX,EACL,wIACAO,EAAMK,KACR;EAAC,EAAA,GACGJ,CAAM,GAAA,IAAA,EAAA,GAAAa;CAAA,EAAA,CAAA;AAGhB,GAEaG,IAAgBzB,EAAG;CAC9B0B,MAAM;CACNC,UAAU,EACRC,aAAa;EACXC,UAAU;EACVC,YACE;EACFC,YACE;CACJ,EACF;CACAC,iBAAiB,EACfJ,aAAa,WACf;AACF,CAAC,GAIYxC,KAAgCmB,MAAU;CACrD,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO;EAAC;EAAS;EAAe;CAAU,CAAC;CAC9E,OAAAG,EACGrB,EAAesB,MAAIC,EAAA;EAClBsB,MAAI;EAAA,aAAA;EAAA,IAAA,qBAAA;GAAA,OAEc1B,EAAMoB,eAAe;EAAU;EAAA,IAAA,QAAA;GAAA,OAC1CH,EAAc;IAAEG,aAAapB,EAAMoB;IAAaf,OAAOL,EAAMK;GAAM,CAAC;EAAC;CAAA,GACxEJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAETN,EAAMM;CAAQ,EAAA,CAAA,CAAA;AAGrB,GAEasB,KAAkD7B,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAA8B,IAAAC,EAAA;EAIc,OAJdd,EAAAa,GAAAzB,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWX,EAAG,kEAAkEO,EAAMK,KAAK;EAAC,EAAA,GACpFJ,CAAM,GAAA,IAAA,EAAA,GAAA4B;CAAA,EAAA,CAAA;AAGhB,GACaE,KAAoDhC,MAAU;CACzE,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGrB,EAAeoD,OAAK7B,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEZX,EACL,8sBACAO,EAAMK,KACR;EAAC;CAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaiC,KAA0DnC,MAAU;CAC/E,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGrB,EAAeuD,UAAQhC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEfX,EACL,utBACAO,EAAMK,KACR;EAAC;CAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaoC,KAAsDtC,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGrB,EAAe0D,QAAMnC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEbX,EACL,8sBACAO,EAAMK,KACR;EAAC;CAAA,GACGJ,CAAM,CAAA;AAGhB,GAEauC,KAA4EzC,MAAU;CACjG,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO;EAAC;EAAS;EAAY;CAAU,CAAC;CAC3E,OAAAG,EACGrB,EAAe6D,mBAAiBtC,EAAA;EAAA,IAC/BuC,WAAQ;GAAA,OAAE3C,EAAM2C,YAAY;EAAG;EAAA,IAAA,QAAA;GAAA,OACxBlD,EAAG,qDAAqDO,EAAMK,KAAK;EAAC;CAAA,GACvEJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAETN,EAAMM;CAAQ,EAAA,CAAA,CAAA;AAGrB,GAEasC,KAAoD7C,MAAU;CACzE,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGrB,EAAeiE,OAAK1C,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEZX,EACL,kDACA,gNACA,gXACA,+DACAO,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAETN,EAAMM;CAAQ,EAAA,CAAA,CAAA;AAGrB,GAEayC,KAAgDhD,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,cAAA;EAAA,IAAAiD,IAAAC,EAAA;EAUmB,OAVnBjC,EAAAgC,GAAA5C,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWX,EACL,kDACA,uGACAO,EAAMK,KACR;EAAC,EAAA,GACGJ,CAAM,GAAA,IAAA,EAAA,GAAAiD,EAAAF,SAEThD,EAAMM,QAAQ,GAAA0C;CAAA,EAAA,CAAA;AAGrB,GAEaG,KAA+DpD,MAAU;CACpF,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGrB,EAAewE,YAAUjD,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEjBX,EACL,mKACA,qEACAO,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAETN,EAAMM;CAAQ,EAAA,CAAA,CAAA;AAGrB,GAMaiD,KAAkDxD,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,YAAY,OAAO,CAAC;CAC/D,cAAA;EAAA,IAAAyD,IAAAC,EAAA;EAgBuB,OAhBvBzC,EAAAwC,GAAApD,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkBuD,EAAQ3D,EAAMM;GAAS;GAAA,IAAA,QAAA;IAAA,OAC9Bb,EACL,6EACAO,EAAMK,KACR;GAAC;EAAA,GACGJ,CAAM,GAAA,IAAA,EAAA,GAAAiD,EAAAM,GAAAtD,EAETR,GAAS,EAAA,OAAA,2BAAA,CAAA,GAAA,IAAA,GAAAwD,EAAAM,GAAAtD,EACTb,GAAI;GAAA,IAACuE,OAAI;IAAA,OAAE5D,EAAMM;GAAQ;GAAA,IAAAA,WAAA;IAAA,IAAAuD,IAAAC,EAAA;IAKP,OALOZ,EAAAW,SAKrB7D,EAAMM,QAAQ,GAAAuD;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAL;CAAA,EAAA,CAAA;AAKzB,GAMaW,KAA0CpE,MAAU;CAC/D,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO;EAAC;EAAS;EAAY;CAAQ,CAAC,GAEnEqE,IAAelF,QAAiB;EACpC,IAAM,EAAE+E,cAAWjE;EACnB,IAAI,CAACiE,KAAUA,EAAOI,WAAW,GAC/B,OAAO,CAAA;EAGT,IAAMC,IAAqB,CAAA;EAC3B,KAAK,IAAMC,KAASN,GAClB,AAAI,OAAOM,KAAU,WACnBD,EAASE,KAAKD,CAAK,IACVA,KAAS,OAAOA,KAAU,YAAY,OAAOA,EAAML,WAAY,YACxEI,EAASE,KAAKD,EAAML,OAAO;EAI/B,OAAO,CAAC,GAAG,IAAIO,IAAIH,CAAQ,CAAC;CAC9B,CAAC;CAED,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAmBuB,OAnBvBzB,EAAAwB,GAAAxE,EAEKrB,EAAe+F,WAASxE,EAAA;GAAA,aAAA;GAAA,IAAA,QAAA;IAAA,OAEhBX,EAAG,iEAAiEO,EAAMK,KAAK;GAAC;EAAA,GACnFJ,GAAM,EAAA,IAAAK,WAAA;GAAA,OAAAJ,EAETb,GAAI;IAAA,IACHuE,OAAI;KAAA,OAAE5D,EAAMM;IAAQ;IAAA,IACpBqC,WAAQ;KAAA,OAAAzC,EACLb,GAAI;MAAA,IAACuE,OAAI;OAAA,OAAEQ,EAAa,CAAC,CAACC,SAAS;MAAC;MAAA,IAAA/D,WAAA;OAAA,OAAAJ,EAClCb,GAAI;QAAA,IAACuE,OAAI;SAAA,OAAEQ,EAAa,CAAC,CAACC,SAAS;QAAC;QAAA,IAAE1B,WAAQ;SAAA,OAAEyB,EAAa,CAAC,CAACS,GAAG,CAAC;QAAC;QAAA,IAAAvE,WAAA;SAAA,IAAAwE,IAAAC,EAAA;SAEV,OAFU7B,EAAA4B,GAAA5E,EAEhEf,GAAG;UAAA,IAAC6F,OAAI;WAAA,OAAEZ,EAAa;UAAC;UAAA9D,WAAIiE,aAAK;WAAA,IAAAU,IAAAC,EAAA;WAAe,OAAfhC,EAAA+B,GAAUV,CAAK,GAAAU;UAAA,EAAA,CAAA;SAAM,CAAA,CAAA,GAAAH;QAAA;OAAA,CAAA;MAAA;KAAA,CAAA;IAAA;IAAA,IAAAxE,WAAA;KAAA,OAM9DN,EAAMM;IAAQ;GAAA,CAAA;EAAA,EAAA,CAAA,CAAA,CAAA,GAAAoE;CAAA,EAAA,CAAA;AAKzB"}
+{"version":3,"file":"Field.js","names":["Field","PrimitiveField","Fieldset","PrimitiveFieldset","Component","ComponentProps","createMemo","For","JSXElement","Show","splitProps","VariantProps","tv","cn","Separator","fieldErrorMessages","useFieldset","FieldContext","Context","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","children","FieldLegendProps","LegendProps","variant","FieldLegend","Legend","data-variant","FieldGroup","_el$","_tmpl$","_$spread","fieldVariants","base","variants","orientation","vertical","horizontal","responsive","defaultVariants","FieldProps","role","data-orientation","FieldContent","_el$2","_tmpl$2","FieldInput","InputProps","Input","FieldTextarea","TextareaProps","Textarea","FieldSelect","SelectProps","Select","FieldRequiredIndicator","RequiredIndicatorProps","RequiredIndicator","fallback","FieldLabel","LabelProps","Label","FieldTitle","_el$3","_tmpl$3","_$insert","FieldDescription","HelperTextProps","HelperText","FieldSeparatorProps","FieldSeparator","_el$4","_tmpl$5","data-content","Boolean","when","_el$5","_tmpl$4","FieldErrorProps","ErrorTextProps","errors","FieldError","uniqueErrors","_el$6","_tmpl$6","ErrorText","length","at","_el$7","_tmpl$7","each","error","_el$8","_tmpl$8"],"sources":["../../src/components/Field.tsx"],"sourcesContent":["import { Field as PrimitiveField } from '@ark-ui/solid/field';\nimport { Fieldset as PrimitiveFieldset } from '@ark-ui/solid/fieldset';\nimport {\n  type Component,\n  type ComponentProps,\n  createMemo,\n  For,\n  type JSXElement,\n  Show,\n  splitProps,\n} from 'solid-js';\nimport { type VariantProps, tv, cn } from 'tailwind-variants';\n\nimport { Separator } from '@/components/Separator';\nimport { fieldErrorMessages } from '@/primitives/fieldErrors';\n\nexport { useFieldset } from '@ark-ui/solid/fieldset';\nexport const FieldContext = PrimitiveField.Context;\n\nexport const Fieldset: Component<PrimitiveFieldset.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveFieldset.Root\n      data-slot='field-set'\n      class={cn(\n        'gap-4 has-data-[slot=checkbox-group]:gap-3 has-data-[slot=radio-group]:gap-3 flex flex-col',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveFieldset.Root>\n  );\n};\n\nexport type FieldLegendProps = PrimitiveFieldset.LegendProps & {\n  variant?: 'legend' | 'label';\n};\n\nexport const FieldLegend: Component<FieldLegendProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant', 'children']);\n  return (\n    <PrimitiveFieldset.Legend\n      data-slot='field-legend'\n      data-variant={local.variant ?? 'legend'}\n      class={cn(\n        'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveFieldset.Legend>\n  );\n};\n\nexport const FieldGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='field-group'\n      class={cn(\n        'gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const fieldVariants = tv({\n  base: 'group/field flex w-full transition-colors data-[invalid=true]:text-destructive',\n  variants: {\n    orientation: {\n      vertical: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto',\n      horizontal:\n        'gap-4 flex-row items-center has-data-[slot=field-content]:items-start [&>[data-slot=field-label]]:flex-auto has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px',\n      responsive:\n        '@md/field-group:gap-4 @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-data-[slot=field-content]:items-start @md/field-group:has-data-[slot=field-content]:[&>[role=checkbox],[role=radio]]:mt-px flex-col [&>*]:w-full [&>.sr-only]:w-auto',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nexport type FieldProps = PrimitiveField.RootProps & VariantProps<typeof fieldVariants>;\n\nexport const Field: Component<FieldProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'orientation', 'children']);\n  return (\n    <PrimitiveField.Root\n      role='group'\n      data-slot='field'\n      data-orientation={local.orientation ?? 'vertical'}\n      class={fieldVariants({ orientation: local.orientation, class: local.class })}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveField.Root>\n  );\n};\n\nexport const FieldContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='field-content'\n      class={cn('group/field-content leading-snug relative flex flex-1 flex-col', local.class)}\n      {...others}\n    />\n  );\n};\nexport const FieldInput: Component<PrimitiveField.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Input\n      data-slot='field-input'\n      class={cn(\n        'min-w-0 text-base md:text-sm h-8 px-2.5 py-1 flex w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const FieldTextarea: Component<PrimitiveField.TextareaProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Textarea\n      data-slot='field-textarea'\n      class={cn(\n        'min-w-0 text-base md:text-sm px-2.5 py-2 flex min-h-[80px] w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const FieldSelect: Component<PrimitiveField.SelectProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Select\n      data-slot='field-select'\n      class={cn(\n        'min-w-0 text-base md:text-sm h-8 px-2.5 py-1 flex w-full rounded-lg border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const FieldRequiredIndicator: Component<PrimitiveField.RequiredIndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'fallback', 'children']);\n  return (\n    <PrimitiveField.RequiredIndicator\n      fallback={local.fallback ?? '*'}\n      class={cn('text-sm font-medium leading-none text-destructive', local.class)}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveField.RequiredIndicator>\n  );\n};\n\nexport const FieldLabel: Component<PrimitiveField.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveField.Label\n      data-slot='field-label'\n      class={cn(\n        'group-data-[orientation=vertical]/field:mb-1.5',\n        '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        '*:data-[slot=field]:p-2.5 group/field-label peer/field-label leading-snug flex w-fit group-data-disabled/field:opacity-50 has-data-[slot=field]:rounded-lg has-data-[slot=field]:border has-[[data-state=checked]]:border-primary/30 has-[[data-state=checked]]:bg-primary/5 dark:has-[[data-state=checked]]:border-primary/20 dark:has-[[data-state=checked]]:bg-primary/10',\n        'has-data-[slot=field]:w-full has-data-[slot=field]:flex-col',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveField.Label>\n  );\n};\n\nexport const FieldTitle: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <div\n      data-slot='field-label'\n      class={cn(\n        'group-data-[orientation=vertical]/field:mb-1.5',\n        'gap-2 text-sm font-medium leading-snug flex w-fit items-center group-data-disabled/field:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </div>\n  );\n};\n\nexport const FieldDescription: Component<PrimitiveField.HelperTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveField.HelperText\n      data-slot='field-description'\n      class={cn(\n        'text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal text-left text-muted-foreground group-has-data-[orientation=horizontal]/field:text-balance',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </PrimitiveField.HelperText>\n  );\n};\n\nexport type FieldSeparatorProps = ComponentProps<'div'> & {\n  children?: JSXElement;\n};\n\nexport const FieldSeparator: Component<FieldSeparatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['children', 'class']);\n  return (\n    <div\n      data-slot='field-separator'\n      data-content={Boolean(local.children)}\n      class={cn(\n        '-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative',\n        local.class,\n      )}\n      {...others}\n    >\n      <Separator class='inset-0 absolute top-1/2' />\n      <Show when={local.children}>\n        <span\n          class='px-2 relative mx-auto block w-fit bg-background text-muted-foreground'\n          data-slot='field-separator-content'\n        >\n          {local.children}\n        </span>\n      </Show>\n    </div>\n  );\n};\n\nexport type FieldErrorProps = PrimitiveField.ErrorTextProps & {\n  /** Display strings or objects with a string message; ignore other validator values. */\n  errors?: readonly unknown[];\n};\n\nexport const FieldError: Component<FieldErrorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'errors']);\n\n  const uniqueErrors = createMemo(() => fieldErrorMessages(local.errors));\n\n  return (\n    <div class='mt-[3px] flex min-h-[0.875rem] flex-col justify-start'>\n      <PrimitiveField.ErrorText\n        data-slot='field-error'\n        class={cn('font-medium text-[0.8rem] leading-[0.875rem] text-destructive', local.class)}\n        {...others}\n      >\n        <Show\n          when={local.children}\n          fallback={\n            <Show when={uniqueErrors().length > 0}>\n              <Show when={uniqueErrors().length > 1} fallback={uniqueErrors().at(0)}>\n                <ul class='ml-4 gap-1 flex list-disc flex-col'>\n                  <For each={uniqueErrors()}>{(error) => <li>{error}</li>}</For>\n                </ul>\n              </Show>\n            </Show>\n          }\n        >\n          {local.children}\n        </Show>\n      </PrimitiveField.ErrorText>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/HoverCard.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
-import { hover_card_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/NCE6DH5U.js";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.3.1_acf85d8d6d699e24/node_modules/tailwind-variants/dist/index.js";
+import { hover_card_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.39.2_da52f1d607d95169/node_modules/@ark-ui/solid/dist/chunk/UXSKFVNT.js";
 import { createComponent as n, mergeProps as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/HoverCard.tsx