@alexgorbatchev/shadcn 0.0.0-stage → 0.0.12

package/dist/chunk-5wvvqege.js

@@ -0,0 +1,259 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  useDensity
+} from "./chunk-rjjwytbx.js";
+import {
+  Button2
+} from "./chunk-tnktkgvp.js";
+
+// src/components/Input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { jsx } from "react/jsx-runtime";
+function Input2({ density, className, type, ...props }) {
+  return /* @__PURE__ */ jsx(InputPrimitive, {
+    type,
+    "data-density": density,
+    "data-slot": "input",
+    className: (state) => cn2("h-control w-full min-w-0 rounded-sm border border-input bg-secondary px-control-x py-1 text-base transition-colors outline-none file:inline-flex file:h-control-xs file:border-0 file:bg-secondary file:text-sm file:font-medium file:text-foreground placeholder:text-faint-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+
+// src/components/Dialog.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { useDirection } from "@base-ui/react/direction-provider";
+import { XIcon } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Dialog2({ ...props }) {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Root, {
+    "data-slot": "dialog",
+    ...props
+  });
+}
+function DialogTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Trigger, {
+    "data-slot": "dialog-trigger",
+    ...props
+  });
+}
+function DialogPortal2({ ...props }) {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Portal, {
+    "data-slot": "dialog-portal",
+    ...props
+  });
+}
+function DialogClose2({ ...props }) {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Close, {
+    "data-slot": "dialog-close",
+    ...props
+  });
+}
+function DialogOverlay2({ density, className, ...props }) {
+  const resolvedDensity = useDensity(density);
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Backdrop, {
+    "data-density": resolvedDensity,
+    "data-slot": "dialog-overlay",
+    className: (state) => cn2("fixed inset-0 isolate bg-backdrop duration-120 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function DialogContent2({
+  density,
+  className,
+  children,
+  showCloseButton = true,
+  size = "default",
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection();
+  return /* @__PURE__ */ jsxs(DialogPortal2, {
+    children: [
+      /* @__PURE__ */ jsx2(DialogOverlay2, {}),
+      /* @__PURE__ */ jsxs(DialogPrimitive.Popup, {
+        dir: direction,
+        "data-density": resolvedDensity,
+        "data-slot": "dialog-content",
+        className: (state) => cn2("fixed top-1/2 left-1/2 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-panel rounded-md bg-popover p-panel text-sm text-popover-foreground border border-frame-edge shadow-frame duration-120 outline-none data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", size === "wide" ? "sm:max-w-xl" : size === "narrow" ? "sm:max-w-48" : "sm:max-w-sm", typeof className === "function" ? className(state) : className),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+            "data-slot": "dialog-close",
+            render: /* @__PURE__ */ jsx2(Button2, {
+              variant: "ghost",
+              className: "absolute top-2 end-2",
+              size: "icon-sm"
+            }),
+            children: [
+              /* @__PURE__ */ jsx2(XIcon, {}),
+              /* @__PURE__ */ jsx2("span", {
+                className: "sr-only",
+                children: "Close"
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+function DialogHeader2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-density": density,
+    "data-slot": "dialog-header",
+    className: cn2("flex flex-col gap-2", className),
+    ...props
+  });
+}
+function DialogFooter2({
+  density,
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    "data-density": density,
+    "data-slot": "dialog-footer",
+    className: cn2("-mx-panel -mb-panel flex flex-col-reverse gap-2 rounded-b-md border-t bg-muted/50 p-panel sm:flex-row sm:justify-end", className),
+    ...props,
+    children: [
+      children,
+      showCloseButton && /* @__PURE__ */ jsx2(DialogPrimitive.Close, {
+        render: /* @__PURE__ */ jsx2(Button2, {
+          variant: "outline"
+        }),
+        children: "Close"
+      })
+    ]
+  });
+}
+function DialogTitle2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Title, {
+    "data-density": density,
+    "data-slot": "dialog-title",
+    className: (state) => cn2("text-base leading-none font-medium", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function DialogDescription2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Description, {
+    "data-density": density,
+    "data-slot": "dialog-description",
+    className: (state) => cn2("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+
+// src/components/Textarea.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Textarea2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx3("textarea", {
+    "data-density": density,
+    "data-slot": "textarea",
+    className: cn2("flex field-sizing-content min-h-16 w-full rounded-sm border border-input bg-secondary px-control-x py-2 text-base transition-colors outline-none placeholder:text-faint-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive", className),
+    ...props
+  });
+}
+
+// src/components/InputGroup.tsx
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function InputGroup2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", {
+    "data-density": density,
+    "data-slot": "input-group",
+    role: "group",
+    className: cn2("group/input-group relative flex h-control w-full min-w-0 items-center rounded-sm border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-muted has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pe-1.5 has-[>[data-align=inline-start]]:[&>input]:ps-1.5", className),
+    ...props
+  });
+}
+var inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&>kbd]:rounded-sm [&>svg:not([class*='size-'])]:size-4", {
+  variants: {
+    align: {
+      "inline-start": "order-first ps-2 has-[>button]:ms-[-0.3rem] has-[>kbd]:ms-[-0.15rem]",
+      "inline-end": "order-last pe-2 has-[>button]:me-[-0.3rem] has-[>kbd]:me-[-0.15rem]",
+      "block-start": "order-first w-full justify-start px-control-x pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+      "block-end": "order-last w-full justify-start px-control-x pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+    }
+  },
+  defaultVariants: {
+    align: "inline-start"
+  }
+});
+function InputGroupAddon2({ density, className, align = "inline-start", ...props }) {
+  return /* @__PURE__ */ jsx4("div", {
+    role: "group",
+    "data-density": density,
+    "data-slot": "input-group-addon",
+    "data-align": align,
+    className: cn2(inputGroupAddonVariants({ align }), className),
+    ...mergeProps({
+      onClick(event) {
+        if (event.defaultPrevented || !(event.target instanceof Node) || !event.currentTarget.contains(event.target) || event.target instanceof Element && event.target.closest("button, a[href], input, textarea, select")) {
+          return;
+        }
+        event.currentTarget.parentElement?.querySelector("input[data-slot=input-group-control], textarea[data-slot=input-group-control]")?.focus();
+      }
+    }, props)
+  });
+}
+var inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
+  variants: {
+    size: {
+      xs: "h-control-xs gap-1 rounded-sm px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+      sm: "h-control-sm",
+      "icon-xs": "size-control-xs rounded-sm p-0 has-[>svg]:p-0",
+      "icon-sm": "size-control-sm p-0 has-[>svg]:p-0"
+    }
+  },
+  defaultVariants: {
+    size: "xs"
+  }
+});
+function InputGroupButton2({
+  density,
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(Button2, {
+    density,
+    type,
+    "data-size": size,
+    variant,
+    className: (state) => cn2(inputGroupButtonVariants({ size }), typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function InputGroupText2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx4("span", {
+    "data-density": density,
+    className: cn2("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  });
+}
+function InputGroupInput2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx4(Input2, {
+    density,
+    "data-slot": "input-group-control",
+    className: (state) => cn2("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function InputGroupTextarea2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx4(Textarea2, {
+    density,
+    "data-slot": "input-group-control",
+    className: cn2("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0", className),
+    ...props
+  });
+}
+
+export { Input2, Dialog2, DialogTrigger2, DialogPortal2, DialogClose2, DialogOverlay2, DialogContent2, DialogHeader2, DialogFooter2, DialogTitle2, DialogDescription2, Textarea2, InputGroup2, InputGroupAddon2, InputGroupButton2, InputGroupText2, InputGroupInput2, InputGroupTextarea2 };

package/dist/chunk-8a7dn9ps.js

@@ -0,0 +1,93 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  buttonVariants2
+} from "./chunk-tnktkgvp.js";
+
+// src/components/calendar/getCalendarClassNames.ts
+import { getDefaultClassNames } from "@daypicker/react";
+function getCalendarClassNames({
+  buttonVariant = "ghost",
+  classNames
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return {
+    root: cn2("w-fit", defaultClassNames.root),
+    months: cn2("relative flex flex-col gap-panel md:flex-row", defaultClassNames.months),
+    month: cn2("flex flex-col gap-control-gap", defaultClassNames.month),
+    nav: cn2("absolute inset-x-0 top-0 flex items-center justify-between", defaultClassNames.nav),
+    button_previous: cn2(buttonVariants2({ variant: buttonVariant, size: "icon" }), "size-(--cell-size) p-0 rtl:[&>svg]:rotate-180", defaultClassNames.button_previous),
+    button_next: cn2(buttonVariants2({ variant: buttonVariant, size: "icon" }), "size-(--cell-size) p-0 rtl:[&>svg]:rotate-180", defaultClassNames.button_next),
+    chevron: cn2("size-4 fill-current text-muted-foreground", defaultClassNames.chevron),
+    month_caption: cn2("flex h-(--cell-size) items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+    dropdowns: cn2("flex h-(--cell-size) items-center justify-center gap-control-gap text-sm font-medium", defaultClassNames.dropdowns),
+    dropdown_root: cn2("relative focus-within:ring-1 focus-within:ring-ring", defaultClassNames.dropdown_root),
+    dropdown: cn2("absolute inset-0 w-full cursor-pointer bg-popover opacity-0", defaultClassNames.dropdown),
+    caption_label: cn2("flex items-center gap-1 text-sm font-medium select-none", defaultClassNames.caption_label),
+    month_grid: cn2("w-full border-collapse", defaultClassNames.month_grid),
+    weekdays: cn2("flex", defaultClassNames.weekdays),
+    weekday: cn2("w-(--cell-size) text-xs font-normal text-muted-foreground", defaultClassNames.weekday),
+    week: cn2("mt-1 flex w-full", defaultClassNames.week),
+    week_number_header: cn2("w-(--cell-size)", defaultClassNames.week_number_header),
+    week_number: cn2("flex w-(--cell-size) items-center justify-center text-xs text-muted-foreground", defaultClassNames.week_number),
+    day: cn2("group/day relative size-(--cell-size) p-0 text-center", defaultClassNames.day),
+    range_start: cn2("bg-muted", defaultClassNames.range_start),
+    range_middle: cn2("bg-muted", defaultClassNames.range_middle),
+    range_end: cn2("bg-muted", defaultClassNames.range_end),
+    today: cn2("bg-muted text-foreground", defaultClassNames.today),
+    outside: cn2("text-muted-foreground", defaultClassNames.outside),
+    disabled: cn2("text-muted-foreground opacity-50", defaultClassNames.disabled),
+    hidden: cn2("invisible", defaultClassNames.hidden),
+    ...classNames
+  };
+}
+
+// src/components/calendar/Calendar.tsx
+import { DayButton, DayPicker } from "@daypicker/react";
+import { jsx } from "react/jsx-runtime";
+function Calendar2({
+  density,
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  locale,
+  formatters,
+  components,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DayPicker, {
+    "data-density": density,
+    "data-slot": "calendar",
+    showOutsideDays,
+    captionLayout,
+    locale,
+    className: cn2("group/calendar bg-background p-panel [--cell-size:var(--ag-control-h)]", className),
+    formatters: {
+      formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
+      ...formatters
+    },
+    classNames: getCalendarClassNames({ buttonVariant, classNames }),
+    components: {
+      DayButton: CalendarDayButton2,
+      ...components
+    },
+    ...props
+  });
+}
+function CalendarDayButton2({ className, day, modifiers, ...props }) {
+  return /* @__PURE__ */ jsx(DayButton, {
+    day,
+    modifiers,
+    "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+    "data-range-start": modifiers.range_start,
+    "data-range-end": modifiers.range_end,
+    "data-range-middle": modifiers.range_middle,
+    className: cn2(buttonVariants2({ variant: "ghost", size: "icon" }), "relative size-(--cell-size) border-0 p-0 font-normal data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground", className),
+    ...props
+  });
+}
+
+export { getCalendarClassNames, Calendar2, CalendarDayButton2 };

package/dist/chunk-cp2m7y7v.js

@@ -0,0 +1,26 @@
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var mergeClasses = extendTailwindMerge({
+  extend: {
+    theme: {
+      spacing: [
+        "control",
+        "control-xs",
+        "control-sm",
+        "control-lg",
+        "control-x",
+        "control-gap",
+        "tag",
+        "tag-x",
+        "panel",
+        "field-gap"
+      ]
+    }
+  }
+});
+function cn2(...inputs) {
+  return mergeClasses(clsx(inputs));
+}
+
+export { cn2 };

package/dist/chunk-jpvw9xqy.js

@@ -0,0 +1,4 @@
+// src/components/DirectionProvider.tsx
+import { DirectionProvider as DirectionProvider2, useDirection as useDirection2 } from "@base-ui/react/direction-provider";
+
+export { DirectionProvider2, useDirection2 };

package/dist/chunk-rajgnfbr.js

@@ -0,0 +1,24 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Separator.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx } from "react/jsx-runtime";
+function Separator2({
+  density,
+  className,
+  thickness = "default",
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SeparatorPrimitive, {
+    "data-density": density,
+    "data-slot": "separator",
+    orientation,
+    className: (state) => cn2("shrink-0 bg-border data-[orientation=horizontal]:w-full data-[orientation=vertical]:self-stretch", thickness === "strong" ? "data-[orientation=horizontal]:h-0.5 data-[orientation=vertical]:w-0.5" : "data-[orientation=horizontal]:h-px data-[orientation=vertical]:w-px", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+
+export { Separator2 };

package/dist/chunk-rjjwytbx.js

@@ -0,0 +1,12 @@
+// src/density/DensityContext.ts
+import { createContext } from "react";
+var DensityContext = createContext("comfortable");
+
+// src/hooks/useDensity.ts
+import { useContext } from "react";
+function useDensity(density) {
+  const inheritedDensity = useContext(DensityContext);
+  return density ?? inheritedDensity;
+}
+
+export { DensityContext, useDensity };

package/dist/chunk-tnktkgvp.js

@@ -0,0 +1,63 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonVariants2 = cva("group/button inline-flex shrink-0 items-center rounded-sm border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:border-dashed disabled:border-border disabled:bg-transparent disabled:text-faint-foreground disabled:font-normal aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variants: {
+    truncate: { true: "max-w-full min-w-0" },
+    align: { start: "justify-start", center: "justify-center", end: "justify-end" },
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      outline: "border-input bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground ",
+      destructive: "border-destructive bg-transparent text-destructive hover:bg-destructive hover:text-destructive-foreground focus-visible:border-destructive/40 focus-visible:ring-destructive",
+      success: "bg-success text-success-foreground hover:bg-success/90",
+      warning: "bg-warning text-warning-foreground hover:bg-warning/90",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      inline: "h-auto gap-1 border-0 p-0",
+      default: "h-control gap-control-gap px-control-x has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+      xs: "h-control-xs gap-1 rounded-sm px-2 text-xs in-data-[slot=button-group]:rounded-sm has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-control-sm gap-1 rounded-sm px-control-x text-sm in-data-[slot=button-group]:rounded-sm has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+      lg: "h-control-lg gap-control-gap px-control-x has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+      icon: "size-control",
+      "icon-xs": "size-control-xs rounded-sm in-data-[slot=button-group]:rounded-sm [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-control-sm rounded-sm in-data-[slot=button-group]:rounded-sm",
+      "icon-lg": "size-control-lg"
+    }
+  },
+  defaultVariants: {
+    align: "center",
+    variant: "default",
+    size: "default"
+  }
+});
+function Button2({
+  density,
+  className,
+  variant = "default",
+  size = "default",
+  align = "center",
+  truncate = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
+    "data-density": density,
+    "data-slot": "button",
+    className: (state) => cn2(buttonVariants2({ variant, size, align, truncate }), typeof className === "function" ? className(state) : className),
+    ...props,
+    children: truncate ? /* @__PURE__ */ jsx("span", {
+      className: "min-w-0 truncate",
+      children
+    }) : children
+  });
+}
+
+export { buttonVariants2, Button2 };

package/dist/chunk-z1fy613d.js

@@ -0,0 +1,64 @@
+// node_modules/@shadcn/react/dist/chunk-HBS6WEDP.js
+import * as i from "react";
+function S({ defaultTagName: a, props: r, render: t, state: n = {}, stateAttributesMapping: e }) {
+  let o = d(R(n, e), r);
+  if (!t)
+    return i.createElement(a, o);
+  if (typeof t == "function")
+    return t(o, n);
+  if (!i.isValidElement(t))
+    return null;
+  let s = t.props, u = { ...d(o, s), ref: f(o.ref, s.ref) };
+  return i.cloneElement(t, u);
+}
+function d(...a) {
+  let r = {};
+  for (let t of a) {
+    if (!t)
+      continue;
+    let n = t;
+    for (let e of Object.keys(n)) {
+      let o = n[e];
+      if (o === undefined)
+        continue;
+      let s = r[e];
+      e === "className" ? r[e] = [s, o].filter(Boolean).join(" ") : e === "style" ? r[e] = { ...s, ...o } : e === "ref" ? r[e] = f(s, o) : l(e) && typeof s == "function" && typeof o == "function" ? r[e] = p(o, s) : r[e] = o;
+    }
+  }
+  return r;
+}
+function R(a, r) {
+  let t = {};
+  for (let n of Object.keys(a)) {
+    let e = a[n], o = r?.[n]?.(e);
+    if (o) {
+      Object.assign(t, o);
+      continue;
+    }
+    if (n === "slot") {
+      t["data-slot"] = e;
+      continue;
+    }
+    let s = `data-${String(n).replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}`;
+    typeof e == "boolean" ? t[s] = e ? "" : undefined : e != null && (t[s] = String(e));
+  }
+  return t;
+}
+function p(a, r) {
+  return function(n) {
+    a(n), n.defaultPrevented || r(n);
+  };
+}
+function l(a) {
+  return /^on[A-Z]/.test(a);
+}
+function f(...a) {
+  let r = a.filter(Boolean);
+  if (r.length !== 0)
+    return (t) => {
+      for (let n of r)
+        typeof n == "function" ? n(t) : n && (n.current = t);
+    };
+}
+
+export { S, d, f };

package/dist/components/Accordion.d.ts

@@ -0,0 +1,12 @@
+import type { IDensityProps } from "../density/types.js";
+import type { ReactElement } from "react";
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+type AccordionProps = AccordionPrimitive.Root.Props & IDensityProps;
+declare function Accordion({ density, className, ...props }: AccordionProps): ReactElement;
+type AccordionItemProps = AccordionPrimitive.Item.Props & IDensityProps;
+declare function AccordionItem({ density, className, ...props }: AccordionItemProps): ReactElement;
+type AccordionTriggerProps = AccordionPrimitive.Trigger.Props & IDensityProps;
+declare function AccordionTrigger({ density, className, children, ...props }: AccordionTriggerProps): ReactElement;
+type AccordionContentProps = AccordionPrimitive.Panel.Props & IDensityProps;
+declare function AccordionContent({ density, className, children, ...props }: AccordionContentProps): ReactElement;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/Alert.d.ts

@@ -0,0 +1,15 @@
+import type { IDensityProps } from "../density/types.js";
+import type { ComponentProps, ReactElement } from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AlertProps = ComponentProps<"div"> & VariantProps<typeof alertVariants> & IDensityProps;
+declare function Alert({ density, className, variant, ...props }: AlertProps): ReactElement;
+type AlertTitleProps = ComponentProps<"div"> & IDensityProps;
+declare function AlertTitle({ density, className, ...props }: AlertTitleProps): ReactElement;
+type AlertDescriptionProps = ComponentProps<"div"> & IDensityProps;
+declare function AlertDescription({ density, className, ...props }: AlertDescriptionProps): ReactElement;
+type AlertActionProps = ComponentProps<"div"> & IDensityProps;
+declare function AlertAction({ density, className, ...props }: AlertActionProps): ReactElement;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/components/AlertDialog.d.ts

@@ -0,0 +1,28 @@
+import type { IDensityProps } from "../density/types.js";
+import type { ComponentProps, ReactElement } from "react";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { Button } from "./Button.js";
+declare function AlertDialog<Payload>({ ...props }: AlertDialogPrimitive.Root.Props<Payload>): ReactElement;
+declare function AlertDialogTrigger<Payload>({ ...props }: AlertDialogPrimitive.Trigger.Props<Payload>): ReactElement;
+declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): ReactElement;
+type AlertDialogOverlayProps = AlertDialogPrimitive.Backdrop.Props & IDensityProps;
+declare function AlertDialogOverlay({ density, className, ...props }: AlertDialogOverlayProps): ReactElement;
+type AlertDialogContentProps = AlertDialogPrimitive.Popup.Props & {
+    size?: "default" | "sm";
+} & IDensityProps;
+declare function AlertDialogContent({ density, className, size, ...props }: AlertDialogContentProps): ReactElement;
+type AlertDialogHeaderProps = ComponentProps<"div"> & IDensityProps;
+declare function AlertDialogHeader({ density, className, ...props }: AlertDialogHeaderProps): ReactElement;
+type AlertDialogFooterProps = ComponentProps<"div"> & IDensityProps;
+declare function AlertDialogFooter({ density, className, ...props }: AlertDialogFooterProps): ReactElement;
+type AlertDialogMediaProps = ComponentProps<"div"> & IDensityProps;
+declare function AlertDialogMedia({ density, className, ...props }: AlertDialogMediaProps): ReactElement;
+type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title> & IDensityProps;
+declare function AlertDialogTitle({ density, className, ...props }: AlertDialogTitleProps): ReactElement;
+type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description> & IDensityProps;
+declare function AlertDialogDescription({ density, className, ...props }: AlertDialogDescriptionProps): ReactElement;
+type AlertDialogActionProps = ComponentProps<typeof Button> & IDensityProps;
+declare function AlertDialogAction({ density, className, ...props }: AlertDialogActionProps): ReactElement;
+type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props & Pick<ComponentProps<typeof Button>, "variant" | "size"> & IDensityProps;
+declare function AlertDialogCancel({ density, className, variant, size, ...props }: AlertDialogCancelProps): ReactElement;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/AspectRatio.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps, ReactElement } from "react";
+export interface IAspectRatioProps extends ComponentProps<"div"> {
+    ratio: number;
+}
+export declare function AspectRatio({ ratio, className, style, ...props }: IAspectRatioProps): ReactElement;

package/dist/components/Attachment.d.ts

@@ -0,0 +1,36 @@
+import type { ComponentProps, ReactElement } from "react";
+import type { Density, IDensityProps } from "../density/types.js";
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+import { Button } from "./Button.js";
+declare const attachmentVariants: (props?: ({
+    size?: "default" | "sm" | "xs" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AttachmentProps = ComponentProps<"div"> & VariantProps<typeof attachmentVariants> & IDensityProps & {
+    state?: "idle" | "uploading" | "processing" | "error" | "done";
+};
+declare function Attachment({ density, className, state, size, orientation, ...props }: AttachmentProps): ReactElement;
+declare const attachmentMediaVariants: (props?: ({
+    variant?: "icon" | "image" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AttachmentMediaProps = ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants> & IDensityProps;
+declare function AttachmentMedia({ density, className, variant, ...props }: AttachmentMediaProps): ReactElement;
+type AttachmentContentProps = ComponentProps<"div"> & IDensityProps;
+declare function AttachmentContent({ density, className, ...props }: AttachmentContentProps): ReactElement;
+type AttachmentTitleProps = ComponentProps<"span"> & IDensityProps;
+declare function AttachmentTitle({ density, className, ...props }: AttachmentTitleProps): ReactElement;
+type AttachmentDescriptionProps = ComponentProps<"span"> & IDensityProps;
+declare function AttachmentDescription({ density, className, ...props }: AttachmentDescriptionProps): ReactElement;
+type AttachmentActionsProps = ComponentProps<"div"> & IDensityProps;
+declare function AttachmentActions({ density, className, ...props }: AttachmentActionsProps): ReactElement;
+declare function AttachmentAction({ className, variant, size, ...props }: ComponentProps<typeof Button>): ReactElement;
+type AttachmentTriggerState = {
+    slot: "attachment-trigger";
+    density?: Density;
+};
+type AttachmentTriggerProps = useRender.ComponentProps<"button", AttachmentTriggerState> & IDensityProps;
+declare function AttachmentTrigger({ density, className, render, type, ...props }: AttachmentTriggerProps): ReactElement;
+type AttachmentGroupProps = ComponentProps<"div"> & IDensityProps;
+declare function AttachmentGroup({ density, className, ...props }: AttachmentGroupProps): ReactElement;
+export { Attachment, AttachmentGroup, AttachmentMedia, AttachmentContent, AttachmentTitle, AttachmentDescription, AttachmentActions, AttachmentAction, AttachmentTrigger, };