@demokit-ui/demokit 0.1.0

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

@@ -0,0 +1,380 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cva as f } from "class-variance-authority";
+import { ChevronDown as h } from "lucide-react";
+import { Slot as x } from "radix-ui";
+import { cn as s } from "../../../../lib/utils.js";
+const b = f(
+  "cursor-pointer group whitespace-nowrap focus-visible:outline-hidden inline-flex items-center justify-center has-data-[arrow=true]:justify-between whitespace-nowrap text-sm font-medium ring-offset-background transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-60 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-foreground hover:bg-primary/90 data-[state=open]:bg-primary/90",
+        mono: "bg-zinc-950 text-white hover:bg-zinc-950/90 data-[state=open]:bg-zinc-950/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 data-[state=open]:bg-destructive/90",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 data-[state=open]:bg-secondary/90",
+        outline: "bg-background text-accent-foreground border border-input hover:bg-accent data-[state=open]:bg-accent",
+        dashed: "text-accent-foreground border border-input border-dashed bg-background hover:bg-accent hover:text-accent-foreground data-[state=open]:text-accent-foreground",
+        ghost: "text-accent-foreground hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        dim: "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground",
+        foreground: "",
+        inverse: ""
+      },
+      appearance: {
+        default: "",
+        ghost: ""
+      },
+      underline: {
+        solid: "",
+        dashed: ""
+      },
+      underlined: {
+        solid: "",
+        dashed: ""
+      },
+      size: {
+        lg: "h-10 rounded-[var(--dk-radius-control)] px-4 text-sm gap-1.5 [&_svg:not([class*=size-])]:size-4",
+        md: "h-8.5 rounded-[var(--dk-radius-control)] px-3 gap-1.5 text-[0.8125rem] leading-(--text-sm--line-height) [&_svg:not([class*=size-])]:size-4",
+        sm: "h-7 rounded-[var(--dk-radius-control)] px-2.5 gap-1.25 text-xs [&_svg:not([class*=size-])]:size-3.5",
+        icon: "size-8.5 rounded-[var(--dk-radius-control)] [&_svg:not([class*=size-])]:size-4 shrink-0"
+      },
+      autoHeight: {
+        true: "",
+        false: ""
+      },
+      shape: {
+        default: "",
+        circle: "rounded-full"
+      },
+      mode: {
+        default: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        icon: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        link: "text-primary h-auto p-0 bg-transparent rounded-none hover:bg-transparent data-[state=open]:bg-transparent",
+        input: `
+            justify-start font-normal hover:bg-background [&_svg]:transition-colors [&_svg]:hover:text-foreground data-[state=open]:bg-background 
+            focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/30 
+            [[data-state=open]>&]:border-ring [[data-state=open]>&]:outline-hidden [[data-state=open]>&]:ring-[3px] 
+            [[data-state=open]>&]:ring-ring/30 
+            aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10
+            in-data-[invalid=true]:border-destructive/60 in-data-[invalid=true]:ring-destructive/10
+          `
+      },
+      placeholder: {
+        true: "text-muted-foreground",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      // Icons opacity for default mode
+      {
+        variant: "ghost",
+        mode: "default",
+        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
+      },
+      {
+        variant: "outline",
+        mode: "default",
+        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
+      },
+      {
+        variant: "dashed",
+        mode: "default",
+        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
+      },
+      {
+        variant: "secondary",
+        mode: "default",
+        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
+      },
+      // Icons opacity for default mode
+      {
+        variant: "outline",
+        mode: "input",
+        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
+      },
+      {
+        variant: "outline",
+        mode: "icon",
+        className: "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
+      },
+      // Auto height
+      {
+        size: "md",
+        autoHeight: !0,
+        className: "h-auto min-h-8.5"
+      },
+      {
+        size: "sm",
+        autoHeight: !0,
+        className: "h-auto min-h-7"
+      },
+      {
+        size: "lg",
+        autoHeight: !0,
+        className: "h-auto min-h-10"
+      },
+      // Shadow support
+      {
+        variant: "primary",
+        mode: "default",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "mono",
+        mode: "default",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "secondary",
+        mode: "default",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "outline",
+        mode: "default",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "dashed",
+        mode: "default",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "destructive",
+        mode: "default",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      // Shadow support
+      {
+        variant: "primary",
+        mode: "icon",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "mono",
+        mode: "icon",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "secondary",
+        mode: "icon",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "outline",
+        mode: "icon",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "dashed",
+        mode: "icon",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      {
+        variant: "destructive",
+        mode: "icon",
+        appearance: "default",
+        className: "shadow-xs shadow-black/5"
+      },
+      // Link
+      {
+        variant: "primary",
+        mode: "link",
+        underline: "solid",
+        className: "font-medium text-primary hover:text-primary/90 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
+      },
+      {
+        variant: "primary",
+        mode: "link",
+        underline: "dashed",
+        className: "font-medium text-primary hover:text-primary/90 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
+      },
+      {
+        variant: "primary",
+        mode: "link",
+        underlined: "solid",
+        className: "font-medium text-primary hover:text-primary/90 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
+      },
+      {
+        variant: "primary",
+        mode: "link",
+        underlined: "dashed",
+        className: "font-medium text-primary hover:text-primary/90 [&_svg]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
+      },
+      {
+        variant: "inverse",
+        mode: "link",
+        underline: "solid",
+        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
+      },
+      {
+        variant: "inverse",
+        mode: "link",
+        underline: "dashed",
+        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
+      },
+      {
+        variant: "inverse",
+        mode: "link",
+        underlined: "solid",
+        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
+      },
+      {
+        variant: "inverse",
+        mode: "link",
+        underlined: "dashed",
+        className: "font-medium text-inherit [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
+      },
+      {
+        variant: "foreground",
+        mode: "link",
+        underline: "solid",
+        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-solid"
+      },
+      {
+        variant: "foreground",
+        mode: "link",
+        underline: "dashed",
+        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 hover:underline hover:underline-offset-4 hover:decoration-dashed decoration-1"
+      },
+      {
+        variant: "foreground",
+        mode: "link",
+        underlined: "solid",
+        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-solid"
+      },
+      {
+        variant: "foreground",
+        mode: "link",
+        underlined: "dashed",
+        className: "font-medium text-foreground [&_svg:not([role=img]):not([class*=text-])]:opacity-60 underline underline-offset-4 decoration-dashed decoration-1"
+      },
+      // Ghost
+      {
+        variant: "primary",
+        appearance: "ghost",
+        className: "bg-transparent text-primary/90 hover:bg-primary/5 data-[state=open]:bg-primary/5"
+      },
+      {
+        variant: "destructive",
+        appearance: "ghost",
+        className: "bg-transparent text-destructive/90 hover:bg-destructive/5 data-[state=open]:bg-destructive/5"
+      },
+      {
+        variant: "ghost",
+        mode: "icon",
+        className: "text-muted-foreground"
+      },
+      // Size
+      {
+        size: "sm",
+        mode: "icon",
+        className: "w-7 h-7 p-0 [[&_svg:not([class*=size-])]:size-3.5"
+      },
+      {
+        size: "md",
+        mode: "icon",
+        className: "w-8.5 h-8.5 p-0 [&_svg:not([class*=size-])]:size-4"
+      },
+      {
+        size: "icon",
+        className: "w-8.5 h-8.5 p-0 [&_svg:not([class*=size-])]:size-4"
+      },
+      {
+        size: "lg",
+        mode: "icon",
+        className: "w-10 h-10 p-0 [&_svg:not([class*=size-])]:size-4"
+      },
+      // Input mode
+      {
+        mode: "input",
+        placeholder: !0,
+        variant: "outline",
+        className: "font-normal text-muted-foreground"
+      },
+      {
+        mode: "input",
+        variant: "outline",
+        size: "sm",
+        className: "gap-1.25"
+      },
+      {
+        mode: "input",
+        variant: "outline",
+        size: "md",
+        className: "gap-1.5"
+      },
+      {
+        mode: "input",
+        variant: "outline",
+        size: "lg",
+        className: "gap-1.5"
+      }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      mode: "default",
+      size: "md",
+      shape: "default",
+      appearance: "default"
+    }
+  }
+);
+function _({
+  className: e,
+  selected: a,
+  variant: t,
+  shape: i,
+  appearance: d,
+  mode: l,
+  size: c,
+  autoHeight: u,
+  underlined: m,
+  underline: g,
+  asChild: o = !1,
+  placeholder: v = !1,
+  ...n
+}) {
+  const p = o ? x.Slot : "button";
+  return /* @__PURE__ */ r(
+    p,
+    {
+      "data-slot": "button",
+      className: s(
+        b({
+          variant: t,
+          size: c,
+          shape: i,
+          appearance: d,
+          mode: l,
+          autoHeight: u,
+          placeholder: v,
+          underlined: m,
+          underline: g,
+          className: e
+        }),
+        o && n.disabled && "pointer-events-none opacity-50"
+      ),
+      ...a && { "data-state": "open" },
+      ...n
+    }
+  );
+}
+function j({ icon: e = h, className: a, ...t }) {
+  return /* @__PURE__ */ r(e, { "data-slot": "button-arrow", className: s("ms-auto -me-1", a), ...t });
+}
+export {
+  _ as Button,
+  j as ButtonArrow,
+  b as buttonVariants
+};

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

@@ -0,0 +1,4 @@
+import { DayPicker } from 'react-day-picker';
+import * as React from 'react';
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): import("react/jsx-runtime").JSX.Element;
+export { Calendar };

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

@@ -0,0 +1,47 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../../../../lib/utils.js";
+import { buttonVariants as r } from "../button/button.js";
+import { ChevronLeft as s, ChevronRight as u } from "lucide-react";
+import { DayPicker as g } from "react-day-picker";
+function x({ className: o, classNames: a, showOutsideDays: n = !0, ...d }) {
+  return /* @__PURE__ */ e(
+    g,
+    {
+      showOutsideDays: n,
+      className: t("p-3", o),
+      classNames: {
+        months: "relative flex flex-col sm:flex-row gap-4",
+        month: "w-full",
+        month_caption: "relative mx-10 mb-1 flex h-8 items-center justify-center z-20",
+        caption_label: "text-sm font-medium",
+        nav: "absolute top-0 flex w-full justify-between z-10",
+        button_previous: t(
+          r({ variant: "ghost" }),
+          "size-8 text-muted-foreground/80 hover:text-foreground p-0"
+        ),
+        button_next: t(
+          r({ variant: "ghost" }),
+          "size-8 text-muted-foreground/80 hover:text-foreground p-0"
+        ),
+        weekday: "size-8 p-0 text-xs font-medium text-muted-foreground/80",
+        day_button: "cursor-pointer relative flex size-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-foreground transition-200 group-[[data-selected]:not(.range-middle)]:[transition-property:color,background-color,border-radius,box-shadow] group-[[data-selected]:not(.range-middle)]:duration-150 group-data-disabled:pointer-events-none focus-visible:z-10 hover:not-in-data-selected:bg-accent group-data-selected:bg-primary hover:not-in-data-selected:text-foreground group-data-selected:text-primary-foreground group-data-disabled:text-foreground/30 group-data-disabled:line-through group-data-outside:text-foreground/30 group-data-selected:group-data-outside:text-primary-foreground outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px] group-[.range-start:not(.range-end)]:rounded-e-none group-[.range-end:not(.range-start)]:rounded-s-none group-[.range-middle]:rounded-none group-[.range-middle]:group-data-selected:bg-accent group-[.range-middle]:group-data-selected:text-foreground",
+        day: "group size-8 px-0 py-px text-sm",
+        range_start: "range-start",
+        range_end: "range-end",
+        range_middle: "range-middle",
+        today: "*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2 *:after:z-10 *:after:size-[3px] *:after:-translate-x-1/2 rtl:*:after:translate-x-1/2 *:after:rounded-full *:after:bg-primary [&[data-selected]:not(.range-middle)>*]:after:bg-background [&[data-disabled]>*]:after:bg-foreground/30 *:after:transition-colors",
+        outside: "text-muted-foreground data-selected:bg-accent/50 data-selected:text-muted-foreground",
+        hidden: "invisible",
+        week_number: "size-8 p-0 text-xs font-medium text-muted-foreground/80",
+        ...a
+      },
+      components: {
+        Chevron: (i) => i.orientation === "left" ? /* @__PURE__ */ e(s, { className: "h-4 w-4 rtl:rotate-180" }) : /* @__PURE__ */ e(u, { className: "h-4 w-4 rtl:rotate-180" })
+      },
+      ...d
+    }
+  );
+}
+export {
+  x as Calendar
+};

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

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

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

@@ -0,0 +1,39 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { cn as r } from "../../../../lib/utils.js";
+import { cva as o } from "class-variance-authority";
+import { Check as n, Minus as c } from "lucide-react";
+import { Checkbox as t } from "radix-ui";
+const m = o(
+  `
+    group peer bg-background shrink-0 rounded-md border border-input ring-offset-background focus-visible:outline-none 
+    focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 
+    aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10
+    [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10,
+    data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground
+    `,
+  {
+    variants: {
+      size: {
+        sm: "size-4.5 [&_svg]:size-3",
+        md: "size-5 [&_svg]:size-3.5",
+        lg: "size-5.5 [&_svg]:size-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function p({
+  className: i,
+  size: a,
+  ...s
+}) {
+  return /* @__PURE__ */ e(t.Root, { "data-slot": "checkbox", className: r(m({ size: a }), i), ...s, children: /* @__PURE__ */ d(t.Indicator, { className: r("flex items-center justify-center text-current"), children: [
+    /* @__PURE__ */ e(n, { className: "group-data-[state=indeterminate]:hidden" }),
+    /* @__PURE__ */ e(c, { className: "hidden group-data-[state=indeterminate]:block" })
+  ] }) });
+}
+export {
+  p as Checkbox
+};

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { DialogProps } from '@radix-ui/react-dialog';
+import { Command as CommandPrimitive } from 'cmdk';
+import { LucideIcon } from 'lucide-react';
+declare function Command({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+type CommandDialogProps = DialogProps & {
+    className?: string;
+};
+declare const CommandDialog: ({ children, className, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const CommandShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+interface ButtonArrowProps extends React.SVGProps<SVGSVGElement> {
+    icon?: LucideIcon;
+}
+declare function CommandCheck({ icon: Icon, className, ...props }: ButtonArrowProps): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };

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

@@ -0,0 +1,116 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { cn as d } from "../../../../lib/utils.js";
+import { Dialog as n, DialogContent as s, DialogTitle as c } from "../../feedback/dialog/dialog.js";
+import { Command as r } from "cmdk";
+import { Check as i, Search as u } from "lucide-react";
+function p({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    r,
+    {
+      className: d(
+        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        e
+      ),
+      ...t
+    }
+  );
+}
+const k = ({ children: e, className: t, ...a }) => /* @__PURE__ */ o(n, { ...a, children: /* @__PURE__ */ m(s, { className: d("overflow-hidden p-0 shadow-lg", t), children: [
+  /* @__PURE__ */ o(c, { className: "hidden" }),
+  /* @__PURE__ */ o(p, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e })
+] }) });
+function _({ className: e, ...t }) {
+  return /* @__PURE__ */ m("div", { className: "flex items-center border-border border-b px-3", "cmdk-input-wrapper": "", "data-slot": "command-input", children: [
+    /* @__PURE__ */ o(u, { className: "me-2 h-4 w-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ o(
+      r.Input,
+      {
+        className: d(
+          "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden text-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          e
+        ),
+        ...t
+      }
+    )
+  ] });
+}
+function v({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    r.List,
+    {
+      "data-slot": "command-list",
+      className: d("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+      ...t
+    }
+  );
+}
+function w({ ...e }) {
+  return /* @__PURE__ */ o(r.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...e });
+}
+function C({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    r.Group,
+    {
+      "data-slot": "command-group",
+      className: d(
+        "overflow-hidden p-1.5 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function N({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    r.Separator,
+    {
+      "data-slot": "command-separator",
+      className: d("-mx-1.5 h-px bg-border", e),
+      ...t
+    }
+  );
+}
+function b({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    r.Item,
+    {
+      "data-slot": "command-item",
+      className: d(
+        "relative flex text-foreground cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+        e
+      ),
+      ...t
+    }
+  );
+}
+const y = ({ className: e, ...t }) => /* @__PURE__ */ o(
+  "span",
+  {
+    "data-slot": "command-shortcut",
+    className: d("ms-auto text-xs tracking-widest text-muted-foreground", e),
+    ...t
+  }
+);
+function D({ icon: e = i, className: t, ...a }) {
+  return /* @__PURE__ */ o(
+    e,
+    {
+      "data-slot": "command-check",
+      "data-check": "true",
+      className: d("size-4 ms-auto text-primary", t),
+      ...a
+    }
+  );
+}
+export {
+  p as Command,
+  D as CommandCheck,
+  k as CommandDialog,
+  w as CommandEmpty,
+  C as CommandGroup,
+  _ as CommandInput,
+  b as CommandItem,
+  v as CommandList,
+  N as CommandSeparator,
+  y as CommandShortcut
+};

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

@@ -0,0 +1,14 @@
+import { inputVariants } from '../input/input';
+import { VariantProps } from 'class-variance-authority';
+import { DateFieldProps, DateInputProps as DateInputPropsRa, DateSegmentProps, DateValue as DateValueRa, TimeFieldProps, TimeValue as TimeValueRa } from 'react-aria-components';
+declare function DateField<T extends DateValueRa>({ className, children, ...props }: DateFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function TimeField<T extends TimeValueRa>({ className, children, ...props }: TimeFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DateSegment({ className, ...props }: DateSegmentProps): import("react/jsx-runtime").JSX.Element;
+declare const dateInputStyles = "\n  relative inline-flex items-center overflow-hidden whitespace-nowrap\n  data-focus-within:ring-ring/30 data-focus-within:border-ring data-focus-within:outline-none data-focus-within:ring-[3px] \n  data-focus-within:has-aria-invalid:ring-destructive/20 data-focus-within:has-aria-invalid:border-destructive\n";
+interface DateInputProps extends DateInputPropsRa, VariantProps<typeof inputVariants> {
+    className?: string;
+    variant?: VariantProps<typeof inputVariants>['variant'];
+}
+declare function DateInput({ className, variant, ...props }: Omit<DateInputProps, 'children'>): import("react/jsx-runtime").JSX.Element;
+export { DateField, DateInput, DateSegment, TimeField, dateInputStyles };
+export type { DateInputProps };