@adea-ai/ui 0.60.4 → 0.61.1

package/dist/components/ui/navigation-menu/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":["splitProps","ComponentProps","JSX","KobalteNavigationMenu","ChevronDown","cn","menuContentPadding","menuItem","overlayMotion","overlaySurface","NavigationMenuProps","Root","label","NavigationMenu","props","local","rest","_$createComponent","_$mergeProps","class","aria-label","children","_$memo","NavigationMenuViewport","NavigationMenuMenu","Menu","NavigationMenuTrigger","Trigger","NavigationMenuContent","Content","Viewport","_el$","_tmpl$","_$insert","_$effect","_$className","NavigationMenuItemProps","Item","description","icon","Element","NavigationMenuItem","_el$2","_tmpl$2","_el$3","_tmpl$3","NavigationMenuSeparator","Separator","NavigationMenuGroupLabel","GroupLabel","NavigationMenuGroup","Group","_$createComponent","_$mergeProps","_$memo","_$className"],"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport * as KobalteNavigationMenu from '@kobalte/core/navigation-menu'\nimport { ChevronDown } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { menuContentPadding, menuItem, overlayMotion, overlaySurface } from '#lib/overlay'\n\n/**\n * NavigationMenu.\n *\n * A site-style menu bar: top-level triggers that open panels of links. It is the\n * header pattern — a documentation site, a marketing page, an application with\n * several top-level destinations — and it is deliberately *not* a `Menubar`.\n * `Menubar` is a row of application menus (File, Edit, View) whose items are\n * commands; this is a row of destinations whose panels are links. The two have\n * different roles, different keyboard models, and different semantics.\n *\n * ## Composition\n *\n * Kobalte's primitive has an unusual shape, and getting it wrong is why this took\n * three attempts to port. The structure is:\n *\n * ```tsx\n * <NavigationMenu>\n *   <NavigationMenuMenu>\n *     <NavigationMenuTrigger>Destinations</NavigationMenuTrigger>\n *     <NavigationMenuContent>\n *       <NavigationMenuItem href=\"/x\">X</NavigationMenuItem>\n *     </NavigationMenuContent>\n *   </NavigationMenuMenu>\n *   <NavigationMenuViewport />\n * </NavigationMenu>\n * ```\n *\n * Three facts that are not obvious from the prop types:\n *\n * - `Menu` renders **nothing**. It is a context provider — one per top-level\n *   entry, naming it so the bar's arrow keys can move between entries. A menu\n *   without one cannot be reached by keyboard.\n * - `Trigger` renders `<li role=\"presentation\"><button>`. It is already the list\n *   item, so wrapping it in your own `<li>` produces a `<ul>` inside a `<ul>`.\n * - `Content` must be a direct child of `Menu`, and the `Viewport` is a **sibling\n *   of the menus** — not inside them. All the panels share one viewport, which is\n *   what lets the bar animate between them instead of each panel popping in place.\n *\n * The wrapper enforces the last of those by rendering the `Viewport` itself, so a\n * caller cannot forget it and get a menu whose panels never appear.\n */\n\nexport type NavigationMenuProps = ComponentProps<typeof KobalteNavigationMenu.Root> & {\n  /** The accessible name for the navigation landmark. */\n  label?: string\n}\n\nexport function NavigationMenu(props: NavigationMenuProps) {\n  const [local, rest] = splitProps(props, ['label', 'class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Root\n      class={cn(\n        'relative flex max-w-max flex-1 items-center justify-center',\n        '[&>nav>ul]:flex [&>nav>ul]:items-center [&>nav>ul]:gap-1',\n        local.class\n      )}\n      aria-label={local.label ?? 'Main'}\n      {...rest}\n    >\n      {local.children}\n      {/*\n        The shared panel surface. Rendered here rather than left to the caller:\n        every panel animates through this one element, and a menu bar without it\n        opens panels that never paint.\n      */}\n      <NavigationMenuViewport />\n    </KobalteNavigationMenu.Root>\n  )\n}\n\n/**\n * One top-level entry. Renders nothing itself — see the note above — and exists\n * so a caller cannot build a bar whose entries the keyboard cannot reach.\n */\nexport function NavigationMenuMenu(props: ComponentProps<typeof KobalteNavigationMenu.Menu>) {\n  return <KobalteNavigationMenu.Menu {...props} />\n}\n\nexport function NavigationMenuTrigger(props: ComponentProps<typeof KobalteNavigationMenu.Trigger>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Trigger\n      class={cn(\n        'inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground',\n        'transition-colors ease-out outline-none select-none',\n        'hover:bg-muted hover:text-foreground',\n        'data-[expanded]:bg-muted data-[expanded]:text-foreground',\n        'data-[highlighted]:bg-muted data-[highlighted]:text-foreground',\n        'focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <ChevronDown\n        aria-hidden=\"true\"\n        class=\"size-3.5 transition-transform duration-200 ease-out [[data-expanded]_&]:rotate-180\"\n      />\n    </KobalteNavigationMenu.Trigger>\n  )\n}\n\nexport function NavigationMenuContent(props: ComponentProps<typeof KobalteNavigationMenu.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Content\n      class={cn(\n        'grid w-max gap-1 p-2',\n        // A two-column panel is the shape most menu bars want, and it is opt-in\n        // through this hook rather than a prop because the column count is a\n        // layout decision the caller's content makes.\n        'data-[wide]:grid-cols-2',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </KobalteNavigationMenu.Content>\n  )\n}\n\n/**\n * The shared panel surface. One per menu bar, and the wrapper supplies it — but\n * exported so a caller with an unusual layout can place it themselves.\n */\nexport function NavigationMenuViewport(\n  props: ComponentProps<typeof KobalteNavigationMenu.Viewport>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteNavigationMenu.Viewport\n      class={cn(\n        'absolute top-full left-0 isolate z-(--z-menu) mt-1.5 flex justify-center overflow-hidden',\n        'h-(--kb-navigation-menu-viewport-height) w-(--kb-navigation-menu-viewport-width)',\n        'origin-top transition-[width,height] duration-200 ease-out',\n        local.class\n      )}\n      {...rest}\n    >\n      <div\n        class={cn(\n          overlaySurface,\n          overlayMotion,\n          'w-full rounded-lg border border-border bg-popover p-1 shadow-lg'\n        )}\n      >\n        <KobalteNavigationMenu.Content />\n      </div>\n    </KobalteNavigationMenu.Viewport>\n  )\n}\n\n/**\n * A link inside a panel. `href` is the point of the component, so it is a link\n * rather than a button — and the accessible name comes from its text, which is\n * why there is no `aria-label` here.\n */\nexport type NavigationMenuItemProps = ComponentProps<typeof KobalteNavigationMenu.Item> & {\n  /** A one-line description, shown under the label. */\n  description?: string\n  /** A leading icon. */\n  icon?: JSX.Element\n}\n\nexport function NavigationMenuItem(props: NavigationMenuItemProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'description', 'icon'])\n\n  return (\n    <KobalteNavigationMenu.Item\n      class={cn(\n        menuItem,\n        'grid grid-cols-[auto_1fr] items-center gap-x-2 gap-y-0.5',\n        local.description && 'grid-rows-[auto_auto] py-2',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.icon}\n      <span class=\"font-medium\">{local.children}</span>\n      {local.description && (\n        <span class=\"col-start-2 text-xs text-muted-foreground\">{local.description}</span>\n      )}\n    </KobalteNavigationMenu.Item>\n  )\n}\n\nexport function NavigationMenuSeparator(\n  props: ComponentProps<typeof KobalteNavigationMenu.Separator>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteNavigationMenu.Separator\n      class={cn('-mx-1 my-1 h-px bg-border', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** A non-interactive caption above a group of items. */\nexport function NavigationMenuGroupLabel(\n  props: ComponentProps<typeof KobalteNavigationMenu.GroupLabel>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteNavigationMenu.GroupLabel\n      class={cn(\n        menuContentPadding,\n        'text-2xs font-semibold text-muted-foreground uppercase',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function NavigationMenuGroup(props: ComponentProps<typeof KobalteNavigationMenu.Group>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteNavigationMenu.Group class={cn('grid gap-0.5', local.class)} {...rest} />\n}\n"],"mappings":"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"}

package/dist/components/ui/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, type PaginationProps, } from './pagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAA"}

package/dist/components/ui/pagination/pagination.d.ts

@@ -0,0 +1,33 @@
+import { Pagination as KobaltePagination, type PaginationRootOptions } from '@kobalte/core/pagination';
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * Pagination.
+ *
+ * Page navigation for a list the server pages, not for a list the client already
+ * holds — slicing an array you have is a filter, and it should not spend a round
+ * trip.
+ *
+ * Kobalte computes the visible page window and the ellipsis positions and emits
+ * `aria-current="page"`, so the control announces which page is active instead of
+ * leaving it to colour alone.
+ *
+ * The item and ellipsis renderers are *supplied here*, not required of the caller.
+ * Kobalte's root makes them mandatory because it has no opinion about how a page
+ * number should look; a design system does, so the only thing a caller has to pass
+ * is `count` — while still being able to override either renderer when a view
+ * needs to.
+ */
+export type PaginationProps = Omit<PaginationRootOptions, 'itemComponent' | 'ellipsisComponent'> & {
+    itemComponent?: PaginationRootOptions['itemComponent'];
+    ellipsisComponent?: PaginationRootOptions['ellipsisComponent'];
+    class?: string;
+    children?: JSX.Element;
+};
+export declare function Pagination(props: PaginationProps): JSX.Element;
+export declare function PaginationPrevious(props: ComponentProps<typeof KobaltePagination.Previous>): JSX.Element;
+export declare function PaginationNext(props: ComponentProps<typeof KobaltePagination.Next>): JSX.Element;
+export declare function PaginationItem(props: ComponentProps<typeof KobaltePagination.Item>): JSX.Element;
+export declare function PaginationEllipsis(props: ComponentProps<typeof KobaltePagination.Ellipsis> & {
+    children?: JSX.Element;
+}): JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/components/ui/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,iBAAiB,EAC/B,KAAK,qBAAqB,EAC3B,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,eAAe,GAAG,mBAAmB,CAAC,GAAG;IACjG,aAAa,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IACtD,iBAAiB,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,CAAA;AAWD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAuBhD;AAaD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,QAAQ,CAAC,eAa1F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,eAalF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,eAelF;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,QAAQ,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,eAiBtF"}

package/dist/components/ui/pagination/pagination.js

@@ -0,0 +1,92 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, mergeProps, template } from "solid-js/web";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+import { Pagination } from "@kobalte/core/pagination";
+//#region src/components/ui/pagination/pagination.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class="hidden sm:inline">Previous`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class="hidden sm:inline">Next`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=visually-hidden>More pages`);
+var paginationControl = cn("inline-flex h-control-md min-w-(--control-height-md) items-center justify-center gap-1 rounded-md border border-transparent px-2 text-sm tabular-nums", "transition-colors ease-out outline-none select-none", "hover:bg-surface-hover", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "disabled:pointer-events-none disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:size-4");
+function Pagination$1(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"itemComponent",
+		"ellipsisComponent",
+		"children"
+	]);
+	return createComponent(Pagination, mergeProps({
+		get itemComponent() {
+			return local.itemComponent ?? ((itemProps) => createComponent(PaginationItem, {
+				get page() {
+					return itemProps.page;
+				},
+				get children() {
+					return itemProps.page;
+				}
+			}));
+		},
+		get ellipsisComponent() {
+			return local.ellipsisComponent ?? (() => createComponent(PaginationEllipsis, {}));
+		},
+		get ["class"]() {
+			return cn("flex w-full items-center justify-center gap-1", local.class);
+		}
+	}, rest, { get children() {
+		return createComponent(Show, {
+			get when() {
+				return local.children;
+			},
+			get fallback() {
+				return createComponent(DefaultPaginationControls, {});
+			},
+			get children() {
+				return local.children;
+			}
+		});
+	} }));
+}
+/** Previous, the numbered run, next: the arrangement every list view wants. */
+function DefaultPaginationControls() {
+	return [
+		createComponent(PaginationPrevious, {}),
+		createComponent(Pagination.Items, {}),
+		createComponent(PaginationNext, {})
+	];
+}
+function PaginationPrevious(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(Pagination.Previous, mergeProps({ get ["class"]() {
+		return cn(paginationControl, "ps-1.5", local.class);
+	} }, rest, { get children() {
+		return local.children ?? [createComponent(ChevronLeft, { "class": "size-4" }), _tmpl$()];
+	} }));
+}
+function PaginationNext(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(Pagination.Next, mergeProps({ get ["class"]() {
+		return cn(paginationControl, "pe-1.5", local.class);
+	} }, rest, { get children() {
+		return local.children ?? [_tmpl$2(), createComponent(ChevronRight, { "class": "size-4" })];
+	} }));
+}
+function PaginationItem(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(Pagination.Item, mergeProps({ get ["class"]() {
+		return cn(paginationControl, "data-[current]:border-border data-[current]:bg-surface-active data-[current]:font-medium", local.class);
+	} }, rest, { get children() {
+		return local.children;
+	} }));
+}
+function PaginationEllipsis(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return createComponent(Pagination.Ellipsis, mergeProps({ get ["class"]() {
+		return cn("flex size-control-md items-center justify-center", local.class);
+	} }, rest, { get children() {
+		return local.children ?? [createComponent(MoreHorizontal, { "class": "size-4" }), _tmpl$3()];
+	} }));
+}
+//#endregion
+export { Pagination$1 as Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious };
+
+//# sourceMappingURL=pagination.js.map

package/dist/components/ui/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":["Pagination","KobaltePagination","PaginationRootOptions","ChevronLeft","ChevronRight","MoreHorizontal","ComponentProps","JSX","Show","splitProps","cn","PaginationProps","Omit","itemComponent","ellipsisComponent","class","children","Element","paginationControl","props","local","rest","_$createComponent","_$mergeProps","itemProps","PaginationItem","page","PaginationEllipsis","when","fallback","DefaultPaginationControls","PaginationPrevious","Items","PaginationNext","Previous","_tmpl$","Next","_tmpl$2","Item","Ellipsis","_tmpl$3","Pagination","_$createComponent","KobaltePagination","_$mergeProps"],"sources":["../../../../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["import {\n  Pagination as KobaltePagination,\n  type PaginationRootOptions,\n} from '@kobalte/core/pagination'\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Pagination.\n *\n * Page navigation for a list the server pages, not for a list the client already\n * holds — slicing an array you have is a filter, and it should not spend a round\n * trip.\n *\n * Kobalte computes the visible page window and the ellipsis positions and emits\n * `aria-current=\"page\"`, so the control announces which page is active instead of\n * leaving it to colour alone.\n *\n * The item and ellipsis renderers are *supplied here*, not required of the caller.\n * Kobalte's root makes them mandatory because it has no opinion about how a page\n * number should look; a design system does, so the only thing a caller has to pass\n * is `count` — while still being able to override either renderer when a view\n * needs to.\n */\nexport type PaginationProps = Omit<PaginationRootOptions, 'itemComponent' | 'ellipsisComponent'> & {\n  itemComponent?: PaginationRootOptions['itemComponent']\n  ellipsisComponent?: PaginationRootOptions['ellipsisComponent']\n  class?: string\n  children?: JSX.Element\n}\n\nconst paginationControl = cn(\n  'inline-flex h-control-md min-w-(--control-height-md) items-center justify-center gap-1 rounded-md border border-transparent px-2 text-sm tabular-nums',\n  'transition-colors ease-out outline-none select-none',\n  'hover:bg-surface-hover',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  'disabled:pointer-events-none disabled:opacity-50',\n  '[&_svg]:pointer-events-none [&_svg]:size-4'\n)\n\nexport function Pagination(props: PaginationProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'itemComponent',\n    'ellipsisComponent',\n    'children',\n  ])\n\n  return (\n    <KobaltePagination\n      itemComponent={\n        local.itemComponent ??\n        ((itemProps) => <PaginationItem page={itemProps.page}>{itemProps.page}</PaginationItem>)\n      }\n      ellipsisComponent={local.ellipsisComponent ?? (() => <PaginationEllipsis />)}\n      class={cn('flex w-full items-center justify-center gap-1', local.class)}\n      {...rest}\n    >\n      <Show when={local.children} fallback={<DefaultPaginationControls />}>\n        {local.children}\n      </Show>\n    </KobaltePagination>\n  )\n}\n\n/** Previous, the numbered run, next: the arrangement every list view wants. */\nfunction DefaultPaginationControls() {\n  return (\n    <>\n      <PaginationPrevious />\n      <KobaltePagination.Items />\n      <PaginationNext />\n    </>\n  )\n}\n\nexport function PaginationPrevious(props: ComponentProps<typeof KobaltePagination.Previous>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobaltePagination.Previous class={cn(paginationControl, 'ps-1.5', local.class)} {...rest}>\n      {local.children ?? (\n        <>\n          <ChevronLeft class=\"size-4\" />\n          <span class=\"hidden sm:inline\">Previous</span>\n        </>\n      )}\n    </KobaltePagination.Previous>\n  )\n}\n\nexport function PaginationNext(props: ComponentProps<typeof KobaltePagination.Next>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobaltePagination.Next class={cn(paginationControl, 'pe-1.5', local.class)} {...rest}>\n      {local.children ?? (\n        <>\n          <span class=\"hidden sm:inline\">Next</span>\n          <ChevronRight class=\"size-4\" />\n        </>\n      )}\n    </KobaltePagination.Next>\n  )\n}\n\nexport function PaginationItem(props: ComponentProps<typeof KobaltePagination.Item>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobaltePagination.Item\n      class={cn(\n        paginationControl,\n        'data-[current]:border-border data-[current]:bg-surface-active data-[current]:font-medium',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </KobaltePagination.Item>\n  )\n}\n\nexport function PaginationEllipsis(\n  props: ComponentProps<typeof KobaltePagination.Ellipsis> & { children?: JSX.Element }\n) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobaltePagination.Ellipsis\n      class={cn('flex size-control-md items-center justify-center', local.class)}\n      {...rest}\n    >\n      {local.children ?? (\n        <>\n          <MoreHorizontal class=\"size-4\" />\n          <span class=\"visually-hidden\">More pages</span>\n        </>\n      )}\n    </KobaltePagination.Ellipsis>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, type PopoverContentProps, } from './popover';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,WAAW,CAAA"}

package/dist/components/ui/popover/popover.d.ts

@@ -0,0 +1,26 @@
+import { Popover as KobaltePopover } from '@kobalte/core/popover';
+import type { ComponentProps } from 'solid-js';
+/**
+ * Popover.
+ *
+ * A floating surface with arbitrary content, anchored to a control. Use it for
+ * something interactive that would not fit in a menu: a small form, a colour
+ * picker, a filter panel. For a list of *actions* use DropdownMenu, which
+ * carries the menu keyboard contract; for a sentence of explanation use
+ * Tooltip, which is not focusable and cannot hold a control.
+ *
+ * Kobalte handles the anchoring, collision flipping, the focus trap for modal
+ * popovers, and dismissal on outside click and Escape.
+ */
+export declare function Popover(props: ComponentProps<typeof KobaltePopover>): import("solid-js").JSX.Element;
+export declare function PopoverTrigger(props: ComponentProps<typeof KobaltePopover.Trigger>): import("solid-js").JSX.Element;
+export declare function PopoverAnchor(props: ComponentProps<typeof KobaltePopover.Anchor>): import("solid-js").JSX.Element;
+export type PopoverContentProps = ComponentProps<typeof KobaltePopover.Content> & {
+    /** Hide the caret pointing at the trigger. */
+    hideArrow?: boolean;
+};
+export declare function PopoverContent(props: PopoverContentProps): import("solid-js").JSX.Element;
+export declare function PopoverTitle(props: ComponentProps<typeof KobaltePopover.Title>): import("solid-js").JSX.Element;
+export declare function PopoverDescription(props: ComponentProps<typeof KobaltePopover.Description>): import("solid-js").JSX.Element;
+export declare function PopoverCloseButton(props: ComponentProps<typeof KobaltePopover.CloseButton>): import("solid-js").JSX.Element;
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/ui/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,kCAEnE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,kCAElF;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,kCAEhF;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IAChF,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAoBxD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,kCAQ9E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,kCAQ1F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,kCAG1F"}

package/dist/components/ui/popover/popover.js

@@ -0,0 +1,66 @@
+import { cn } from "../../../lib/utils.js";
+import { overlaySurface, popoverArrow, popoverMotion } from "../../../lib/overlay.js";
+import { createComponent, memo, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { Popover } from "@kobalte/core/popover";
+//#region src/components/ui/popover/popover.tsx
+/**
+* Popover.
+*
+* A floating surface with arbitrary content, anchored to a control. Use it for
+* something interactive that would not fit in a menu: a small form, a colour
+* picker, a filter panel. For a list of *actions* use DropdownMenu, which
+* carries the menu keyboard contract; for a sentence of explanation use
+* Tooltip, which is not focusable and cannot hold a control.
+*
+* Kobalte handles the anchoring, collision flipping, the focus trap for modal
+* popovers, and dismissal on outside click and Escape.
+*/
+function Popover$1(props) {
+	return createComponent(Popover, props);
+}
+function PopoverTrigger(props) {
+	return createComponent(Popover.Trigger, props);
+}
+function PopoverAnchor(props) {
+	return createComponent(Popover.Anchor, props);
+}
+function PopoverContent(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"hideArrow",
+		"children"
+	]);
+	return createComponent(Popover.Portal, { get children() {
+		return createComponent(Popover.Content, mergeProps({ get ["class"]() {
+			return cn(overlaySurface, popoverMotion, "z-(--z-menu) w-72 origin-(--kb-popover-content-transform-origin)", "p-1", local.class);
+		} }, rest, { get children() {
+			return [memo(() => local.children), createComponent(Popover.Arrow, {
+				"aria-hidden": "true",
+				"class": popoverArrow
+			})];
+		} }));
+	} });
+}
+function PopoverTitle(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Popover.Title, mergeProps({ get ["class"]() {
+		return cn("px-2 pt-1 pb-1.5 text-sm font-medium", local.class);
+	} }, rest));
+}
+function PopoverDescription(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Popover.Description, mergeProps({ get ["class"]() {
+		return cn("text-muted-foreground px-2 pb-1.5 text-sm", local.class);
+	} }, rest));
+}
+function PopoverCloseButton(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Popover.CloseButton, mergeProps({ get ["class"]() {
+		return cn(local.class);
+	} }, rest));
+}
+//#endregion
+export { Popover$1 as Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

package/dist/components/ui/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["Popover","KobaltePopover","ComponentProps","splitProps","menuContentPadding","popoverArrow","popoverMotion","overlaySurface","cn","props","_$createComponent","PopoverTrigger","Trigger","PopoverAnchor","Anchor","PopoverContentProps","Content","hideArrow","PopoverContent","local","rest","Portal","children","_$mergeProps","class","_$memo","Arrow","PopoverTitle","Title","PopoverDescription","Description","PopoverCloseButton","CloseButton","Popover","_$createComponent","KobaltePopover","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/popover/popover.tsx"],"sourcesContent":["import { Popover as KobaltePopover } from '@kobalte/core/popover'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { menuContentPadding, popoverArrow, popoverMotion, overlaySurface } from '#lib/overlay'\nimport { cn } from '#lib/utils'\n\n/**\n * Popover.\n *\n * A floating surface with arbitrary content, anchored to a control. Use it for\n * something interactive that would not fit in a menu: a small form, a colour\n * picker, a filter panel. For a list of *actions* use DropdownMenu, which\n * carries the menu keyboard contract; for a sentence of explanation use\n * Tooltip, which is not focusable and cannot hold a control.\n *\n * Kobalte handles the anchoring, collision flipping, the focus trap for modal\n * popovers, and dismissal on outside click and Escape.\n */\nexport function Popover(props: ComponentProps<typeof KobaltePopover>) {\n  return <KobaltePopover {...props} />\n}\n\nexport function PopoverTrigger(props: ComponentProps<typeof KobaltePopover.Trigger>) {\n  return <KobaltePopover.Trigger {...props} />\n}\n\nexport function PopoverAnchor(props: ComponentProps<typeof KobaltePopover.Anchor>) {\n  return <KobaltePopover.Anchor {...props} />\n}\n\nexport type PopoverContentProps = ComponentProps<typeof KobaltePopover.Content> & {\n  /** Hide the caret pointing at the trigger. */\n  hideArrow?: boolean\n}\n\nexport function PopoverContent(props: PopoverContentProps) {\n  const [local, rest] = splitProps(props, ['class', 'hideArrow', 'children'])\n\n  return (\n    <KobaltePopover.Portal>\n      <KobaltePopover.Content\n        class={cn(\n          overlaySurface,\n          popoverMotion,\n          'z-(--z-menu) w-72 origin-(--kb-popover-content-transform-origin)',\n          menuContentPadding,\n          local.class\n        )}\n        {...rest}\n      >\n        {local.children}\n        <KobaltePopover.Arrow aria-hidden=\"true\" class={popoverArrow} />\n      </KobaltePopover.Content>\n    </KobaltePopover.Portal>\n  )\n}\n\nexport function PopoverTitle(props: ComponentProps<typeof KobaltePopover.Title>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobaltePopover.Title\n      class={cn('px-2 pt-1 pb-1.5 text-sm font-medium', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function PopoverDescription(props: ComponentProps<typeof KobaltePopover.Description>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobaltePopover.Description\n      class={cn('text-muted-foreground px-2 pb-1.5 text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function PopoverCloseButton(props: ComponentProps<typeof KobaltePopover.CloseButton>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobaltePopover.CloseButton class={cn(local.class)} {...rest} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,SAAgBA,UAAQS,OAA8C;CACpE,OAAAC,gBAAQT,SAAmBQ,KAAK;AAClC;AAEA,SAAgBE,eAAeF,OAAsD;CACnF,OAAAC,gBAAQT,QAAeW,SAAYH,KAAK;AAC1C;AAEA,SAAgBI,cAAcJ,OAAqD;CACjF,OAAAC,gBAAQT,QAAea,QAAWL,KAAK;AACzC;AAOA,SAAgBS,eAAeT,OAA4B;CACzD,MAAM,CAACU,OAAOC,QAAQjB,WAAWM,OAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE1E,OAAAC,gBACGT,QAAeoB,QAAM,EAAA,IAAAC,WAAA;EAAA,OAAAZ,gBACnBT,QAAee,SAAOO,WAAA,EAAA,KAAA,WAAA;GAAA,OACdf,GACLD,gBACAD,eACA,oEAAA,OAEAa,MAAMK,KACR;EAAC,EAAA,GACGJ,MAAI,EAAA,IAAAE,WAAA;GAAA,OAAA,CAAAG,WAEPN,MAAMG,QAAQ,GAAAZ,gBACdT,QAAeyB,OAAK;IAAA,eAAA;IAAA,SAA2BrB;GAAY,CAAA,CAAA;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA;AAIpE;AAEA,SAAgBsB,aAAalB,OAAoD;CAC/E,MAAM,CAACU,OAAOC,QAAQjB,WAAWM,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAC,gBACGT,QAAe2B,OAAKL,WAAA,EAAA,KAAA,WAAA;EAAA,OACZf,GAAG,wCAAwCW,MAAMK,KAAK;CAAC,EAAA,GAC1DJ,IAAI,CAAA;AAGd;AAEA,SAAgBS,mBAAmBpB,OAA0D;CAC3F,MAAM,CAACU,OAAOC,QAAQjB,WAAWM,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAC,gBACGT,QAAe6B,aAAWP,WAAA,EAAA,KAAA,WAAA;EAAA,OAClBf,GAAG,6CAA6CW,MAAMK,KAAK;CAAC,EAAA,GAC/DJ,IAAI,CAAA;AAGd;AAEA,SAAgBW,mBAAmBtB,OAA0D;CAC3F,MAAM,CAACU,OAAOC,QAAQjB,WAAWM,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAC,gBAAQT,QAAe+B,aAAWT,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQf,GAAGW,MAAMK,KAAK;CAAC,EAAA,GAAMJ,IAAI,CAAA;AACrE"}

package/dist/components/ui/progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress, type ProgressProps } from './progress';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/ui/progress/progress.d.ts

@@ -0,0 +1,29 @@
+import { Progress as KobalteProgress } from '@kobalte/core/progress';
+import type { ComponentProps } from 'solid-js';
+/**
+ * Progress.
+ *
+ * A determinate bar. Kobalte publishes the value as `aria-valuenow`, so a
+ * screen reader reports the percentage instead of just "progress bar" — which
+ * is why a caller must pass a real `value`, or use Spinner when there is none.
+ *
+ * `indeterminate` renders the sweeping bar for an operation that reports no
+ * progress at all. It is a visibly different treatment so the two states are
+ * never confused by someone glancing at the screen.
+ */
+export type ProgressProps = ComponentProps<typeof KobalteProgress> & {
+    /**
+     * The visible label, which is also the bar's accessible name.
+     *
+     * Pass this, or `aria-label` when the label is drawn elsewhere. A progressbar
+     * with neither announces "progress bar, 64%" and no subject — the reader
+     * cannot tell whether it is a build, an upload or a download.
+     */
+    label?: string;
+    trackClass?: string;
+    indicatorClass?: string;
+    /** Hide the numeric readout that otherwise sits beside the track. */
+    hideValue?: boolean;
+};
+export declare function Progress(props: ProgressProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/ui/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/progress/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACnE;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,kCAmC5C"}

package/dist/components/ui/progress/progress.js

@@ -0,0 +1,53 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, insert, mergeProps, template } from "solid-js/web";
+import { Show, splitProps } from "solid-js";
+import { Progress } from "@kobalte/core/progress";
+//#region src/components/ui/progress/progress.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="flex items-center justify-between gap-3">`);
+function Progress$1(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"trackClass",
+		"indicatorClass",
+		"hideValue",
+		"label"
+	]);
+	return createComponent(Progress, mergeProps({ get ["class"]() {
+		return cn("flex w-full flex-col gap-1.5", local.class);
+	} }, rest, { get children() {
+		return [(() => {
+			var _el$ = _tmpl$();
+			insert(_el$, createComponent(Progress.Label, {
+				"class": "text-muted-foreground text-sm",
+				get children() {
+					return local.label;
+				}
+			}), null);
+			insert(_el$, createComponent(Show, {
+				get when() {
+					return !local.hideValue;
+				},
+				get children() {
+					return createComponent(Progress.ValueLabel, { "class": "text-muted-foreground text-sm tabular-nums" });
+				}
+			}), null);
+			return _el$;
+		})(), createComponent(Progress.Track, {
+			get ["class"]() {
+				return cn("bg-input relative h-1.5 w-full overflow-hidden rounded-full", local.trackClass);
+			},
+			get children() {
+				return createComponent(Progress.Fill, { get ["class"]() {
+					return cn("bg-primary h-full rounded-full", {
+						"animate-indeterminate w-1/4": props.indeterminate,
+						"w-(--kb-progress-fill-width)": !props.indeterminate
+					}, local.indicatorClass);
+				} });
+			}
+		})];
+	} }));
+}
+//#endregion
+export { Progress$1 as Progress };
+
+//# sourceMappingURL=progress.js.map

package/dist/components/ui/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":["Progress","KobalteProgress","ComponentProps","Show","splitProps","cn","ProgressProps","label","trackClass","indicatorClass","hideValue","props","local","rest","_$createComponent","_$mergeProps","class","children","_el$","_tmpl$","_$insert","Label","when","ValueLabel","Track","Fill","indeterminate","Progress","_$createComponent","KobalteProgress","_$mergeProps"],"sources":["../../../../src/components/ui/progress/progress.tsx"],"sourcesContent":["import { Progress as KobalteProgress } from '@kobalte/core/progress'\nimport type { ComponentProps } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Progress.\n *\n * A determinate bar. Kobalte publishes the value as `aria-valuenow`, so a\n * screen reader reports the percentage instead of just \"progress bar\" — which\n * is why a caller must pass a real `value`, or use Spinner when there is none.\n *\n * `indeterminate` renders the sweeping bar for an operation that reports no\n * progress at all. It is a visibly different treatment so the two states are\n * never confused by someone glancing at the screen.\n */\nexport type ProgressProps = ComponentProps<typeof KobalteProgress> & {\n  /**\n   * The visible label, which is also the bar's accessible name.\n   *\n   * Pass this, or `aria-label` when the label is drawn elsewhere. A progressbar\n   * with neither announces \"progress bar, 64%\" and no subject — the reader\n   * cannot tell whether it is a build, an upload or a download.\n   */\n  label?: string\n  trackClass?: string\n  indicatorClass?: string\n  /** Hide the numeric readout that otherwise sits beside the track. */\n  hideValue?: boolean\n}\n\nexport function Progress(props: ProgressProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'trackClass',\n    'indicatorClass',\n    'hideValue',\n    'label',\n  ])\n\n  return (\n    <KobalteProgress class={cn('flex w-full flex-col gap-1.5', local.class)} {...rest}>\n      <div class=\"flex items-center justify-between gap-3\">\n        <KobalteProgress.Label class=\"text-muted-foreground text-sm\">\n          {local.label}\n        </KobalteProgress.Label>\n        <Show when={!local.hideValue}>\n          <KobalteProgress.ValueLabel class=\"text-muted-foreground text-sm tabular-nums\" />\n        </Show>\n      </div>\n      <KobalteProgress.Track\n        class={cn('bg-input relative h-1.5 w-full overflow-hidden rounded-full', local.trackClass)}\n      >\n        <KobalteProgress.Fill\n          class={cn(\n            'bg-primary h-full rounded-full',\n            {\n              'animate-indeterminate w-1/4': props.indeterminate,\n              'w-(--kb-progress-fill-width)': !props.indeterminate,\n            },\n            local.indicatorClass\n          )}\n        />\n      </KobalteProgress.Track>\n    </KobalteProgress>\n  )\n}\n"],"mappings":";;;;;;AA+BA,SAAgBA,WAASW,OAAsB;CAC7C,MAAM,CAACC,OAAOC,QAAQT,WAAWO,OAAO;EACtC;EACA;EACA;EACA;EACA;CAAO,CACR;CAED,OAAAG,gBACGb,UAAec,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQV,GAAG,gCAAgCO,MAAMI,KAAK;CAAC,EAAA,GAAMH,MAAI,EAAA,IAAAI,WAAA;EAAA,OAAA,QAAA;GAAA,IAAAC,OAAAC,OAAA;GAAAC,OAAAF,MAAAJ,gBAE5Eb,SAAgBoB,OAAK;IAAA,SAAA;IAAA,IAAAJ,WAAA;KAAA,OACnBL,MAAML;IAAK;GAAA,CAAA,GAAA,IAAA;GAAAa,OAAAF,MAAAJ,gBAEbX,MAAI;IAAA,IAACmB,OAAI;KAAA,OAAE,CAACV,MAAMF;IAAS;IAAA,IAAAO,WAAA;KAAA,OAAAH,gBACzBb,SAAgBsB,YAAU,EAAA,SAAA,6CAAA,CAAA;IAAA;GAAA,CAAA,GAAA,IAAA;GAAA,OAAAL;EAAA,EAAA,CAAA,GAAAJ,gBAG9Bb,SAAgBuB,OAAK;GAAA,KAAA,WAAA;IAAA,OACbnB,GAAG,+DAA+DO,MAAMJ,UAAU;GAAC;GAAA,IAAAS,WAAA;IAAA,OAAAH,gBAEzFb,SAAgBwB,MAAI,EAAA,KAAA,WAAA;KAAA,OACZpB,GACL,kCACA;MACE,+BAA+BM,MAAMe;MACrC,gCAAgC,CAACf,MAAMe;KACzC,GACAd,MAAMH,cACR;IAAC,EAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAKX"}

package/dist/components/ui/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps } from './radio-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/ui/radio-group/radio-group.d.ts

@@ -0,0 +1,26 @@
+import { RadioGroup as KobalteRadioGroup } from '@kobalte/core/radio-group';
+import type { ComponentProps } from 'solid-js';
+/**
+ * RadioGroup.
+ *
+ * A single choice from a small, visible set. The group owns the value and the
+ * arrow-key navigation, so a caller sets `value` once instead of wiring a
+ * `name` and a handler onto every item.
+ *
+ * Below about five options a Select hides the choices behind a click, which is
+ * the wrong trade; above about seven, radios become a wall and the Select wins.
+ * That call belongs to the caller, and both controls are drawn from the same
+ * tokens so either choice sits correctly next to the other.
+ */
+export declare function RadioGroup(props: ComponentProps<typeof KobalteRadioGroup>): import("solid-js").JSX.Element;
+export type RadioGroupItemProps = ComponentProps<typeof KobalteRadioGroup.Item> & {
+    controlClass?: string;
+    /**
+     * The option's visible label. A radio with no accessible name is unreachable
+     * by a screen reader and by voice control, so supply this or a child.
+     */
+    label?: string;
+    description?: string;
+};
+export declare function RadioGroupItem(props: RadioGroupItemProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/ui/radio-group/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/radio-group/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,kCAGzE;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IAChF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCA4CxD"}

package/dist/components/ui/radio-group/radio-group.js

@@ -0,0 +1,77 @@
+import { cn } from "../../../lib/utils.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { Circle } from "lucide-solid";
+import { splitProps } from "solid-js";
+import { RadioGroup } from "@kobalte/core/radio-group";
+//#region src/components/ui/radio-group/radio-group.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="grid gap-0.5 leading-none">`);
+/**
+* RadioGroup.
+*
+* A single choice from a small, visible set. The group owns the value and the
+* arrow-key navigation, so a caller sets `value` once instead of wiring a
+* `name` and a handler onto every item.
+*
+* Below about five options a Select hides the choices behind a click, which is
+* the wrong trade; above about seven, radios become a wall and the Select wins.
+* That call belongs to the caller, and both controls are drawn from the same
+* tokens so either choice sits correctly next to the other.
+*/
+function RadioGroup$1(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(RadioGroup, mergeProps({ get ["class"]() {
+		return cn("grid gap-2", local.class);
+	} }, rest));
+}
+function RadioGroupItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"controlClass",
+		"label",
+		"description",
+		"children"
+	]);
+	return createComponent(RadioGroup.Item, mergeProps({ get ["class"]() {
+		return cn("group/radio flex items-start gap-2.5", local.class);
+	} }, rest, { get children() {
+		return [
+			createComponent(RadioGroup.ItemInput, {}),
+			createComponent(RadioGroup.ItemControl, {
+				get ["class"]() {
+					return cn("border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-full border", "transition-[color,box-shadow,border-color,background-color] ease-out outline-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "data-[checked]:border-primary data-[checked]:text-primary", "data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle", "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", local.controlClass);
+				},
+				get children() {
+					return createComponent(RadioGroup.ItemIndicator, {
+						"class": "flex items-center justify-center",
+						get children() {
+							return createComponent(Circle, { "class": "size-2 fill-current" });
+						}
+					});
+				}
+			}),
+			memo(() => local.children ?? (() => {
+				var _el$ = _tmpl$();
+				insert(_el$, createComponent(RadioGroup.ItemLabel, {
+					"class": "text-sm font-medium",
+					get children() {
+						return local.label;
+					}
+				}), null);
+				insert(_el$, (() => {
+					var _c$ = memo(() => !!local.description);
+					return () => _c$() ? createComponent(RadioGroup.ItemDescription, {
+						"class": "text-muted-foreground text-sm",
+						get children() {
+							return local.description;
+						}
+					}) : null;
+				})(), null);
+				return _el$;
+			})())
+		];
+	} }));
+}
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+
+//# sourceMappingURL=radio-group.js.map

package/dist/components/ui/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":["RadioGroup","KobalteRadioGroup","Circle","ComponentProps","splitProps","cn","props","local","rest","_$createComponent","_$mergeProps","class","RadioGroupItemProps","Item","controlClass","label","description","RadioGroupItem","children","ItemInput","ItemControl","ItemIndicator","_$memo","_el$","_tmpl$","_$insert","ItemLabel","_c$","ItemDescription","RadioGroup","_$createComponent","KobalteRadioGroup","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/radio-group/radio-group.tsx"],"sourcesContent":["import { RadioGroup as KobalteRadioGroup } from '@kobalte/core/radio-group'\nimport { Circle } from 'lucide-solid'\nimport type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * RadioGroup.\n *\n * A single choice from a small, visible set. The group owns the value and the\n * arrow-key navigation, so a caller sets `value` once instead of wiring a\n * `name` and a handler onto every item.\n *\n * Below about five options a Select hides the choices behind a click, which is\n * the wrong trade; above about seven, radios become a wall and the Select wins.\n * That call belongs to the caller, and both controls are drawn from the same\n * tokens so either choice sits correctly next to the other.\n */\nexport function RadioGroup(props: ComponentProps<typeof KobalteRadioGroup>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteRadioGroup class={cn('grid gap-2', local.class)} {...rest} />\n}\n\nexport type RadioGroupItemProps = ComponentProps<typeof KobalteRadioGroup.Item> & {\n  controlClass?: string\n  /**\n   * The option's visible label. A radio with no accessible name is unreachable\n   * by a screen reader and by voice control, so supply this or a child.\n   */\n  label?: string\n  description?: string\n}\n\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'controlClass',\n    'label',\n    'description',\n    'children',\n  ])\n\n  return (\n    <KobalteRadioGroup.Item\n      class={cn('group/radio flex items-start gap-2.5', local.class)}\n      {...rest}\n    >\n      <KobalteRadioGroup.ItemInput />\n      <KobalteRadioGroup.ItemControl\n        class={cn(\n          'border-input bg-transparent flex size-4 shrink-0 items-center justify-center rounded-full border',\n          'transition-[color,box-shadow,border-color,background-color] ease-out outline-none',\n          'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n          'data-[checked]:border-primary data-[checked]:text-primary',\n          'data-[invalid]:border-destructive data-[invalid]:ring-3 data-[invalid]:ring-destructive-subtle',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          local.controlClass\n        )}\n      >\n        <KobalteRadioGroup.ItemIndicator class=\"flex items-center justify-center\">\n          <Circle class=\"size-2 fill-current\" />\n        </KobalteRadioGroup.ItemIndicator>\n      </KobalteRadioGroup.ItemControl>\n      {local.children ?? (\n        <div class=\"grid gap-0.5 leading-none\">\n          <KobalteRadioGroup.ItemLabel class=\"text-sm font-medium\">\n            {local.label}\n          </KobalteRadioGroup.ItemLabel>\n          {local.description ? (\n            <KobalteRadioGroup.ItemDescription class=\"text-muted-foreground text-sm\">\n              {local.description}\n            </KobalteRadioGroup.ItemDescription>\n          ) : null}\n        </div>\n      )}\n    </KobalteRadioGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,SAAgBA,aAAWM,OAAiD;CAC1E,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO,CAAC,OAAO,CAAC;CACjD,OAAAG,gBAAQR,YAAiBS,WAAA,EAAA,KAAA,WAAA;EAAA,OAAQL,GAAG,cAAcE,MAAMI,KAAK;CAAC,EAAA,GAAMH,IAAI,CAAA;AAC1E;AAYA,SAAgBS,eAAeX,OAA4B;CACzD,MAAM,CAACC,OAAOC,QAAQJ,WAAWE,OAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAG,gBACGR,WAAkBY,MAAIH,WAAA,EAAA,KAAA,WAAA;EAAA,OACdL,GAAG,wCAAwCE,MAAMI,KAAK;CAAC,EAAA,GAC1DH,MAAI,EAAA,IAAAU,WAAA;EAAA,OAAA;GAAAT,gBAEPR,WAAkBkB,WAAS,CAAA,CAAA;GAAAV,gBAC3BR,WAAkBmB,aAAW;IAAA,KAAA,WAAA;KAAA,OACrBf,GACL,oGACA,qFACA,oFACA,6DACA,kGACA,iEACAE,MAAMO,YACR;IAAC;IAAA,IAAAI,WAAA;KAAA,OAAAT,gBAEAR,WAAkBoB,eAAa;MAAA,SAAA;MAAA,IAAAH,WAAA;OAAA,OAAAT,gBAC7BP,QAAM,EAAA,SAAA,sBAAA,CAAA;MAAA;KAAA,CAAA;IAAA;GAAA,CAAA;GAAAoB,WAGVf,MAAMW,mBAAQ;IAAA,IAAAK,OAAAC,OAAA;IAAAC,OAAAF,MAAAd,gBAEVR,WAAkByB,WAAS;KAAA,SAAA;KAAA,IAAAR,WAAA;MAAA,OACzBX,MAAMQ;KAAK;IAAA,CAAA,GAAA,IAAA;IAAAU,OAAAF,aAAA;KAAA,IAAAI,MAAAL,WAAA,CAAA,CAEbf,MAAMS,WAAW;KAAA,aAAjBW,IAAA,IAAAlB,gBACER,WAAkB2B,iBAAe;MAAA,SAAA;MAAA,IAAAV,WAAA;OAAA,OAC/BX,MAAMS;MAAW;KAAA,CAAA,IAElB;IAAI,EAAA,CAAA,GAAA,IAAA;IAAA,OAAAO;GAAA,EAAA,CAAA,CAEX;EAAA;CAAA,EAAA,CAAA,CAAA;AAGP"}

package/dist/components/ui/resizable/index.d.ts

@@ -0,0 +1,2 @@
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResizableHandleProps, } from './resizable';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/resizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/resizable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,KAAK,oBAAoB,GAC1B,MAAM,aAAa,CAAA"}

package/dist/components/ui/resizable/resizable.d.ts

@@ -0,0 +1,33 @@
+import Resizable from '@corvu/resizable';
+import type { ComponentProps } from 'solid-js';
+/**
+ * Resizable.
+ *
+ * A split layout: panels the user can resize, with a handle between them. This
+ * is the shape of every IDE-like surface — rail, file tree, editor, terminal —
+ * and the reason it is a primitive rather than something each view improvises.
+ *
+ * corvu supplies the pointer capture, the min/max constraints and the keyboard
+ * resizing, which is what makes a divider operable without a mouse. The handle
+ * is a real focusable element with an accessible role, so a split pane can be
+ * adjusted from the keyboard; a bare `cursor-col-resize` div cannot.
+ */
+export declare function ResizablePanelGroup(props: ComponentProps<typeof Resizable> & {
+    class?: string;
+}): import("solid-js").JSX.Element;
+export declare function ResizablePanel(props: ComponentProps<typeof Resizable.Panel> & {
+    class?: string;
+}): import("solid-js").JSX.Element;
+export type ResizableHandleProps = ComponentProps<typeof Resizable.Handle> & {
+    class?: string;
+    /** Draw a visible grip in the middle of the divider. */
+    withHandle?: boolean;
+    /**
+     * The divider's accessible name. It is a focusable control — arrow keys move
+     * the split — so it needs one; without it a screen reader announces an
+     * unlabelled button between the two panels.
+     */
+    label?: string;
+};
+export declare function ResizableHandle(props: ResizableHandleProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=resizable.d.ts.map

package/dist/components/ui/resizable/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/resizable/resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kBAAkB,CAAA;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAS/F;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAGhG;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,GAAG;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,kCA2B1D"}