@sth87/shadcn-design-system 0.1.9 → 0.2.1

package/dist/esm/components/Table/data-table.js

@@ -1,133 +1,100 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { flexRender as p } from "@tanstack/react-table";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { flexRender as a } from "@tanstack/react-table";
 import { DataTablePagination as x } from "./data-table-pagination.js";
-import "@radix-ui/react-slot";
-import "../../packages/ui/src/components/button.js";
-import "../../packages/ui/src/components/button-group.js";
-import "../../packages/ui/src/components/input.js";
-import "../../packages/ui/src/components/textarea.js";
-import "@radix-ui/react-label";
-import { cn as a } from "../../packages/ui/src/lib/utils.js";
-import "../../packages/ui/src/components/select.js";
-import "../../packages/ui/src/components/combobox.js";
-import "@radix-ui/react-tooltip";
-import "react";
-import "lucide-react";
-import "react-day-picker";
-import "../../packages/ui/src/components/popover.js";
-import "@radix-ui/react-separator";
-import "../../packages/ui/src/components/switch.js";
-import "vaul";
-import "@radix-ui/react-scroll-area";
-import "../../packages/ui/src/components/tree-view.js";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-avatar";
-import "../../packages/ui/src/components/badge.js";
-import "../../packages/ui/src/components/checkbox.js";
-import "@radix-ui/react-collapsible";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-dropdown-menu";
-import "../../packages/ui/src/components/input-otp.js";
-import "../../packages/ui/src/components/radio-group.js";
-import "../../packages/ui/src/components/sidebar.js";
-import "@radix-ui/react-slider";
-import "../../packages/ui/src/components/tabs.js";
-import "../../packages/ui/src/components/toggle.js";
-import { Table as b, TableHeader as w, TableRow as t, TableHead as T, TableBody as C, TableCell as d } from "../../packages/ui/src/components/table.js";
-import { getCommonPinningStyles as u } from "../../utils/data-table.js";
+import { cn as u } from "../../packages/ui/src/lib/utils.js";
+import { Table as b, TableHeader as w, TableRow as n, TableHead as T, TableBody as C, TableCell as t } from "../../packages/ui/src/components/table.js";
+import { getCommonPinningStyles as f } from "../../utils/data-table.js";
 import { DataTableColumnHeader as y } from "./data-table-column-header.js";
-function po({
-  table: r,
-  actionBar: n,
-  children: f,
-  className: g,
-  pagination: m = !0,
+function k({
+  table: o,
+  actionBar: c,
+  children: g,
+  className: p,
+  pagination: s = !0,
   sticky: D,
   bordered: S,
-  loading: s,
-  footer: c,
+  loading: m,
+  footer: i,
   ...h
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: a(
+      className: u(
         "ds:flex ds:w-full ds:flex-col ds:gap-2.5 ds:relative",
-        g
+        p
       ),
       ...h,
       children: [
-        f,
-        s && /* @__PURE__ */ o("div", { className: "ds:absolute ds:inset-0 ds:bg-background/50 ds:flex ds:items-center ds:justify-center ds:z-20", children: "Loading..." }),
-        /* @__PURE__ */ o(
+        g,
+        m && /* @__PURE__ */ e("div", { className: "ds:absolute ds:inset-0 ds:bg-background/50 ds:flex ds:items-center ds:justify-center ds:z-20", children: "Loading..." }),
+        /* @__PURE__ */ e(
           "div",
           {
-            className: a(
+            className: u(
               "ds:overflow-auto ds:rounded-md ds:border ds:border-border",
-              s && "ds:blur-sm"
+              m && "ds:blur-sm"
             ),
-            children: /* @__PURE__ */ i(b, { children: [
-              /* @__PURE__ */ o(w, { children: r.getHeaderGroups().map((l) => /* @__PURE__ */ o(t, { children: l.headers.map((e) => /* @__PURE__ */ o(
+            children: /* @__PURE__ */ r(b, { children: [
+              /* @__PURE__ */ e(w, { children: o.getHeaderGroups().map((d) => /* @__PURE__ */ e(n, { children: d.headers.map((l) => /* @__PURE__ */ e(
                 T,
                 {
-                  colSpan: e.colSpan,
+                  colSpan: l.colSpan,
                   style: {
-                    ...u({ column: e.column })
+                    ...f({ column: l.column })
                   },
-                  children: e.isPlaceholder ? null : e.column.columnDef.header ? typeof e.column.columnDef.header == "function" ? p(
-                    e.column.columnDef.header,
-                    e.getContext()
-                  ) : /* @__PURE__ */ o(y, { column: e.column }) : null
+                  children: l.isPlaceholder ? null : l.column.columnDef.header ? typeof l.column.columnDef.header == "function" ? a(
+                    l.column.columnDef.header,
+                    l.getContext()
+                  ) : /* @__PURE__ */ e(y, { column: l.column }) : null
                 },
-                e.id
-              )) }, l.id)) }),
-              /* @__PURE__ */ o(C, { children: r.getRowModel().rows?.length ? r.getRowModel().rows.map((l) => /* @__PURE__ */ o(
-                t,
+                l.id
+              )) }, d.id)) }),
+              /* @__PURE__ */ e(C, { children: o.getRowModel().rows?.length ? o.getRowModel().rows.map((d) => /* @__PURE__ */ e(
+                n,
                 {
-                  "data-state": l.getIsSelected() && "selected",
-                  children: l.getVisibleCells().map((e) => /* @__PURE__ */ o(
-                    d,
+                  "data-state": d.getIsSelected() && "selected",
+                  children: d.getVisibleCells().map((l) => /* @__PURE__ */ e(
+                    t,
                     {
                       style: {
-                        ...u({ column: e.column })
+                        ...f({ column: l.column })
                       },
-                      children: p(
-                        e.column.columnDef.cell,
-                        e.getContext()
+                      children: a(
+                        l.column.columnDef.cell,
+                        l.getContext()
                       )
                     },
-                    e.id
+                    l.id
                   ))
                 },
-                l.id
-              )) : /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(
-                d,
+                d.id
+              )) : /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                t,
                 {
-                  colSpan: r.getAllColumns().length,
+                  colSpan: o.getAllColumns().length,
                   className: "ds:h-24 ds:text-center",
                   children: "No results."
                 }
               ) }) }),
-              c && /* @__PURE__ */ o("tfoot", { children: /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(d, { colSpan: r.getAllColumns().length, children: c(r.getRowModel().rows.map((l) => l.original)) }) }) })
+              i && /* @__PURE__ */ e("tfoot", { children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(t, { colSpan: o.getAllColumns().length, children: i(o.getRowModel().rows.map((d) => d.original)) }) }) })
             ] })
           }
         ),
-        /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-2.5", children: [
-          m && /* @__PURE__ */ o(
+        /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-2.5", children: [
+          s && /* @__PURE__ */ e(
             x,
             {
-              table: r,
-              ...m === !0 ? {} : m
+              table: o,
+              ...s === !0 ? {} : s
             }
           ),
-          n && r.getFilteredSelectedRowModel().rows.length > 0 && n
+          c && o.getFilteredSelectedRowModel().rows.length > 0 && c
         ] })
       ]
     }
   );
 }
 export {
-  po as DataTable
+  k as DataTable
 };
-//# sourceMappingURL=data-table.js.map

package/dist/esm/components/Table/index.js

@@ -0,0 +1,20 @@
+import { DataTable as o } from "./data-table.js";
+import { DataTableColumnHeader as t } from "./data-table-column-header.js";
+import { DataTablePagination as m } from "./data-table-pagination.js";
+import { DataTableToolbar as b } from "./data-table-toolbar.js";
+import { DataTableViewOptions as x } from "./data-table-view-options.js";
+import { selectColumn as T } from "./select-column.js";
+import { DataTableDateFilter as n } from "./TableFilter/data-table-date-filter.js";
+import { DataTableFilterPopover as d } from "./TableFilter/data-table-filter-popover.js";
+import { DataTableSliderFilter as u } from "./TableFilter/data-table-slider-filter.js";
+export {
+  o as DataTable,
+  t as DataTableColumnHeader,
+  n as DataTableDateFilter,
+  d as DataTableFilterPopover,
+  m as DataTablePagination,
+  u as DataTableSliderFilter,
+  b as DataTableToolbar,
+  x as DataTableViewOptions,
+  T as selectColumn
+};

package/dist/esm/components/Table/select-column.js

@@ -30,4 +30,3 @@ const i = n;
 export {
   i as selectColumn
 };
-//# sourceMappingURL=select-column.js.map

package/dist/esm/components/Tabs/Tabs.js

@@ -550,4 +550,3 @@ Me.displayName = "Tabs";
 export {
   Me as default
 };
-//# sourceMappingURL=Tabs.js.map

package/dist/esm/components/Tabs/classes.js

@@ -1,38 +1,5 @@
-import "@radix-ui/react-slot";
-import "../../packages/ui/src/components/button.js";
-import "../../packages/ui/src/components/button-group.js";
-import "../../packages/ui/src/components/input.js";
-import "../../packages/ui/src/components/textarea.js";
-import "react/jsx-runtime";
-import "@radix-ui/react-label";
 import { cn as s } from "../../packages/ui/src/lib/utils.js";
-import "../../packages/ui/src/components/select.js";
-import "../../packages/ui/src/components/combobox.js";
-import "@radix-ui/react-tooltip";
-import "react";
-import "lucide-react";
-import "react-day-picker";
-import "../../packages/ui/src/components/popover.js";
-import "@radix-ui/react-separator";
-import "../../packages/ui/src/components/switch.js";
-import "vaul";
-import "@radix-ui/react-scroll-area";
-import "../../packages/ui/src/components/tree-view.js";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-avatar";
-import "../../packages/ui/src/components/badge.js";
-import "../../packages/ui/src/components/checkbox.js";
-import "@radix-ui/react-collapsible";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-dropdown-menu";
-import "../../packages/ui/src/components/input-otp.js";
-import "../../packages/ui/src/components/radio-group.js";
-import "../../packages/ui/src/components/sidebar.js";
-import "@radix-ui/react-slider";
-import "../../packages/ui/src/components/tabs.js";
-import "../../packages/ui/src/components/toggle.js";
-const J = {
+const c = {
   sm: {
     horizontal: "ds:text-xs ds:h-7 ds:[&>button]:px-2",
     vertical: "ds:text-xs ds:[&>button]:py-0.5"
@@ -45,7 +12,7 @@ const J = {
     horizontal: "ds:text-base ds:h-11 ds:[&>button]:px-4",
     vertical: "ds:text-base ds:[&>button]:py-1.5"
   }
-}, K = {
+}, n = {
   start: {
     horizontal: "ds:justify-start",
     vertical: "ds:items-start"
@@ -58,7 +25,7 @@ const J = {
     horizontal: "ds:justify-end",
     vertical: "ds:items-end"
   }
-}, N = {
+}, b = {
   top: {
     root: "ds:flex ds:flex-col",
     list: "ds:flex-row"
@@ -75,7 +42,7 @@ const J = {
     root: "ds:flex ds:flex-row-reverse",
     list: "ds:flex-col ds:h-fit"
   }
-}, O = (a, t) => {
+}, i = (a, t) => {
   const d = {
     primary: {
       bg: "ds:data-[state=active]:bg-primary ds:dark:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground ds:dark:data-[state=active]:text-primary-foreground",
@@ -132,21 +99,21 @@ const J = {
     default:
       return "";
   }
-}, Q = (a, t, r) => {
+}, l = (a, t, e) => {
   if (a === "underlined")
     return {
       top: "ds:border-b",
       bottom: "ds:border-t",
       left: "ds:border-r",
       right: "ds:border-l"
-    }[r];
+    }[e];
   if (a === "enclosed") {
     const d = {
       top: "ds:border-b",
       bottom: "ds:border-t",
       left: "ds:border-r",
       right: "ds:border-l"
-    }, e = {
+    }, r = {
       top: {
         primary: "ds:border-b-primary",
         secondary: "ds:border-b-secondary",
@@ -184,7 +151,7 @@ const J = {
         warning: "ds:border-l-warning"
       }
     };
-    return `${d[r]} ${e[r][t]}`;
+    return `${d[e]} ${r[e][t]}`;
   }
   if (a === "enclosed-fill") {
     const d = {
@@ -192,7 +159,7 @@ const J = {
       bottom: "ds:border-t",
       left: "ds:border-r",
       right: "ds:border-l"
-    }, e = {
+    }, r = {
       top: {
         primary: "ds:border-b-primary",
         secondary: "ds:border-b-secondary",
@@ -230,10 +197,10 @@ const J = {
         warning: "ds:border-l-warning"
       }
     };
-    return `${d[r]} ${e[r][t]}`;
+    return `${d[e]} ${r[e][t]}`;
   }
   return "";
-}, R = (a) => {
+}, g = (a) => {
   const t = "ds:bg-background ds:dark:bg-background ds:rounded-none ds:border-0 ds:border-transparent ds:data-[state=active]:shadow-none";
   return {
     top: `${t} ds:border-b-2 ds:h-full`,
@@ -241,7 +208,7 @@ const J = {
     left: `${t} ds:border-r-2 ds:w-full`,
     right: `${t} ds:border-l-2 ds:w-full`
   }[a];
-}, S = (a) => {
+}, u = (a) => {
   const t = "ds:bg-background ds:dark:bg-background ds:border ds:border-transparent ds:data-[state=active]:shadow-none ds:rounded-none";
   return {
     top: `${t} ds:rounded-t-md ds:data-[state=active]:border-t ds:data-[state=active]:border-l ds:data-[state=active]:border-r ds:data-[state=active]:border-b-0 ds:data-[state=active]:border-b-background dark:ds:data-[state=active]:border-b-background ds:h-full ds:data-[state=active]:-mb-0.5 ds:data-[state=active]:translate-y-[0px]`,
@@ -249,7 +216,7 @@ const J = {
     left: `${t} ds:rounded-l-md ds:data-[state=active]:border-t ds:data-[state=active]:border-l ds:data-[state=active]:border-b ds:data-[state=active]:border-r-0 ds:data-[state=active]:border-r-background dark:ds:data-[state=active]:border-r-background ds:w-full ds:data-[state=active]:-mr-0.5 ds:data-[state=active]:translate-x-[1px]`,
     right: `${t} ds:rounded-r-md ds:data-[state=active]:border-t ds:data-[state=active]:border-r ds:data-[state=active]:border-b ds:data-[state=active]:border-l-0 ds:data-[state=active]:border-l-background dark:ds:data-[state=active]:border-l-background ds:w-full ds:data-[state=active]:-ml-0.5 ds:data-[state=active]:translate-x-[1px]`
   }[a];
-}, V = (a) => {
+}, v = (a) => {
   const t = "ds:bg-muted ds:dark:bg-muted ds:border ds:border-transparent ds:data-[state=active]:bg-background ds:dark:data-[state=active]:bg-background ds:data-[state=active]:shadow-none ds:rounded-none";
   return {
     top: `${t} ds:rounded-t-md ds:data-[state=active]:border-t ds:data-[state=active]:border-l ds:data-[state=active]:border-r ds:data-[state=active]:border-b-0 ds:data-[state=active]:border-b-background dark:ds:data-[state=active]:border-b-background ds:h-full ds:data-[state=active]:-mb-0.5 ds:data-[state=active]:translate-y-[0px]`,
@@ -257,7 +224,7 @@ const J = {
     left: `${t} ds:rounded-l-md ds:data-[state=active]:border-t ds:data-[state=active]:border-l ds:data-[state=active]:border-b ds:data-[state=active]:border-r-0 ds:data-[state=active]:border-r-background dark:ds:data-[state=active]:border-r-background ds:w-full ds:data-[state=active]:-mr-0.5 ds:data-[state=active]:translate-x-[1px]`,
     right: `${t} ds:rounded-r-md ds:data-[state=active]:border-t ds:data-[state=active]:border-r ds:data-[state=active]:border-b ds:data-[state=active]:border-l-0 ds:data-[state=active]:border-l-background dark:ds:data-[state=active]:border-l-background ds:w-full ds:data-[state=active]:-ml-0.5 ds:data-[state=active]:translate-x-[1px]`
   }[a];
-}, W = {
+}, p = {
   // Solid: Default style (muted background, active has white background)
   solid: {
     list: {
@@ -365,14 +332,13 @@ const J = {
   }
 };
 export {
-  K as alignmentClasses,
-  O as getColorClasses,
-  V as getEnclosedFillTriggerClasses,
-  S as getEnclosedTriggerClasses,
-  Q as getListBorderClasses,
-  R as getUnderlinedTriggerClasses,
-  N as positionClasses,
-  J as sizeClasses,
-  W as variantClasses
+  n as alignmentClasses,
+  i as getColorClasses,
+  v as getEnclosedFillTriggerClasses,
+  u as getEnclosedTriggerClasses,
+  l as getListBorderClasses,
+  g as getUnderlinedTriggerClasses,
+  b as positionClasses,
+  c as sizeClasses,
+  p as variantClasses
 };
-//# sourceMappingURL=classes.js.map

package/dist/esm/components/Tabs/index.js

@@ -0,0 +1,5 @@
+import { default as f, default as t } from "./Tabs.js";
+export {
+  f as Tabs,
+  t as default
+};

package/dist/esm/components/Textarea/Textarea.js

@@ -137,4 +137,3 @@ X.displayName = "Textarea";
 export {
   X as default
 };
-//# sourceMappingURL=Textarea.js.map

package/dist/esm/components/Textarea/index.js

@@ -0,0 +1,5 @@
+import { default as t, default as f } from "./Textarea.js";
+export {
+  t as Textarea,
+  f as default
+};

package/dist/esm/components/TimeGridView.js

@@ -1,40 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import * as w from "react";
 import { memo as $, useMemo as h } from "react";
-import "@radix-ui/react-slot";
-import "../packages/ui/src/components/button.js";
-import "../packages/ui/src/components/button-group.js";
-import "../packages/ui/src/components/input.js";
-import "../packages/ui/src/components/textarea.js";
-import "@radix-ui/react-label";
 import { cn as C } from "../packages/ui/src/lib/utils.js";
-import "../packages/ui/src/components/select.js";
-import "../packages/ui/src/components/combobox.js";
-import "@radix-ui/react-tooltip";
-import "lucide-react";
-import "react-day-picker";
-import "../packages/ui/src/components/popover.js";
-import "@radix-ui/react-separator";
-import "../packages/ui/src/components/switch.js";
-import "vaul";
-import "@radix-ui/react-scroll-area";
-import "../packages/ui/src/components/tree-view.js";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-avatar";
-import "../packages/ui/src/components/badge.js";
-import "../packages/ui/src/components/checkbox.js";
-import "@radix-ui/react-collapsible";
-import "cmdk";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-dropdown-menu";
-import "../packages/ui/src/components/input-otp.js";
-import "../packages/ui/src/components/radio-group.js";
-import "../packages/ui/src/components/sidebar.js";
-import "@radix-ui/react-slider";
-import "../packages/ui/src/components/tabs.js";
-import "../packages/ui/src/components/toggle.js";
 import N from "./Button/Button.js";
-const s = (o) => String(o).padStart(2, "0"), V = (o = "primary") => ({
+const s = (r) => String(r).padStart(2, "0"), V = (r = "primary") => ({
   primary: {
     bg: "ds:bg-primary",
     text: "ds:text-primary-foreground"
@@ -71,53 +40,53 @@ const s = (o) => String(o).padStart(2, "0"), V = (o = "primary") => ({
     bg: "ds:bg-foreground",
     text: "ds:text-background"
   }
-})[o], k = $(
+})[r], k = $(
   w.forwardRef(
     ({
-      HOURS: o,
+      HOURS: r,
       MINUTES: d,
-      hours: m,
-      minutes: n,
-      disabled: g,
-      isTimeDisabled: p,
-      onTimeSelect: u,
-      color: f = "primary"
-    }, l) => {
-      const x = h(() => {
-        const t = [];
-        for (const r of o)
-          for (const e of d)
-            t.push({
-              h: r,
-              m: e,
-              display: `${s(r)}:${s(e)}`
+      hours: c,
+      minutes: a,
+      disabled: m,
+      isTimeDisabled: i,
+      onTimeSelect: f,
+      color: l = "primary"
+    }, x) => {
+      const b = h(() => {
+        const e = [];
+        for (const t of r)
+          for (const o of d)
+            e.push({
+              h: t,
+              m: o,
+              display: `${s(t)}:${s(o)}`
             });
-        return t;
-      }, [o, d]), b = m !== void 0 && n !== void 0 ? `${s(m)}:${s(n)}` : "", v = (t, r) => {
-        p(t, r, 0) || u(t, r);
+        return e;
+      }, [r, d]), p = c !== void 0 && a !== void 0 ? `${s(c)}:${s(a)}` : "", v = (e, t) => {
+        i(e, t, 0) || f(e, t);
       };
-      return /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-2", children: /* @__PURE__ */ i(
+      return /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-2", children: /* @__PURE__ */ n(
         "div",
         {
-          ref: l,
+          ref: x,
           className: "ds:flex ds:flex-col ds:gap-1 ds:h-64 ds:overflow-y-auto ds:p-2 ds:rounded-md",
-          children: x.map(({ h: t, m: r, display: e }) => {
-            const y = p(t, r, 0), c = e === b, a = V(f);
-            return /* @__PURE__ */ i(
+          children: b.map(({ h: e, m: t, display: o }) => {
+            const y = i(e, t, 0), g = o === p, u = V(l);
+            return /* @__PURE__ */ n(
               N,
               {
                 type: "button",
                 variant: "outline",
-                onClick: () => v(t, r),
-                "data-selected": c || void 0,
-                disabled: g || y,
+                onClick: () => v(e, t),
+                "data-selected": g || void 0,
+                disabled: m || y,
                 size: "sm",
                 className: C(
-                  c ? `${a.bg} ${a.text} ds:font-semibold` : "ds:text-foreground"
+                  g ? `${u.bg} ${u.text} ds:font-semibold` : "ds:text-foreground"
                 ),
-                children: e
+                children: o
               },
-              e
+              o
             );
           })
         }
@@ -129,4 +98,3 @@ k.displayName = "TimeGridView";
 export {
   k as TimeGridView
 };
-//# sourceMappingURL=TimeGridView.js.map