@askrjs/themes 0.0.9 → 0.0.10

package/dist/components/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","names":[],"sources":["../../src/components/catalog.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport type { Ref } from \"@askrjs/askr/foundations/utilities\";\nimport { DialogContent } from \"@askrjs/ui\";\nimport { Block } from \"./block\";\nimport { classes } from \"./_internal/classes\";\nimport { mergeProps } from \"./_internal/merge-props\";\n\ntype CatalogElement = keyof JSX.IntrinsicElements;\n\nexport type CatalogComponentProps = Record<string, unknown> & {\n  as?: CatalogElement;\n  asChild?: boolean;\n  children?: unknown;\n  class?: string;\n  ref?: Ref<HTMLElement>;\n};\n\ntype CatalogDefaults = {\n  className?: string;\n  element?: CatalogElement;\n  role?: string;\n  slot: string;\n};\n\nfunction catalogPart(props: CatalogComponentProps, defaults: CatalogDefaults): JSX.Element {\n  const { as, asChild, children, class: className, ref, ...rest } = props;\n  const Element = (as ?? defaults.element ?? \"div\") as \"div\";\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(defaults.className, className),\n    \"data-slot\": defaults.slot,\n    role: defaults.role,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <Element {...finalProps}>{children}</Element>;\n}\n\nfunction buttonPart(props: CatalogComponentProps, slot: string, className?: string): JSX.Element {\n  const { children, ref, class: classProp, type = \"button\", ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(className, classProp),\n    \"data-slot\": slot,\n  });\n\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\"} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\nfunction normalizeLegacySpace(value: unknown): unknown {\n  if (value === \"none\") return \"0\";\n  if (value === \"1\") return \"xs\";\n  if (value === \"2\") return \"xs\";\n  if (value === \"3\") return \"sm\";\n  if (value === \"4\") return \"md\";\n  if (value === \"5\") return \"lg\";\n  if (value === \"6\") return \"xl\";\n  if (value === \"8\") return \"2xl\";\n  return value;\n}\n\nfunction layoutAlias(props: CatalogComponentProps, defaults: Record<string, unknown>): JSX.Element {\n  const { gap, p, padding, style, wrap, ...rest } = props as CatalogComponentProps & {\n    gap?: unknown;\n    p?: unknown;\n    padding?: unknown;\n    style?: Record<string, unknown>;\n    wrap?: boolean | string;\n  };\n  const BlockComponent = Block as (blockProps: Record<string, unknown>) => JSX.Element;\n  const wrapStyle = wrap\n    ? {\n        ...style,\n        flexWrap: \"wrap\",\n      }\n    : style;\n\n  return (\n    <BlockComponent\n      {...defaults}\n      {...rest}\n      gap={normalizeLegacySpace(gap)}\n      padding={padding ?? normalizeLegacySpace(p)}\n      style={wrapStyle}\n    />\n  );\n}\n\nexport function Box(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, {});\n}\n\nexport function Stack(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, { direction: \"column\" });\n}\n\nexport function Inline(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, { direction: \"row\" });\n}\n\nexport function Shell(props: CatalogComponentProps & { variant?: unknown }): JSX.Element {\n  const { variant: _variant, ...rest } = props;\n  void _variant;\n  return layoutAlias(rest, {});\n}\n\nexport function ShellNav(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, {});\n}\n\nexport function ShellMain(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, { as: \"main\", grow: true });\n}\n\nexport function AlertTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"alert-title\", element: \"h3\", className: \"alert-title\" });\n}\n\nexport function AlertDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, {\n    slot: \"alert-description\",\n    element: \"p\",\n    className: \"alert-description\",\n  });\n}\n\nexport function Breadcrumb(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb\", element: \"nav\", role: \"navigation\" });\n}\n\nexport function BreadcrumbList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-list\", element: \"ol\" });\n}\n\nexport function BreadcrumbItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-item\", element: \"li\" });\n}\n\nexport function BreadcrumbLink(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-link\", element: \"a\" });\n}\n\nexport function BreadcrumbPage(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(\n    { \"aria-current\": \"page\", ...props },\n    {\n      slot: \"breadcrumb-page\",\n      element: \"span\",\n    },\n  );\n}\n\nexport function BreadcrumbSeparator(props: CatalogComponentProps): JSX.Element {\n  const { children = \"/\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"breadcrumb-separator\",\n      element: \"li\",\n    },\n  );\n}\n\nexport function BreadcrumbEllipsis(props: CatalogComponentProps): JSX.Element {\n  const { children = \"...\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"breadcrumb-ellipsis\",\n      element: \"span\",\n    },\n  );\n}\n\nexport function Calendar(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar\" });\n}\n\nexport function CalendarHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-header\" });\n}\n\nexport function CalendarCaption(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-caption\" });\n}\n\nexport function CalendarNav(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-nav\" });\n}\n\nexport function CalendarPreviousButton(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous month\", ...rest } = props;\n  return buttonPart(\n    { \"aria-label\": \"Previous month\", children, ...rest },\n    \"calendar-previous\",\n    \"btn btn-icon btn-ghost\",\n  );\n}\n\nexport function CalendarNextButton(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next month\", ...rest } = props;\n  return buttonPart(\n    { \"aria-label\": \"Next month\", children, ...rest },\n    \"calendar-next\",\n    \"btn btn-icon btn-ghost\",\n  );\n}\n\nexport function CalendarGrid(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-grid\", role: \"grid\" });\n}\n\nexport function CalendarHead(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-head\", role: \"row\" });\n}\n\nexport function CalendarBody(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-body\" });\n}\n\nexport function CalendarRow(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-row\", role: \"row\" });\n}\n\nexport function CalendarCell(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-cell\", role: \"gridcell\" });\n}\n\nexport function CalendarDay(\n  props: CatalogComponentProps & {\n    disabled?: boolean;\n    outside?: boolean;\n    rangeEnd?: boolean;\n    rangeMiddle?: boolean;\n    rangeStart?: boolean;\n    selected?: boolean;\n    today?: boolean;\n  },\n): JSX.Element {\n  const { disabled, outside, rangeEnd, rangeMiddle, rangeStart, selected, today, ...rest } = props;\n  return buttonPart(\n    {\n      \"aria-disabled\": disabled ? \"true\" : undefined,\n      \"aria-selected\": selected ? \"true\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-outside\": outside ? \"true\" : undefined,\n      \"data-range-end\": rangeEnd ? \"true\" : undefined,\n      \"data-range-middle\": rangeMiddle ? \"true\" : undefined,\n      \"data-range-start\": rangeStart ? \"true\" : undefined,\n      \"data-selected\": selected ? \"true\" : undefined,\n      \"data-today\": today ? \"true\" : undefined,\n      ...rest,\n    },\n    \"calendar-day\",\n  );\n}\n\nexport function Carousel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel\" });\n}\n\nexport function CarouselContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel-content\" });\n}\n\nexport function CarouselItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel-item\" });\n}\n\nexport function CarouselPrevious(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous\", ...rest } = props;\n  return buttonPart({ children, ...rest }, \"carousel-previous\", \"btn btn-icon\");\n}\n\nexport function CarouselNext(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next\", ...rest } = props;\n  return buttonPart({ children, ...rest }, \"carousel-next\", \"btn btn-icon\");\n}\n\nexport function Combobox(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox\" });\n}\n\nexport function ComboboxInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"combobox-input\",\n    role: \"combobox\",\n  });\n\n  return <input {...finalProps} />;\n}\n\nexport function ComboboxList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox-list\", role: \"listbox\" });\n}\n\nexport function ComboboxOption(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox-option\", role: \"option\" });\n}\n\nexport function Command(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command\" });\n}\n\nexport function CommandDialog(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-dialog\" });\n}\n\nexport function CommandInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"command-input\",\n  });\n\n  return <input {...finalProps} />;\n}\n\nexport function CommandHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-header\" });\n}\n\nexport function CommandList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-list\", role: \"listbox\" });\n}\n\nexport function CommandEmpty(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-empty\" });\n}\n\nexport function CommandGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-group\", role: \"group\" });\n}\n\nexport function CommandGroupHeading(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-group-heading\", element: \"div\" });\n}\n\nexport function CommandItem(\n  props: CatalogComponentProps & { active?: boolean; disabled?: boolean; selected?: boolean },\n): JSX.Element {\n  const { active, disabled, selected, ...rest } = props;\n  return catalogPart(\n    {\n      \"aria-disabled\": disabled ? \"true\" : undefined,\n      \"aria-selected\": selected || active ? \"true\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-selected\": selected || active ? \"true\" : undefined,\n      ...rest,\n    },\n    { slot: \"command-item\", role: \"option\" },\n  );\n}\n\nexport function CommandSeparator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-separator\", element: \"div\", role: \"separator\" });\n}\n\nexport function CommandShortcut(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-shortcut\", element: \"span\" });\n}\n\nexport function DataTable(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"data-table\" });\n}\n\nexport function DatePicker(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"date-picker\" });\n}\n\nexport function DatePickerInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, type = \"date\", ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"date-picker-input\",\n  });\n\n  return <input type={type as string} {...finalProps} />;\n}\n\nexport function Direction(props: CatalogComponentProps & { dir?: \"ltr\" | \"rtl\" }): JSX.Element {\n  const { dir = \"ltr\", ...rest } = props;\n  return catalogPart({ dir, ...rest }, { slot: \"direction\" });\n}\n\nexport function Empty(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty\" });\n}\n\nexport function EmptyHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-header\" });\n}\n\nexport function EmptyTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-title\", element: \"h3\" });\n}\n\nexport function EmptyDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-description\", element: \"p\" });\n}\n\nexport function EmptyContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-content\" });\n}\n\nexport function EmptyMedia(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-media\" });\n}\n\nexport function FieldGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-group\" });\n}\n\nexport function FieldSet(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-set\", element: \"fieldset\" });\n}\n\nexport function FieldLegend(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-legend\", element: \"legend\" });\n}\n\nexport function FieldLabel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-label\", element: \"label\", className: \"label\" });\n}\n\nexport function FieldDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-description\", element: \"p\", className: \"field-hint\" });\n}\n\nexport function FieldContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-content\" });\n}\n\nexport function FieldTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-title\", element: \"div\" });\n}\n\nexport function FieldSeparator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-separator\", role: \"separator\" });\n}\n\nexport function InputOTP(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp\", role: \"group\" });\n}\n\nexport function InputOTPGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp-group\", role: \"group\" });\n}\n\nexport function InputOTPSlot(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp-slot\", element: \"span\" });\n}\n\nexport function InputOTPSeparator(props: CatalogComponentProps): JSX.Element {\n  const { children = \"-\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"input-otp-separator\",\n      element: \"span\",\n    },\n  );\n}\n\nexport function Item(\n  props: CatalogComponentProps & {\n    active?: boolean;\n    size?: \"default\" | \"sm\" | \"xs\";\n    variant?: \"default\" | \"outline\" | \"muted\";\n  },\n): JSX.Element {\n  const { active, size, variant, ...rest } = props;\n  return catalogPart(\n    {\n      \"data-active\": active ? \"true\" : undefined,\n      \"data-size\": size && size !== \"default\" ? size : undefined,\n      \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n      ...rest,\n    },\n    { slot: \"item\" },\n  );\n}\n\nexport function ItemGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-group\" });\n}\n\nexport function ItemHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-header\" });\n}\n\nexport function ItemMedia(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-media\" });\n}\n\nexport function ItemContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-content\" });\n}\n\nexport function ItemTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-title\" });\n}\n\nexport function ItemDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-description\" });\n}\n\nexport function ItemActions(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-actions\" });\n}\n\nexport function ItemFooter(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-footer\" });\n}\n\nexport function Kbd(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"kbd\", element: \"kbd\" });\n}\n\nexport function NativeSelect(props: CatalogComponentProps): JSX.Element {\n  const { children, ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"native-select\",\n  });\n\n  return <select {...finalProps}>{children}</select>;\n}\n\nexport function NavigationMenu(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu\", element: \"nav\" });\n}\n\nexport function NavigationMenuList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-list\", element: \"ul\" });\n}\n\nexport function NavigationMenuItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-item\", element: \"li\" });\n}\n\nexport function NavigationMenuTrigger(props: CatalogComponentProps): JSX.Element {\n  return buttonPart(props, \"navigation-menu-trigger\", \"nav-item\");\n}\n\nexport function NavigationMenuContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-content\" });\n}\n\nexport function NavigationMenuLink(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-link\", element: \"a\" });\n}\n\nexport function NavigationMenuViewport(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-viewport\" });\n}\n\nexport function NavigationMenuIndicator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-indicator\" });\n}\n\nexport function Pagination(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination\", element: \"nav\", role: \"navigation\" });\n}\n\nexport function PaginationContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination-content\", element: \"ul\" });\n}\n\nexport function PaginationItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination-item\", element: \"li\" });\n}\n\nexport function PaginationLink(props: CatalogComponentProps & { active?: boolean }): JSX.Element {\n  const { active, ...rest } = props;\n  return catalogPart(\n    {\n      \"aria-current\": active ? \"page\" : undefined,\n      \"data-active\": active ? \"true\" : undefined,\n      ...rest,\n    },\n    { slot: \"pagination-link\", element: \"a\" },\n  );\n}\n\nexport function PaginationPrevious(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous\", ...rest } = props;\n  return catalogPart({ children, ...rest }, { slot: \"pagination-previous\", element: \"a\" });\n}\n\nexport function PaginationNext(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next\", ...rest } = props;\n  return catalogPart({ children, ...rest }, { slot: \"pagination-next\", element: \"a\" });\n}\n\nexport function PaginationEllipsis(props: CatalogComponentProps): JSX.Element {\n  const { children = \"...\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"pagination-ellipsis\",\n      element: \"span\",\n    },\n  );\n}\n\nexport function ResizablePanelGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-panel-group\" });\n}\n\nexport function ResizablePanel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-panel\" });\n}\n\nexport function ResizableHandle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-handle\", role: \"separator\" });\n}\n\nexport function TabsList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"tabs-list\", role: \"tablist\" });\n}\n\nexport function TabsTrigger(props: CatalogComponentProps): JSX.Element {\n  return buttonPart(props, \"tabs-trigger\", \"tab\");\n}\n\nexport function TabsContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"tabs-content\", role: \"tabpanel\" });\n}\n\nexport function SheetContent(\n  props: CatalogComponentProps & {\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  },\n): JSX.Element {\n  const { side = \"right\", ...rest } = props;\n  return <DialogContent {...rest} data-side={side} data-slot=\"sheet-content\" />;\n}\n\nexport function SheetHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sheet-header\" });\n}\n\nexport function SheetFooter(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sheet-footer\" });\n}\n\nexport function SheetTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sheet-title\", element: \"h2\" });\n}\n\nexport function SheetDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sheet-description\", element: \"p\" });\n}\n\nexport function Toaster(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sonner\" });\n}\n\nexport const Sonner = Toaster;\n\nexport function Typography(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography\" });\n}\n\nexport function TypographyH1(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h1\", element: \"h1\" });\n}\n\nexport function TypographyH2(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h2\", element: \"h2\" });\n}\n\nexport function TypographyH3(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h3\", element: \"h3\" });\n}\n\nexport function TypographyH4(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h4\", element: \"h4\" });\n}\n\nexport function TypographyP(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-p\", element: \"p\" });\n}\n\nexport function TypographyBlockquote(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-blockquote\", element: \"blockquote\" });\n}\n\nexport function TypographyList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-list\", element: \"ul\" });\n}\n\nexport function TypographyLead(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-lead\", element: \"p\" });\n}\n\nexport function TypographyMuted(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-muted\", element: \"p\" });\n}\n"],"mappings":"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"}

package/dist/components/container/container.d.ts

@@ -1,8 +1,7 @@
-import { ContainerAsChildProps, ContainerNativeProps } from "./container.types.js";
+import { ContainerProps } from "./container.types.js";
 
 //#region src/components/container/container.d.ts
-declare function Container(props: ContainerNativeProps): JSX.Element;
-declare function Container(props: ContainerAsChildProps): JSX.Element;
+declare function Container(props: ContainerProps): JSX.Element;
 //#endregion
 export { Container };
 //# sourceMappingURL=container.d.ts.map

package/dist/components/container/container.js

@@ -1,78 +1,15 @@
-import { mergeProps } from "../_internal/merge-props.js";
-import { isResponsiveValue, resolveContainerSizeValue, resolveInlineAlignValue, resolveSpaceValue, serializeResponsiveValueIf, setResponsiveStyleVar } from "../_internal/layout.js";
-import { applyBoxLayoutStyles, splitBoxLayoutProps, withBoxLayoutClass } from "../_internal/box-layout.js";
+import { Block } from "../block/block.js";
 import { jsx } from "@askrjs/askr/jsx-runtime";
-import { Slot } from "@askrjs/askr/foundations";
 //#region src/components/container/container.tsx
-const CONTAINER_WIDTH_TOKENS = new Set([
-	"1",
-	"2",
-	"3",
-	"4",
-	"sm",
-	"md",
-	"lg",
-	"xl",
-	"fluid"
-]);
-function isContainerWidthToken(value) {
-	return typeof value === "string" && CONTAINER_WIDTH_TOKENS.has(value.trim());
-}
-function isContainerAlignToken(value) {
-	return typeof value === "string" && [
-		"left",
-		"center",
-		"right"
-	].includes(value.trim());
-}
-function hasStyleValue(value) {
-	if (typeof value === "string") return value.trim().length > 0;
-	if (value && typeof value === "object") return Object.keys(value).length > 0;
-	return false;
-}
-function isStaticValue(value) {
-	return !isResponsiveValue(value);
-}
 function Container(props) {
-	const { asChild, children, variant, maxWidth, padding, size, align = "center", ref, style: userStyle, ...rest } = props;
-	const responsiveVariant = size === void 0 && maxWidth === void 0 ? variant ?? "default" : void 0;
-	const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);
-	const layoutStyle = {
-		boxSizing: "border-box",
-		width: "100%"
-	};
-	applyBoxLayoutStyles(layoutStyle, boxProps);
-	const widthValue = maxWidth ?? size;
-	if (boxProps.maxWidth === void 0 && widthValue !== void 0 && (isResponsiveValue(widthValue) || !isContainerWidthToken(widthValue))) setResponsiveStyleVar(layoutStyle, "max-width", widthValue, (value) => typeof value === "string" && isContainerWidthToken(value) ? resolveContainerSizeValue(value) : value);
-	if (padding !== void 0 && boxProps.px === void 0 && boxProps.pl === void 0 && boxProps.pr === void 0) setResponsiveStyleVar(layoutStyle, "px", padding, resolveSpaceValue);
-	const applyAlign = (side, value) => {
-		setResponsiveStyleVar(layoutStyle, side === "marginLeft" ? "ml" : "mr", value, (input) => {
-			const margins = resolveInlineAlignValue(input);
-			return side === "marginLeft" ? margins.marginLeft : margins.marginRight;
-		});
-	};
-	if (boxProps.ml === void 0 && boxProps.mr === void 0 && isResponsiveValue(align)) {
-		applyAlign("marginLeft", align);
-		applyAlign("marginRight", align);
-	}
-	const layoutClass = Object.keys(layoutStyle).length > 2 || hasStyleValue(userStyle) ? withBoxLayoutClass(layoutStyle, userStyle) : void 0;
-	const finalProps = mergeProps(passthroughProps, {
-		ref,
+	const { children, size = "page", ...rest } = props;
+	return /* @__PURE__ */ jsx(Block, {
+		maxWidth: size,
+		marginX: "auto",
+		paddingX: "page",
+		width: "full",
+		...rest,
 		"data-slot": "container",
-		"data-ak-layout": "true",
-		"data-variant": responsiveVariant,
-		"data-size": isStaticValue(size) ? serializeResponsiveValueIf(size, isContainerWidthToken) : void 0,
-		"data-align": isStaticValue(align) ? serializeResponsiveValueIf(align, isContainerAlignToken) : void 0,
-		"data-max-width": isStaticValue(maxWidth) ? serializeResponsiveValueIf(maxWidth, isContainerWidthToken) : void 0,
-		...layoutClass ? { class: layoutClass } : {}
-	});
-	if (asChild) return /* @__PURE__ */ jsx(Slot, {
-		asChild: true,
-		...finalProps,
-		children
-	});
-	return /* @__PURE__ */ jsx("div", {
-		...finalProps,
 		children
 	});
 }

package/dist/components/container/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","names":[],"sources":["../../../src/components/container/container.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n  applyBoxLayoutStyles,\n  splitBoxLayoutProps,\n  withBoxLayoutClass,\n} from \"../_internal/box-layout\";\nimport {\n  isResponsiveValue,\n  resolveContainerSizeValue,\n  resolveInlineAlignValue,\n  resolveSpaceValue,\n  serializeResponsiveValueIf,\n  setResponsiveStyleVar,\n} from \"../_internal/layout\";\nimport type { ContainerAsChildProps, ContainerNativeProps } from \"./container.types\";\n\nconst CONTAINER_WIDTH_TOKENS = new Set([\"1\", \"2\", \"3\", \"4\", \"sm\", \"md\", \"lg\", \"xl\", \"fluid\"]);\n\nfunction isContainerWidthToken(value: unknown): value is string {\n  return typeof value === \"string\" && CONTAINER_WIDTH_TOKENS.has(value.trim());\n}\n\nfunction isContainerAlignToken(value: unknown): value is \"left\" | \"center\" | \"right\" {\n  return typeof value === \"string\" && [\"left\", \"center\", \"right\"].includes(value.trim());\n}\n\nfunction hasStyleValue(value: unknown): boolean {\n  if (typeof value === \"string\") return value.trim().length > 0;\n  if (value && typeof value === \"object\") {\n    return Object.keys(value as Record<string, unknown>).length > 0;\n  }\n\n  return false;\n}\n\nfunction isStaticValue(value: unknown): boolean {\n  return !isResponsiveValue(value as Record<string, unknown> | undefined);\n}\n\nexport function Container(props: ContainerNativeProps): JSX.Element;\nexport function Container(props: ContainerAsChildProps): JSX.Element;\nexport function Container(props: ContainerNativeProps | ContainerAsChildProps) {\n  const {\n    asChild,\n    children,\n    variant,\n    maxWidth,\n    padding,\n    size,\n    align = \"center\",\n    ref,\n    style: userStyle,\n    ...rest\n  } = props;\n\n  const responsiveVariant =\n    size === undefined && maxWidth === undefined ? (variant ?? \"default\") : undefined;\n\n  const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);\n  const layoutStyle: Record<string, string | number> = {\n    boxSizing: \"border-box\",\n    width: \"100%\",\n  };\n  applyBoxLayoutStyles(layoutStyle, boxProps);\n\n  const widthValue = maxWidth ?? size;\n  const usesInlineMaxWidth =\n    boxProps.maxWidth === undefined &&\n    widthValue !== undefined &&\n    (isResponsiveValue(widthValue) || !isContainerWidthToken(widthValue));\n\n  if (usesInlineMaxWidth) {\n    setResponsiveStyleVar(layoutStyle, \"max-width\", widthValue, (value) =>\n      typeof value === \"string\" && isContainerWidthToken(value)\n        ? resolveContainerSizeValue(value)\n        : value,\n    );\n  }\n\n  if (\n    padding !== undefined &&\n    boxProps.px === undefined &&\n    boxProps.pl === undefined &&\n    boxProps.pr === undefined\n  ) {\n    setResponsiveStyleVar(layoutStyle, \"px\", padding, resolveSpaceValue);\n  }\n\n  const applyAlign = (side: \"marginLeft\" | \"marginRight\", value: typeof align) => {\n    setResponsiveStyleVar(layoutStyle, side === \"marginLeft\" ? \"ml\" : \"mr\", value, (input) => {\n      const margins = resolveInlineAlignValue(input);\n      return side === \"marginLeft\" ? margins.marginLeft : margins.marginRight;\n    });\n  };\n\n  if (boxProps.ml === undefined && boxProps.mr === undefined && isResponsiveValue(align)) {\n    applyAlign(\"marginLeft\", align);\n    applyAlign(\"marginRight\", align);\n  }\n\n  const layoutClass =\n    Object.keys(layoutStyle).length > 2 || hasStyleValue(userStyle)\n      ? withBoxLayoutClass(layoutStyle, userStyle)\n      : undefined;\n\n  const finalProps = mergeProps(passthroughProps, {\n    ref,\n    \"data-slot\": \"container\",\n    \"data-ak-layout\": \"true\",\n    \"data-variant\": responsiveVariant,\n    \"data-size\": isStaticValue(size)\n      ? serializeResponsiveValueIf(size, isContainerWidthToken)\n      : undefined,\n    \"data-align\": isStaticValue(align)\n      ? serializeResponsiveValueIf(align, isContainerAlignToken)\n      : undefined,\n    \"data-max-width\": isStaticValue(maxWidth)\n      ? serializeResponsiveValueIf(maxWidth, isContainerWidthToken)\n      : undefined,\n    ...(layoutClass ? { class: layoutClass } : {}),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;;;AAiBA,MAAM,yBAAyB,IAAI,IAAI;CAAC;CAAK;CAAK;CAAK;CAAK;CAAM;CAAM;CAAM;CAAM;AAAO,CAAC;AAE5F,SAAS,sBAAsB,OAAiC;CAC9D,OAAO,OAAO,UAAU,YAAY,uBAAuB,IAAI,MAAM,KAAK,CAAC;AAC7E;AAEA,SAAS,sBAAsB,OAAsD;CACnF,OAAO,OAAO,UAAU,YAAY;EAAC;EAAQ;EAAU;CAAO,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC;AACvF;AAEA,SAAS,cAAc,OAAyB;CAC9C,IAAI,OAAO,UAAU,UAAU,OAAO,MAAM,KAAK,CAAC,CAAC,SAAS;CAC5D,IAAI,SAAS,OAAO,UAAU,UAC5B,OAAO,OAAO,KAAK,KAAgC,CAAC,CAAC,SAAS;CAGhE,OAAO;AACT;AAEA,SAAS,cAAc,OAAyB;CAC9C,OAAO,CAAC,kBAAkB,KAA4C;AACxE;AAIA,SAAgB,UAAU,OAAqD;CAC7E,MAAM,EACJ,SACA,UACA,SACA,UACA,SACA,MACA,QAAQ,UACR,KACA,OAAO,WACP,GAAG,SACD;CAEJ,MAAM,oBACJ,SAAS,KAAA,KAAa,aAAa,KAAA,IAAa,WAAW,YAAa,KAAA;CAE1E,MAAM,EAAE,UAAU,MAAM,qBAAqB,oBAAoB,IAAI;CACrE,MAAM,cAA+C;EACnD,WAAW;EACX,OAAO;CACT;CACA,qBAAqB,aAAa,QAAQ;CAE1C,MAAM,aAAa,YAAY;CAM/B,IAJE,SAAS,aAAa,KAAA,KACtB,eAAe,KAAA,MACd,kBAAkB,UAAU,KAAK,CAAC,sBAAsB,UAAU,IAGnE,sBAAsB,aAAa,aAAa,aAAa,UAC3D,OAAO,UAAU,YAAY,sBAAsB,KAAK,IACpD,0BAA0B,KAAK,IAC/B,KACN;CAGF,IACE,YAAY,KAAA,KACZ,SAAS,OAAO,KAAA,KAChB,SAAS,OAAO,KAAA,KAChB,SAAS,OAAO,KAAA,GAEhB,sBAAsB,aAAa,MAAM,SAAS,iBAAiB;CAGrE,MAAM,cAAc,MAAoC,UAAwB;EAC9E,sBAAsB,aAAa,SAAS,eAAe,OAAO,MAAM,QAAQ,UAAU;GACxF,MAAM,UAAU,wBAAwB,KAAK;GAC7C,OAAO,SAAS,eAAe,QAAQ,aAAa,QAAQ;EAC9D,CAAC;CACH;CAEA,IAAI,SAAS,OAAO,KAAA,KAAa,SAAS,OAAO,KAAA,KAAa,kBAAkB,KAAK,GAAG;EACtF,WAAW,cAAc,KAAK;EAC9B,WAAW,eAAe,KAAK;CACjC;CAEA,MAAM,cACJ,OAAO,KAAK,WAAW,CAAC,CAAC,SAAS,KAAK,cAAc,SAAS,IAC1D,mBAAmB,aAAa,SAAS,IACzC,KAAA;CAEN,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,aAAa,cAAc,IAAI,IAC3B,2BAA2B,MAAM,qBAAqB,IACtD,KAAA;EACJ,cAAc,cAAc,KAAK,IAC7B,2BAA2B,OAAO,qBAAqB,IACvD,KAAA;EACJ,kBAAkB,cAAc,QAAQ,IACpC,2BAA2B,UAAU,qBAAqB,IAC1D,KAAA;EACJ,GAAI,cAAc,EAAE,OAAO,YAAY,IAAI,CAAC;CAC9C,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C"}
+{"version":3,"file":"container.js","names":[],"sources":["../../../src/components/container/container.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport type { ContainerProps } from \"./container.types\";\n\nexport function Container(props: ContainerProps): JSX.Element {\n  const { children, size = \"page\", ...rest } = props;\n\n  return (\n    <Block\n      maxWidth={size}\n      marginX=\"auto\"\n      paddingX=\"page\"\n      width=\"full\"\n      {...rest}\n      data-slot=\"container\"\n    >\n      {children}\n    </Block>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,QAAQ,GAAG,SAAS;CAE7C,OACE,oBAAC,OAAD;EACE,UAAU;EACV,SAAQ;EACR,UAAS;EACT,OAAM;EACN,GAAI;EACJ,aAAU;EAET;CACI,CAAA;AAEX"}

package/dist/components/container/container.types.d.ts

@@ -1,28 +1,9 @@
-import { BoxLayoutOwnProps, LayoutResponsive } from "../box/box.types.js";
-import { JSXElement } from "@askrjs/askr/foundations";
-import { Ref } from "@askrjs/askr/foundations/utilities";
-
+import { BlockSize } from "../_internal/block-layout.js";
+import { BlockDivProps } from "../block/block.types.js";
 //#region src/components/container/container.types.d.ts
-type ContainerVariant = "default" | "sm" | "md" | "lg" | "xl" | "xxl" | "fluid";
-type ContainerOwnProps = BoxLayoutOwnProps & {
-  /** Bootstrap-like responsive container variant. */variant?: ContainerVariant; /** Radix-style container size token. */
-  size?: LayoutResponsive<"1" | "2" | "3" | "4" | "sm" | "md" | "lg" | "xl" | "fluid">; /** Horizontal alignment of the constrained container. */
-  align?: LayoutResponsive<"left" | "center" | "right">; /** Compatibility max-width override. */
-  maxWidth?: LayoutResponsive<string>; /** Compatibility horizontal padding override. */
-  padding?: LayoutResponsive<string | number>;
-  children?: unknown;
+type ContainerProps = Omit<BlockDivProps, "maxWidth"> & {
+  size?: BlockSize;
 };
-type ContainerNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & ContainerOwnProps & {
-  asChild?: false;
-  ref?: Ref<HTMLDivElement>;
-};
-type ContainerAsChildProps = ContainerOwnProps & {
-  asChild: true;
-  children: JSXElement;
-  ref?: Ref<unknown>;
-  style?: JSX.IntrinsicElements["div"]["style"];
-};
-type ContainerProps = ContainerNativeProps | ContainerAsChildProps;
 //#endregion
-export { ContainerAsChildProps, ContainerNativeProps, ContainerOwnProps, ContainerProps, ContainerVariant };
+export { ContainerProps };
 //# sourceMappingURL=container.types.d.ts.map

package/dist/components/container/index.d.ts

@@ -1,3 +1,2 @@
-import { ContainerAsChildProps, ContainerNativeProps, ContainerOwnProps, ContainerProps, ContainerVariant } from "./container.types.js";
-import { Container } from "./container.js";
-import { CONTAINER_A11Y_CONTRACT, ContainerA11yContract } from "./container.a11y.js";
+import { ContainerProps } from "./container.types.js";
+import { Container } from "./container.js";

package/dist/components/empty-state/empty-state.js

@@ -1,36 +1,42 @@
-import { classes } from "../_internal/classes.js";
+import { Block } from "../block/block.js";
 import { jsx, jsxs } from "@askrjs/askr/jsx-runtime";
 //#region src/components/empty-state/empty-state.tsx
 function EmptyState(props) {
-	const { icon, title, titleAs: TitleTag = "h2", description, actions, children, ref, class: className, ...rest } = props;
-	return /* @__PURE__ */ jsxs("div", {
+	const { icon, title, titleAs: TitleTag = "h2", description, action, children, ...rest } = props;
+	return /* @__PURE__ */ jsx(Block, {
+		center: true,
+		minHeight: "content",
+		padding: "xl",
 		...rest,
-		ref,
-		class: classes("empty-state", className),
 		"data-slot": "empty-state",
-		children: [
-			icon !== void 0 ? /* @__PURE__ */ jsx("div", {
-				class: "empty-state-icon",
-				"data-slot": "empty-state-icon",
-				children: icon
-			}) : null,
-			title !== void 0 ? /* @__PURE__ */ jsx(TitleTag, {
-				class: "empty-state-title",
-				"data-slot": "empty-state-title",
-				children: title
-			}) : null,
-			description !== void 0 ? /* @__PURE__ */ jsx("p", {
-				class: "empty-state-description",
-				"data-slot": "empty-state-description",
-				children: description
-			}) : null,
-			children,
-			actions !== void 0 ? /* @__PURE__ */ jsx("div", {
-				class: "empty-state-actions",
-				"data-slot": "empty-state-actions",
-				children: actions
-			}) : null
-		]
+		children: /* @__PURE__ */ jsxs(Block, {
+			align: "center",
+			gap: "md",
+			maxWidth: "sm",
+			"data-slot": "empty-state-content",
+			children: [
+				icon !== void 0 ? /* @__PURE__ */ jsx("div", {
+					"data-slot": "empty-state-icon",
+					children: icon
+				}) : null,
+				title !== void 0 ? /* @__PURE__ */ jsx(TitleTag, {
+					"data-slot": "empty-state-title",
+					children: title
+				}) : null,
+				description !== void 0 ? /* @__PURE__ */ jsx("p", {
+					"data-slot": "empty-state-description",
+					children: description
+				}) : null,
+				children,
+				action !== void 0 ? /* @__PURE__ */ jsx(Block, {
+					direction: "row",
+					justify: "center",
+					gap: "sm",
+					"data-slot": "empty-state-actions",
+					children: action
+				}) : null
+			]
+		})
 	});
 }
 //#endregion

package/dist/components/empty-state/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport type { EmptyStateProps } from \"./empty-state.types\";\n\nexport function EmptyState(props: EmptyStateProps): JSX.Element {\n  const {\n    icon,\n    title,\n    titleAs: TitleTag = \"h2\",\n    description,\n    actions,\n    children,\n    ref,\n    class: className,\n    ...rest\n  } = props;\n\n  return (\n    <div {...rest} ref={ref} class={classes(\"empty-state\", className)} data-slot=\"empty-state\">\n      {icon !== undefined ? (\n        <div class=\"empty-state-icon\" data-slot=\"empty-state-icon\">\n          {icon}\n        </div>\n      ) : null}\n      {title !== undefined ? (\n        <TitleTag class=\"empty-state-title\" data-slot=\"empty-state-title\">\n          {title}\n        </TitleTag>\n      ) : null}\n      {description !== undefined ? (\n        <p class=\"empty-state-description\" data-slot=\"empty-state-description\">\n          {description}\n        </p>\n      ) : null}\n      {children}\n      {actions !== undefined ? (\n        <div class=\"empty-state-actions\" data-slot=\"empty-state-actions\">\n          {actions}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EACJ,MACA,OACA,SAAS,WAAW,MACpB,aACA,SACA,UACA,KACA,OAAO,WACP,GAAG,SACD;CAEJ,OACE,qBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,OAAO,QAAQ,eAAe,SAAS;EAAG,aAAU;YAA7E;GACG,SAAS,KAAA,IACR,oBAAC,OAAD;IAAK,OAAM;IAAmB,aAAU;cACrC;GACE,CAAA,IACH;GACH,UAAU,KAAA,IACT,oBAAC,UAAD;IAAU,OAAM;IAAoB,aAAU;cAC3C;GACO,CAAA,IACR;GACH,gBAAgB,KAAA,IACf,oBAAC,KAAD;IAAG,OAAM;IAA0B,aAAU;cAC1C;GACA,CAAA,IACD;GACH;GACA,YAAY,KAAA,IACX,oBAAC,OAAD;IAAK,OAAM;IAAsB,aAAU;cACxC;GACE,CAAA,IACH;EACD;;AAET"}
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport type { EmptyStateProps } from \"./empty-state.types\";\n\nexport function EmptyState(props: EmptyStateProps): JSX.Element {\n  const { icon, title, titleAs: TitleTag = \"h2\", description, action, children, ...rest } = props;\n\n  return (\n    <Block center minHeight=\"content\" padding=\"xl\" {...rest} data-slot=\"empty-state\">\n      <Block align=\"center\" gap=\"md\" maxWidth=\"sm\" data-slot=\"empty-state-content\">\n        {icon !== undefined ? <div data-slot=\"empty-state-icon\">{icon}</div> : null}\n        {title !== undefined ? <TitleTag data-slot=\"empty-state-title\">{title}</TitleTag> : null}\n        {description !== undefined ? (\n          <p data-slot=\"empty-state-description\">{description}</p>\n        ) : null}\n        {children}\n        {action !== undefined ? (\n          <Block direction=\"row\" justify=\"center\" gap=\"sm\" data-slot=\"empty-state-actions\">\n            {action}\n          </Block>\n        ) : null}\n      </Block>\n    </Block>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,MAAM,OAAO,SAAS,WAAW,MAAM,aAAa,QAAQ,UAAU,GAAG,SAAS;CAE1F,OACE,oBAAC,OAAD;EAAO,QAAA;EAAO,WAAU;EAAU,SAAQ;EAAK,GAAI;EAAM,aAAU;YACjE,qBAAC,OAAD;GAAO,OAAM;GAAS,KAAI;GAAK,UAAS;GAAK,aAAU;aAAvD;IACG,SAAS,KAAA,IAAY,oBAAC,OAAD;KAAK,aAAU;eAAoB;IAAU,CAAA,IAAI;IACtE,UAAU,KAAA,IAAY,oBAAC,UAAD;KAAU,aAAU;eAAqB;IAAgB,CAAA,IAAI;IACnF,gBAAgB,KAAA,IACf,oBAAC,KAAD;KAAG,aAAU;eAA2B;IAAe,CAAA,IACrD;IACH;IACA,WAAW,KAAA,IACV,oBAAC,OAAD;KAAO,WAAU;KAAM,SAAQ;KAAS,KAAI;KAAK,aAAU;eACxD;IACI,CAAA,IACL;GACC;;CACF,CAAA;AAEX"}

package/dist/components/empty-state/empty-state.types.d.ts

@@ -1,15 +1,12 @@
-import { Ref } from "@askrjs/askr/foundations/utilities";
-
+import { BlockDivProps } from "../block/block.types.js";
 //#region src/components/empty-state/empty-state.types.d.ts
 type EmptyStateHeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-type EmptyStateProps = Omit<JSX.IntrinsicElements["div"], "children"> & {
+type EmptyStateProps = BlockDivProps & {
   icon?: unknown;
   title?: unknown;
   titleAs?: EmptyStateHeadingTag;
   description?: unknown;
-  actions?: unknown;
-  children?: unknown;
-  ref?: Ref<HTMLDivElement>;
+  action?: unknown;
 };
 //#endregion
 export { EmptyStateHeadingTag, EmptyStateProps };

package/dist/components/field/field.js

@@ -3,12 +3,13 @@ import { mergeProps } from "../_internal/merge-props.js";
 import { jsx } from "@askrjs/askr/jsx-runtime";
 //#region src/components/field/field.tsx
 function Field(props) {
-	const { children, class: className, ref, ...rest } = props;
+	const { children, class: className, invalid = false, ref, ...rest } = props;
 	return /* @__PURE__ */ jsx("div", {
 		...mergeProps(rest, {
 			class: classes("field", className),
 			ref,
-			"data-slot": "field"
+			"data-slot": "field",
+			"data-invalid": invalid ? "true" : void 0
 		}),
 		children
 	});
@@ -30,6 +31,7 @@ function FieldError(props) {
 		...mergeProps(rest, {
 			class: classes("field-error", className),
 			ref,
+			role: "alert",
 			"data-slot": "field-error"
 		}),
 		children

package/dist/components/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { FieldErrorProps, FieldHintProps, FieldProps } from \"./field.types\";\n\nexport function Field(props: FieldProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field\", className),\n    ref,\n    \"data-slot\": \"field\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FieldHint(props: FieldHintProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field-hint\", className),\n    ref,\n    \"data-slot\": \"field-hint\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function FieldError(props: FieldErrorProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field-error\", className),\n    ref,\n    \"data-slot\": \"field-error\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n"],"mappings":";;;;AAIA,SAAgB,MAAM,OAAgC;CACpD,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC,OAAO,QAAQ,SAAS,SAAS;GACjC;GACA,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC,OAAO,QAAQ,cAAc,SAAS;GACtC;GACA,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC,OAAO,QAAQ,eAAe,SAAS;GACvC;GACA,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC"}
+{"version":3,"file":"field.js","names":[],"sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { FieldErrorProps, FieldHintProps, FieldProps } from \"./field.types\";\n\nexport function Field(props: FieldProps): JSX.Element {\n  const { children, class: className, invalid = false, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field\", className),\n    ref,\n    \"data-slot\": \"field\",\n    \"data-invalid\": invalid ? \"true\" : undefined,\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FieldHint(props: FieldHintProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field-hint\", className),\n    ref,\n    \"data-slot\": \"field-hint\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function FieldError(props: FieldErrorProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field-error\", className),\n    ref,\n    role: \"alert\",\n    \"data-slot\": \"field-error\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n"],"mappings":";;;;AAIA,SAAgB,MAAM,OAAgC;CACpD,MAAM,EAAE,UAAU,OAAO,WAAW,UAAU,OAAO,KAAK,GAAG,SAAS;CAQtE,OAAO,oBAAC,OAAD;EAAK,GAPO,WAAW,MAAM;GAClC,OAAO,QAAQ,SAAS,SAAS;GACjC;GACA,aAAa;GACb,gBAAgB,UAAU,SAAS,KAAA;EACrC,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC,OAAO,QAAQ,cAAc,SAAS;GACtC;GACA,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAQrD,OAAO,oBAAC,KAAD;EAAG,GAPS,WAAW,MAAM;GAClC,OAAO,QAAQ,eAAe,SAAS;GACvC;GACA,MAAM;GACN,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC"}

package/dist/components/field/field.types.d.ts

@@ -5,6 +5,7 @@ type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
 type ParagraphProps = Omit<JSX.IntrinsicElements["p"], "children" | "ref">;
 type FieldProps = DivProps & {
   children?: unknown;
+  invalid?: boolean;
   ref?: Ref<HTMLDivElement>;
 };
 type FieldHintProps = ParagraphProps & {

package/dist/components/footer/footer.d.ts

@@ -0,0 +1,13 @@
+import { FooterContentProps, FooterDescriptionProps, FooterLinkProps, FooterLinksProps, FooterProps, FooterSectionProps, FooterTitleProps } from "./footer.types.js";
+
+//#region src/components/footer/footer.d.ts
+declare function Footer(props: FooterProps): JSX.Element;
+declare function FooterContent(props: FooterContentProps): JSX.Element;
+declare function FooterSection(props: FooterSectionProps): JSX.Element;
+declare function FooterTitle(props: FooterTitleProps): JSX.Element;
+declare function FooterDescription(props: FooterDescriptionProps): JSX.Element;
+declare function FooterLinks(props: FooterLinksProps): JSX.Element;
+declare function FooterLink(props: FooterLinkProps): JSX.Element;
+//#endregion
+export { Footer, FooterContent, FooterDescription, FooterLink, FooterLinks, FooterSection, FooterTitle };
+//# sourceMappingURL=footer.d.ts.map

package/dist/components/footer/footer.js

@@ -0,0 +1,86 @@
+import { classes } from "../_internal/classes.js";
+import { mergeProps } from "../_internal/merge-props.js";
+import { Block } from "../block/block.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+//#region src/components/footer/footer.tsx
+function Footer(props) {
+	const { children, ...rest } = props;
+	return /* @__PURE__ */ jsx(Block, {
+		as: "footer",
+		background: "muted",
+		borderTop: true,
+		...rest,
+		"data-slot": "footer",
+		children
+	});
+}
+function FooterContent(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("footer-content", className),
+			"data-slot": "footer-content"
+		}),
+		children
+	});
+}
+function FooterSection(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("footer-section", className),
+			"data-slot": "footer-section"
+		}),
+		children
+	});
+}
+function FooterTitle(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("h2", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("footer-title", className),
+			"data-slot": "footer-title"
+		}),
+		children
+	});
+}
+function FooterDescription(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("p", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("footer-description", className),
+			"data-slot": "footer-description"
+		}),
+		children
+	});
+}
+function FooterLinks(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("nav", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("footer-links", className),
+			"data-slot": "footer-links"
+		}),
+		children
+	});
+}
+function FooterLink(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("a", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("footer-link", className),
+			"data-slot": "footer-link"
+		}),
+		children
+	});
+}
+//#endregion
+export { Footer, FooterContent, FooterDescription, FooterLink, FooterLinks, FooterSection, FooterTitle };
+
+//# sourceMappingURL=footer.js.map

package/dist/components/footer/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","names":[],"sources":["../../../src/components/footer/footer.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  FooterContentProps,\n  FooterDescriptionProps,\n  FooterLinkProps,\n  FooterLinksProps,\n  FooterProps,\n  FooterSectionProps,\n  FooterTitleProps,\n} from \"./footer.types\";\n\nexport function Footer(props: FooterProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"footer\" background=\"muted\" borderTop {...rest} data-slot=\"footer\">\n      {children}\n    </Block>\n  );\n}\n\nexport function FooterContent(props: FooterContentProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-content\", className),\n    \"data-slot\": \"footer-content\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FooterSection(props: FooterSectionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-section\", className),\n    \"data-slot\": \"footer-section\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FooterTitle(props: FooterTitleProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-title\", className),\n    \"data-slot\": \"footer-title\",\n  });\n\n  return <h2 {...finalProps}>{children}</h2>;\n}\n\nexport function FooterDescription(props: FooterDescriptionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-description\", className),\n    \"data-slot\": \"footer-description\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function FooterLinks(props: FooterLinksProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-links\", className),\n    \"data-slot\": \"footer-links\",\n  });\n\n  return <nav {...finalProps}>{children}</nav>;\n}\n\nexport function FooterLink(props: FooterLinkProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-link\", className),\n    \"data-slot\": \"footer-link\",\n  });\n\n  return <a {...finalProps}>{children}</a>;\n}\n"],"mappings":";;;;;AAaA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAS,YAAW;EAAQ,WAAA;EAAU,GAAI;EAAM,aAAU;EACjE;CACI,CAAA;AAEX;AAEA,SAAgB,cAAc,OAAwC;CACpE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,kBAAkB,SAAS;GAC1C,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,cAAc,OAAwC;CACpE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,kBAAkB,SAAS;GAC1C,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,MAAD;EAAI,GANQ,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEwB;EAAI;CAAa,CAAA;AAC3C;AAEA,SAAgB,kBAAkB,OAA4C;CAC5E,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,sBAAsB,SAAS;GAC9C,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC"}

package/dist/components/footer/footer.types.d.ts

@@ -0,0 +1,37 @@
+import { BlockElementProps } from "../block/block.types.js";
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/footer/footer.types.d.ts
+type FooterProps = Omit<BlockElementProps<"footer">, "as">;
+type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
+type HeadingProps = Omit<JSX.IntrinsicElements["h2"], "children" | "ref">;
+type ParagraphProps = Omit<JSX.IntrinsicElements["p"], "children" | "ref">;
+type NavProps = Omit<JSX.IntrinsicElements["nav"], "children" | "ref">;
+type AnchorProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref">;
+type FooterContentProps = DivProps & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
+};
+type FooterSectionProps = DivProps & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
+};
+type FooterTitleProps = HeadingProps & {
+  children?: unknown;
+  ref?: Ref<HTMLHeadingElement>;
+};
+type FooterDescriptionProps = ParagraphProps & {
+  children?: unknown;
+  ref?: Ref<HTMLParagraphElement>;
+};
+type FooterLinksProps = NavProps & {
+  children?: unknown;
+  ref?: Ref<HTMLElement>;
+};
+type FooterLinkProps = AnchorProps & {
+  children?: unknown;
+  ref?: Ref<HTMLAnchorElement>;
+};
+//#endregion
+export { FooterContentProps, FooterDescriptionProps, FooterLinkProps, FooterLinksProps, FooterProps, FooterSectionProps, FooterTitleProps };
+//# sourceMappingURL=footer.types.d.ts.map

package/dist/components/footer/index.d.ts

@@ -0,0 +1,2 @@
+import { FooterContentProps, FooterDescriptionProps, FooterLinkProps, FooterLinksProps, FooterProps, FooterSectionProps, FooterTitleProps } from "./footer.types.js";
+import { Footer, FooterContent, FooterDescription, FooterLink, FooterLinks, FooterSection, FooterTitle } from "./footer.js";

package/dist/components/grid/grid.d.ts

@@ -0,0 +1,7 @@
+import { GridElement, GridProps } from "./grid.types.js";
+
+//#region src/components/grid/grid.d.ts
+declare function Grid<TElement extends GridElement = "div">(props: GridProps<TElement>): JSX.Element;
+//#endregion
+export { Grid };
+//# sourceMappingURL=grid.d.ts.map