kiban-design-system 3.8.0 → 3.10.0

package/dist/components/data-table/hooks/useStickyColumns.js

@@ -0,0 +1,20 @@
+import { useRef as s, useState as o, useEffect as c } from "react";
+function f() {
+  const t = s(null), [n, l] = o(!1);
+  return c(() => {
+    if (t.current) {
+      const e = t.current.parentElement;
+      if (e) {
+        const r = () => {
+          l(e.scrollLeft > 0);
+        };
+        return e.addEventListener("scroll", r), () => {
+          e.removeEventListener("scroll", r);
+        };
+      }
+    }
+  }, []), { tableRef: t, isScrolled: n };
+}
+export {
+  f as useStickyColumns
+};

package/dist/components/data-table/utils/iconMap.d.ts

@@ -0,0 +1,4 @@
+export declare const iconMap: Record<string, React.ComponentType<{
+    className?: string;
+}>>;
+//# sourceMappingURL=iconMap.d.ts.map

package/dist/components/data-table/utils/iconMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMap.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/utils/iconMap.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAM/E,CAAC"}

package/dist/components/data-table/utils/iconMap.js

@@ -0,0 +1,11 @@
+import { CircleHelp as l, AlertCircle as r, Info as c, HelpCircle as e } from "lucide-react";
+const p = {
+  help: e,
+  helpCircle: e,
+  info: c,
+  alertCircle: r,
+  circleHelp: l
+};
+export {
+  p as iconMap
+};

package/dist/components/data-table/utils/stickyColumns.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+export type ColumnMeta = {
+    help?: {
+        icon?: ReactNode | string;
+        tooltip: string;
+    };
+    sticky?: "left" | "right";
+};
+export declare const getStickyColumns: (headers: Array<{
+    column: {
+        columnDef: {
+            meta?: ColumnMeta;
+        };
+    };
+}>) => number[];
+export declare const calculateStickyOffset: (stickyIndices: number[], columnIndex: number, columnWidth?: number) => number;
+//# sourceMappingURL=stickyColumns.d.ts.map

package/dist/components/data-table/utils/stickyColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickyColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/utils/stickyColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAC3B,SAAS,KAAK,CAAC;IACb,MAAM,EAAE;QAAE,SAAS,EAAE;YAAE,IAAI,CAAC,EAAE,UAAU,CAAA;SAAE,CAAA;KAAE,CAAC;CAC9C,CAAC,KACD,MAAM,EASR,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAChC,eAAe,MAAM,EAAE,EACvB,aAAa,MAAM,EACnB,cAAa,MAAW,KACvB,MAMF,CAAC"}

package/dist/components/data-table/utils/stickyColumns.js

@@ -0,0 +1,10 @@
+const u = (t) => {
+  const e = [];
+  return t.forEach((c, n) => {
+    c.column.columnDef.meta?.sticky === "left" && e.push(n);
+  }), e;
+}, f = (t, e, c = 48) => t.includes(e) ? t.slice(0, t.indexOf(e)).reduce((n) => n + c, 0) : 0;
+export {
+  f as calculateStickyOffset,
+  u as getStickyColumns
+};

package/dist/components/data-table.d.ts

@@ -0,0 +1,2 @@
+export { DataTable } from "./data-table/data-table";
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/components/data-table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/header.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export type HeaderAction = {
+    text: string;
+    onClick?: () => void;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+};
+export type HeaderUserMenuItem = {
+    label: string;
+    onClick?: () => void;
+    href?: string;
+    variant?: "default" | "destructive";
+};
+interface HeaderProps extends React.ComponentProps<"header"> {
+    logo?: string | React.ReactNode;
+    user?: {
+        name: string;
+        email: string;
+        avatar?: string;
+    };
+    /** Ítems del menú del usuario (logout, billing, etc.). Si está vacío o no se pasa, no se muestra dropdown. */
+    userMenuItems?: HeaderUserMenuItem[];
+    extraActions?: HeaderAction[];
+}
+export declare function Header({ className, logo, user, userMenuItems, extraActions, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=header.d.ts.map

package/dist/components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/components/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;CAClF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,CAAC;AAEF,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,8GAA8G;IAC9G,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;CAC/B;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,WAAW,2CA8Fb"}

package/dist/components/header.js

@@ -0,0 +1,81 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import "react";
+import { User as g, ChevronDown as u } from "lucide-react";
+import { cn as v } from "../lib/utils.js";
+import { Button as x } from "./ui/button.js";
+import { Avatar as b, AvatarImage as N, AvatarFallback as k } from "./ui/avatar.js";
+import { DropdownMenu as w, DropdownMenuTrigger as C, DropdownMenuContent as y, DropdownMenuItem as d } from "./ui/dropdown-menu.js";
+function B({
+  className: c,
+  logo: n,
+  user: r,
+  userMenuItems: i,
+  extraActions: o,
+  ...m
+}) {
+  const h = n ? /* @__PURE__ */ e("div", { className: "flex items-center", "data-slot": "header-logo", children: typeof n == "string" ? /* @__PURE__ */ e("img", { src: n, alt: "Kiban", className: "h-8 w-auto" }) : n }) : null, f = o && o.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", "data-slot": "header-extra-actions", children: o.map((a, t) => /* @__PURE__ */ e(
+    x,
+    {
+      onClick: a.onClick,
+      variant: a.variant,
+      size: "sm",
+      "data-slot": "header-extra-action",
+      children: a.text
+    },
+    t
+  )) }) : null, s = r ? /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      className: "flex items-center gap-3 cursor-pointer outline-none rounded-lg hover:bg-slate-50 px-1 py-0.5 -mx-1 -my-0.5 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "data-slot": "header-user-profile-trigger",
+      "aria-haspopup": "menu",
+      "aria-expanded": void 0,
+      children: [
+        /* @__PURE__ */ l(b, { className: "size-10", children: [
+          r.avatar && /* @__PURE__ */ e(N, { src: r.avatar, alt: r.name }),
+          /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(g, { className: "size-5" }) })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex flex-col text-left", children: [
+          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground leading-5", children: r.name }),
+          /* @__PURE__ */ e("span", { className: "text-sm text-foreground leading-5", children: r.email })
+        ] }),
+        /* @__PURE__ */ e(u, { className: "size-4 text-muted-foreground shrink-0" })
+      ]
+    }
+  ) : null, p = r && i && i.length > 0 ? /* @__PURE__ */ l(w, { children: [
+    /* @__PURE__ */ e(C, { asChild: !0, children: s }),
+    /* @__PURE__ */ e(y, { align: "end", className: "min-w-[12rem]", children: i.map(
+      (a, t) => a.href ? /* @__PURE__ */ e(d, { variant: a.variant, asChild: !0, children: /* @__PURE__ */ e("a", { href: a.href, children: a.label }) }, t) : /* @__PURE__ */ e(
+        d,
+        {
+          variant: a.variant,
+          onClick: a.onClick,
+          children: a.label
+        },
+        t
+      )
+    ) })
+  ] }) : r ? /* @__PURE__ */ e("div", { "data-slot": "header-user-profile", children: s }) : null;
+  return /* @__PURE__ */ l(
+    "header",
+    {
+      "data-slot": "header",
+      className: v(
+        "flex h-16 items-center justify-between bg-background border-b border-slate-200 px-6",
+        c
+      ),
+      ...m,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center flex-1", children: h }),
+        /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
+          f,
+          p
+        ] })
+      ]
+    }
+  );
+}
+export {
+  B as Header
+};

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, children, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;CAC/B,2CAYA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAavD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAczE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,CAAA"}

package/dist/components/ui/avatar.js

@@ -0,0 +1,106 @@
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+import * as i from "@radix-ui/react-avatar";
+import { cn as r } from "../../lib/utils.js";
+function g({
+  className: a,
+  size: t = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ e(
+    i.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": t,
+      className: r(
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        a
+      ),
+      ...s
+    }
+  );
+}
+function l({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    i.Image,
+    {
+      "data-slot": "avatar-image",
+      className: r("aspect-square size-full", a),
+      ...t
+    }
+  );
+}
+function d({
+  className: a,
+  children: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e(
+    i.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: r(
+        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
+        a
+      ),
+      ...s,
+      children: t
+    }
+  );
+}
+function v({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: r(
+        "bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function m({ className: a, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: r(
+        "*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function p({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: r(
+        "bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        a
+      ),
+      ...t
+    }
+  );
+}
+export {
+  g as Avatar,
+  v as AvatarBadge,
+  d as AvatarFallback,
+  m as AvatarGroup,
+  p as AvatarGroupCount,
+  l as AvatarImage
+};

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAmBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAU3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/badge.js

@@ -0,0 +1,40 @@
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+import { Slot as o } from "@radix-ui/react-slot";
+import { cva as n } from "class-variance-authority";
+import { cn as s } from "../../lib/utils.js";
+const d = n(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function l({
+  className: r,
+  variant: e,
+  asChild: t = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ a(
+    t ? o : "span",
+    {
+      "data-slot": "badge",
+      className: s(d({ variant: e }), r),
+      ...i
+    }
+  );
+}
+export {
+  l as Badge,
+  d as badgeVariants
+};

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAuBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/ui/checkbox.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+import * as t from "@radix-ui/react-checkbox";
+import { MinusIcon as i, CheckIcon as d } from "lucide-react";
+import { cn as n } from "../../lib/utils.js";
+function l({
+  className: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    t.Root,
+    {
+      "data-slot": "checkbox",
+      className: n(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground dark:data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        a
+      ),
+      ...r,
+      children: /* @__PURE__ */ e(
+        t.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          asChild: !0,
+          children: r.checked === "indeterminate" ? /* @__PURE__ */ e(i, { className: "size-3.5" }) : /* @__PURE__ */ e(d, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+export {
+  l as Checkbox
+};

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem, DropdownMenuShortcut, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/ui/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAIvE,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AAExD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAElD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAcjB,CAAC;AAGH,QAAA,MAAM,sBAAsB,6KAgB1B,CAAC;AAGH,QAAA,MAAM,mBAAmB,0KAmBvB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGV,OAAO;cACL,SAAS,GAAG,aAAa;wCAcrC,CAAC;AAGH,QAAA,MAAM,wBAAwB,+KAe5B,CAAC;AAIH,QAAA,MAAM,qBAAqB,4KAczB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAQvC,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC"}

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,126 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as d from "react";
+import { SubTrigger as i, SubContent as l, Portal as g, Content as m, Item as c, CheckboxItem as p, RadioItem as f, Label as u, Separator as b, Root as x, Trigger as w } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import { cn as r } from "../../lib/utils.js";
+const k = x, T = w, y = d.forwardRef(({ className: e, inset: t, children: o, ...a }, s) => /* @__PURE__ */ n(
+  i,
+  {
+    ref: s,
+    className: r(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      t && "pl-8",
+      e
+    ),
+    ...a,
+    children: o
+  }
+));
+y.displayName = i.displayName;
+const N = d.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ n(
+  l,
+  {
+    ref: o,
+    className: r(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-200 bg-background p-1 text-foreground shadow-lg",
+      "animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "origin-[var(--radix-dropdown-menu-content-transform-origin)]",
+      e
+    ),
+    ...t
+  }
+));
+N.displayName = l.displayName;
+const v = d.forwardRef(({ className: e, sideOffset: t = 4, ...o }, a) => /* @__PURE__ */ n(g, { children: /* @__PURE__ */ n(
+  m,
+  {
+    ref: a,
+    sideOffset: t,
+    className: r(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-200 bg-background p-1 text-foreground shadow-lg",
+      "animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "origin-[var(--radix-dropdown-menu-content-transform-origin)]",
+      e
+    ),
+    ...o
+  }
+) }));
+v.displayName = m.displayName;
+const R = d.forwardRef(({ className: e, inset: t, variant: o = "default", ...a }, s) => /* @__PURE__ */ n(
+  c,
+  {
+    ref: s,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t && "pl-8",
+      o === "destructive" && "text-destructive focus:bg-destructive/10 focus:text-destructive",
+      e
+    ),
+    ...a
+  }
+));
+R.displayName = c.displayName;
+const h = d.forwardRef(({ className: e, children: t, checked: o, ...a }, s) => /* @__PURE__ */ n(
+  p,
+  {
+    ref: s,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: o,
+    ...a,
+    children: t
+  }
+));
+h.displayName = p.displayName;
+const D = d.forwardRef(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ n(
+  f,
+  {
+    ref: a,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...o,
+    children: t
+  }
+));
+D.displayName = f.displayName;
+const M = d.forwardRef(({ className: e, inset: t, ...o }, a) => /* @__PURE__ */ n(
+  u,
+  {
+    ref: a,
+    className: r(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      e
+    ),
+    ...o
+  }
+));
+M.displayName = u.displayName;
+const C = d.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ n(
+  b,
+  {
+    ref: o,
+    className: r("-mx-1 my-1 h-px bg-slate-200", e),
+    ...t
+  }
+));
+C.displayName = b.displayName;
+export {
+  k as DropdownMenu,
+  h as DropdownMenuCheckboxItem,
+  v as DropdownMenuContent,
+  R as DropdownMenuItem,
+  M as DropdownMenuLabel,
+  D as DropdownMenuRadioItem,
+  C as DropdownMenuSeparator,
+  N as DropdownMenuSubContent,
+  y as DropdownMenuSubTrigger,
+  T as DropdownMenuTrigger
+};

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAapE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}