@demokit-ui/demokit 0.1.0

package/dist/kit/components/form/switch/switch.js

@@ -0,0 +1,158 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as l from "react";
+import { cn as s } from "../../../../lib/utils.js";
+import { cva as c } from "class-variance-authority";
+import { Switch as o } from "radix-ui";
+const d = l.createContext({
+  permanent: !1
+}), u = () => {
+  const t = l.useContext(d);
+  if (!t)
+    throw new Error("SwitchIndicator must be used within a Switch component");
+  return t;
+}, p = c(
+  `
+    relative peer inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors 
+    focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background 
+    disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-input
+    aria-invalid:border aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10
+    [[data-invalid=true]_&]:border [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10
+  `,
+  {
+    variants: {
+      shape: {
+        pill: "rounded-full",
+        square: "rounded-md"
+      },
+      size: {
+        sm: "h-5 w-8",
+        md: "h-6 w-10",
+        lg: "h-8 w-14",
+        xl: "h-9 w-16"
+      },
+      permanent: {
+        true: "bg-input",
+        false: "data-[state=checked]:bg-primary"
+      }
+    },
+    defaultVariants: {
+      shape: "pill",
+      permanent: !1,
+      size: "md"
+    }
+  }
+), f = c(
+  "pointer-events-none block bg-white w-1/2 h-[calc(100%-4px)] shadow-lg ring-0 transition-transform start-0 data-[state=unchecked]:translate-x-[2px] data-[state=checked]:translate-x-[calc(100%-2px)] rtl:data-[state=unchecked]:-translate-x-[2px] rtl:data-[state=checked]:-translate-x-[calc(100%-2px)]",
+  {
+    variants: {
+      shape: {
+        pill: "rounded-full",
+        square: "rounded-md"
+      },
+      size: {
+        xs: "",
+        sm: "",
+        md: "",
+        lg: "",
+        xl: ""
+      }
+    },
+    compoundVariants: [
+      {
+        shape: "square",
+        size: "xs",
+        className: "rounded-sm"
+      }
+    ],
+    defaultVariants: {
+      shape: "pill",
+      size: "md"
+    }
+  }
+), h = c(
+  "text-sm font-medium absolute mx-[2px] top-1/2 w-1/2 -translate-y-1/2 flex pointer-events-none items-center justify-center text-center transition-transform duration-300 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
+  {
+    variants: {
+      state: {
+        on: "start-0",
+        off: "end-0"
+      },
+      permanent: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        state: "on",
+        permanent: !1,
+        className: "text-primary-foreground peer-data-[state=unchecked]:invisible peer-data-[state=unchecked]:translate-x-full rtl:peer-data-[state=unchecked]:-translate-x-full"
+      },
+      {
+        state: "off",
+        permanent: !1,
+        className: "peer-data-[state=checked]:invisible -translate-x-full rtl:translate-x-full peer-data-[state=unchecked]:translate-x-0"
+      },
+      {
+        state: "on",
+        permanent: !0,
+        className: "start-0"
+      },
+      {
+        state: "off",
+        permanent: !0,
+        className: "end-0"
+      }
+    ],
+    defaultVariants: {
+      state: "off",
+      permanent: !1
+    }
+  }
+);
+function k({
+  className: t,
+  children: a,
+  permanent: e = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ r(d.Provider, { value: { permanent: e }, children: /* @__PURE__ */ r("div", { "data-slot": "switch-wrapper", className: s("relative inline-flex items-center", t), ...n, children: a }) });
+}
+function N({
+  className: t,
+  thumbClassName: a = "",
+  shape: e,
+  size: n,
+  ...i
+}) {
+  const m = u()?.permanent ?? !1;
+  return /* @__PURE__ */ r(
+    o.Root,
+    {
+      "data-slot": "switch",
+      className: s(p({ shape: e, size: n, permanent: m }), t),
+      ...i,
+      children: /* @__PURE__ */ r(o.Thumb, { className: s(f({ shape: e, size: n }), a) })
+    }
+  );
+}
+function S({
+  className: t,
+  state: a,
+  ...e
+}) {
+  const i = u()?.permanent ?? !1;
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      "data-slot": "switch-indicator",
+      className: s(h({ state: a, permanent: i }), t),
+      ...e
+    }
+  );
+}
+export {
+  N as Switch,
+  S as SwitchIndicator,
+  k as SwitchWrapper
+};

package/dist/kit/components/form/textarea/textarea.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const textareaVariants: (props?: ({
+    variant?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Textarea({ className, variant, ...props }: React.ComponentProps<'textarea'> & VariantProps<typeof textareaVariants>): import("react/jsx-runtime").JSX.Element;
+export { Textarea, textareaVariants };

package/dist/kit/components/form/textarea/textarea.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../../../../lib/utils.js";
+import { cva as i } from "class-variance-authority";
+const d = i(
+  `
+    w-full bg-background border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow] 
+    text-foreground placeholder:text-muted-foreground/80 focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] 
+    focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 [&[readonly]]:opacity-70 aria-invalid:border-destructive
+    aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10
+  `,
+  {
+    variants: {
+      variant: {
+        sm: "px-2.5 py-2.5 text-xs rounded-md",
+        md: "px-3 py-3 text-[0.8125rem] leading-(--text-sm--line-height) rounded-md",
+        lg: "px-4 py-4 text-sm rounded-md"
+      }
+    },
+    defaultVariants: {
+      variant: "md"
+    }
+  }
+);
+function u({
+  className: r,
+  variant: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("textarea", { "data-slot": "textarea", className: o(d({ variant: e }), r), ...t });
+}
+export {
+  u as Textarea,
+  d as textareaVariants
+};

package/dist/kit/components/form/toggle/toggle.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import { Toggle as TogglePrimitive } from 'radix-ui';
+import * as React from 'react';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/kit/components/form/toggle/toggle.js

@@ -0,0 +1,36 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as i } from "../../../../lib/utils.js";
+import { cva as s } from "class-variance-authority";
+import { Toggle as a } from "radix-ui";
+const d = s(
+  "inline-flex items-center justify-center rounded-md shrink-0 font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        lg: "h-10 min-w-10 rounded-md px-2.5 text-sm gap-1.5 [&_svg]:size-4",
+        md: "h-8.5 min-w-8.5 rounded-md px-2 text-[0.8125rem] leading-(--text-sm--line-height) gap-1 [&_svg]:size-4",
+        sm: "h-7 min-w-7 rounded-md px-1.25 text-xs gap-1 [&_svg]:size-3.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function c({
+  className: e,
+  variant: t,
+  size: n,
+  ...o
+}) {
+  return /* @__PURE__ */ r(a.Root, { "data-slot": "toggle", className: i(d({ variant: t, size: n, className: e })), ...o });
+}
+export {
+  c as Toggle,
+  d as toggleVariants
+};

package/dist/kit/components/form/toggle-group/toggle-group.d.ts

@@ -0,0 +1,7 @@
+import { toggleVariants } from '../toggle/toggle';
+import { VariantProps } from 'class-variance-authority';
+import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

package/dist/kit/components/form/toggle-group/toggle-group.js

@@ -0,0 +1,62 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as s } from "../../../../lib/utils.js";
+import { toggleVariants as g } from "../toggle/toggle.js";
+import { ToggleGroup as u } from "radix-ui";
+const l = d.createContext({
+  size: "md",
+  variant: "default"
+});
+function f({
+  className: r,
+  variant: a,
+  size: t,
+  children: o,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    u.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": a,
+      "data-size": t,
+      className: s(
+        "group/toggle-group flex items-center rounded-md gap-1 data-[variant=outline]:gap-0 data-[variant=outline]:shadow-xs",
+        r
+      ),
+      ...n,
+      children: /* @__PURE__ */ i(l.Provider, { value: { variant: a, size: t }, children: o })
+    }
+  );
+}
+function x({
+  className: r,
+  children: a,
+  variant: t,
+  size: o,
+  ...n
+}) {
+  const e = d.useContext(l);
+  return /* @__PURE__ */ i(
+    u.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": e.variant || t,
+      "data-size": e.size || o,
+      className: s(
+        g({
+          variant: e.variant || t,
+          size: e.size || o
+        }),
+        "shrink-0 shadow-none data-[variant=outline]:rounded-none data-[variant=outline]:first:rounded-s-md data-[variant=outline]:last:rounded-e-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-s-0 data-[variant=outline]:first:border-s",
+        r
+      ),
+      ...n,
+      children: a
+    }
+  );
+}
+export {
+  f as ToggleGroup,
+  x as ToggleGroupItem
+};

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

@@ -0,0 +1,108 @@
+/**
+ * DemoKit component barrel — single entry point for all UI primitives.
+ *
+ * Usage:  import { Card, Button, Table } from '@/kit/components';
+ *
+ * Organization on disk (for browsing / docs):
+ *   data-display | form | navigation | feedback | layout | chart | decorative | composite
+ *
+ * If you're searching for a component, check AGENTS.md.
+ */
+export * from './data-display/card/card';
+export * from './data-display/table/table';
+export * from './data-display/money-amount/money-amount';
+export * from './data-display/data-grid/data-grid';
+export * from './data-display/data-grid/data-grid-table';
+export * from './data-display/data-grid/data-grid-table-dnd';
+export * from './data-display/data-grid/data-grid-table-dnd-rows';
+export * from './data-display/data-grid/data-grid-column-filter';
+export * from './data-display/data-grid/data-grid-column-header';
+export * from './data-display/data-grid/data-grid-column-visibility';
+export * from './data-display/data-grid/data-grid-pagination';
+export * from './data-display/badge/badge';
+export * from './data-display/avatar/avatar';
+export * from './data-display/avatar-group/avatar-group';
+export * from './data-display/progress/progress';
+export * from './data-display/skeleton/skeleton';
+export * from './data-display/sliding-number/sliding-number';
+export * from './data-display/stepper/stepper';
+export * from './data-display/kbd/kbd';
+export * from './form/button/button';
+export * from './form/input/input';
+export * from './form/textarea/textarea';
+export * from './form/select/select';
+export * from './form/checkbox/checkbox';
+export * from './form/radio-group/radio-group';
+export * from './form/switch/switch';
+export * from './form/toggle/toggle';
+export * from './form/toggle-group/toggle-group';
+export * from './form/slider/slider';
+export * from './form/file-upload/file-upload';
+export * from './form/datefield/datefield';
+export * from './form/calendar/calendar';
+export * from './form/label/label';
+export * from './form/form/form';
+export * from './form/command/command';
+export * from './navigation/tabs/tabs';
+export * from './navigation/breadcrumb/breadcrumb';
+export * from './navigation/menubar/menubar';
+export * from './navigation/navigation-menu/navigation-menu';
+export * from './navigation/pagination/pagination';
+export * from './navigation/accordion-menu/accordion-menu';
+export * from './navigation/scrollspy/scrollspy';
+export * from './feedback/alert/alert';
+export * from './feedback/alert-dialog/alert-dialog';
+export * from './feedback/dialog/dialog';
+export * from './feedback/drawer/drawer';
+export * from './feedback/sheet/sheet';
+export * from './feedback/sonner/sonner';
+export * from './feedback/tooltip/tooltip';
+export * from './feedback/title-help/title-help';
+export * from './feedback/popover/popover';
+export * from './feedback/hover-card/hover-card';
+export * from './feedback/context-menu/context-menu';
+export * from './feedback/dropdown-menu/dropdown-menu';
+export * from './layout/accordion/accordion';
+export * from './layout/aspect-ratio/aspect-ratio';
+export * from './layout/collapsible/collapsible';
+export * from './layout/resizable/resizable';
+export * from './layout/scroll-area/scroll-area';
+export * from './layout/separator/separator';
+export * from './chart/chart/chart';
+export * from './decorative/aurora-background/aurora-background';
+export * from './decorative/grid-background/grid-background';
+export * from './decorative/shimmering-text/shimmering-text';
+export * from './decorative/text-reveal/text-reveal';
+export * from './composite/page-header/page-header';
+export * from './composite/filter-toolbar/filter-toolbar';
+export * from './composite/filter-panel/filter-panel';
+export * from './composite/data-section/data-section';
+export * from './composite/description-grid/description-grid';
+export * from './composite/form-section/form-section';
+export * from './composite/metric-card/metric-card';
+export * from './composite/shortcut-card/shortcut-card';
+export * from './composite/chart-card/chart-card';
+export * from './composite/todo-card/todo-card';
+export * from './composite/message-list-card/message-list-card';
+export * from './composite/progress-card/progress-card';
+export * from './composite/action-card/action-card';
+export * from './composite/alert-card/alert-card';
+export * from './composite/summary-card/summary-card';
+export * from './composite/profile-card/profile-card';
+export * from './composite/timeline/timeline';
+export * from './composite/approval-flow/approval-flow';
+export * from './composite/auth-shell/auth-shell';
+export * from './composite/login-card/login-card';
+export * from './composite/kanban-board/kanban-board';
+export * from './composite/action-bar/action-bar';
+export * from './composite/detail-header/detail-header';
+export * from './composite/state-panel/state-panel';
+export * from './composite/chart-toolbar/chart-toolbar';
+export * from './composite/activity-feed/activity-feed';
+export * from './composite/project-card/project-card';
+export * from './composite/task-card/task-card';
+export * from './composite/milestone-card/milestone-card';
+export * from './composite/sprint-summary/sprint-summary';
+export * from './composite/board-toolbar/board-toolbar';
+export * from './composite/oauth-login-buttons/oauth-login-buttons';
+export * from './composite/forgot-password-form/forgot-password-form';

package/dist/kit/components/layout/accordion/accordion.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare const accordionRootVariants: (props?: ({
+    variant?: "default" | "solid" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root> & VariantProps<typeof accordionRootVariants> & {
+    indicator?: 'arrow' | 'plus';
+}): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem(props: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger(props: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent(props: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/kit/components/layout/accordion/accordion.js

@@ -0,0 +1,124 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as s } from "../../../../lib/utils.js";
+import { cva as l } from "class-variance-authority";
+import { Plus as f, ChevronDown as v } from "lucide-react";
+import { Accordion as c } from "radix-ui";
+const p = l("", {
+  variants: {
+    variant: {
+      default: "",
+      outline: "space-y-2",
+      solid: "space-y-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), h = l("", {
+  variants: {
+    variant: {
+      default: "border-b border-border",
+      outline: "border border-border rounded-lg px-4",
+      solid: "rounded-lg bg-accent/70 px-4"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), g = l(
+  "flex flex-1 items-center justify-between py-4 gap-2.5 text-foreground font-medium transition-all [&[data-state=open]>svg]:rotate-180 cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "",
+        solid: ""
+      },
+      indicator: {
+        arrow: "",
+        plus: "[&>svg>path:last-child]:origin-center [&>svg>path:last-child]:transition-all [&>svg>path:last-child]:duration-200 [&[data-state=open]>svg>path:last-child]:rotate-90 [&[data-state=open]>svg>path:last-child]:opacity-0 [&[data-state=open]>svg]:rotate-180",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      indicator: "arrow"
+    }
+  }
+), x = l(
+  "overflow-hidden text-sm text-accent-foreground transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "",
+        solid: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), u = d.createContext({
+  variant: "default",
+  indicator: "arrow"
+});
+function A(o) {
+  const { className: t, variant: a = "default", indicator: n = "arrow", children: e, ...i } = o;
+  return /* @__PURE__ */ r(u.Provider, { value: { variant: a || "default", indicator: n }, children: /* @__PURE__ */ r(
+    c.Root,
+    {
+      "data-slot": "accordion",
+      className: s(p({ variant: a }), t),
+      ...i,
+      children: e
+    }
+  ) });
+}
+function y(o) {
+  const { className: t, children: a, ...n } = o, { variant: e } = d.useContext(u);
+  return /* @__PURE__ */ r(
+    c.Item,
+    {
+      "data-slot": "accordion-item",
+      className: s(h({ variant: e }), t),
+      ...n,
+      children: a
+    }
+  );
+}
+function k(o) {
+  const { className: t, children: a, ...n } = o, { variant: e, indicator: i } = d.useContext(u);
+  return /* @__PURE__ */ r(c.Header, { className: "flex", children: /* @__PURE__ */ m(
+    c.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: s(g({ variant: e, indicator: i }), t),
+      ...n,
+      children: [
+        a,
+        i === "plus" && /* @__PURE__ */ r(f, { className: "size-4 shrink-0 transition-transform duration-200", strokeWidth: 1 }),
+        i === "arrow" && /* @__PURE__ */ r(v, { className: "size-4 shrink-0 transition-transform duration-200", strokeWidth: 1 })
+      ]
+    }
+  ) });
+}
+function j(o) {
+  const { className: t, children: a, ...n } = o, { variant: e } = d.useContext(u);
+  return /* @__PURE__ */ r(
+    c.Content,
+    {
+      "data-slot": "accordion-content",
+      className: s(x({ variant: e }), t),
+      ...n,
+      children: /* @__PURE__ */ r("div", { className: s("pb-5 pt-0", t), children: a })
+    }
+  );
+}
+export {
+  A as Accordion,
+  j as AccordionContent,
+  y as AccordionItem,
+  k as AccordionTrigger
+};

package/dist/kit/components/layout/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,4 @@
+import { AspectRatio as AspectRatioPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { AspectRatio };

package/dist/kit/components/layout/aspect-ratio/aspect-ratio.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { AspectRatio as a } from "radix-ui";
+function p({ ...t }) {
+  return /* @__PURE__ */ o(a.Root, { "data-slot": "aspect-ratio", ...t });
+}
+export {
+  p as AspectRatio
+};

package/dist/kit/components/layout/collapsible/collapsible.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/kit/components/layout/collapsible/collapsible.js

@@ -0,0 +1,32 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as i } from "../../../../lib/utils.js";
+import { Collapsible as t } from "radix-ui";
+function p({ ...l }) {
+  return /* @__PURE__ */ o(t.Root, { "data-slot": "collapsible", ...l });
+}
+function b({ ...l }) {
+  return /* @__PURE__ */ o(t.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...l });
+}
+function c({
+  className: l,
+  children: a,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    t.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      className: i(
+        "overflow-hidden transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+        l
+      ),
+      ...e,
+      children: a
+    }
+  );
+}
+export {
+  p as Collapsible,
+  c as CollapsibleContent,
+  b as CollapsibleTrigger
+};

package/dist/kit/components/layout/resizable/resizable.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLHeadingElement | HTMLTableCellElement | HTMLButtonElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCaptionElement | HTMLFormElement | HTMLSpanElement | HTMLParagraphElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLLinkElement | HTMLMapElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLMeterElement | HTMLTextAreaElement | HTMLProgressElement | HTMLEmbedElement | HTMLPreElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTimeElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };