@dbcdk/react-components 0.0.2 → 0.0.4

package/dist/tanstack.js

@@ -0,0 +1,206 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useReactTable, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
+import { Table } from './components/table/Table';
+import ColumnResizer from './components/table/components/column-resizer/ColumnResizer';
+
+function mapDefsToColumnItems(defs) {
+  if (!(defs == null ? void 0 : defs.length)) return [];
+  return defs.map((def) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    const header = typeof def.header === "string" ? def.header : String((_b = (_a = def.accessorKey) != null ? _a : def.id) != null ? _b : "");
+    const accessor = def.accessorKey;
+    const accessorFn = def.accessorFn;
+    const cell = def.cell;
+    let render;
+    if (typeof cell === "function") {
+      render = (row) => cell({
+        row: { original: row },
+        getValue: () => accessor != null ? row[accessor] : accessorFn ? accessorFn(row) : void 0
+      });
+    } else if (accessorFn) {
+      render = (row) => accessorFn(row);
+    } else if (accessor != null) {
+      render = (row) => row[accessor];
+    }
+    return {
+      header,
+      accessor,
+      sortable: (_c = def.enableSorting) != null ? _c : !!accessor,
+      render,
+      hidden: (_e = (_d = def.meta) == null ? void 0 : _d.hidden) != null ? _e : false,
+      align: (_g = (_f = def.meta) == null ? void 0 : _f.align) != null ? _g : void 0,
+      fitContent: (_i = (_h = def.meta) == null ? void 0 : _h.fitContent) != null ? _i : false,
+      fillWidth: (_k = (_j = def.meta) == null ? void 0 : _j.fillWidth) != null ? _k : false
+    };
+  });
+}
+function TanstackTable({
+  data,
+  dataKey,
+  columns,
+  filterable = [],
+  loading,
+  onRowClick,
+  striped,
+  fillViewport = false,
+  viewportBottomOffset = 0,
+  viewportMin = 120,
+  viewportIncludeMarginTop = false,
+  pageSize,
+  skip,
+  totalItemsCount,
+  onPageChange,
+  variant,
+  size
+}) {
+  var _a, _b;
+  const [sorting, setSorting] = React.useState([]);
+  const [columnFilters, setColumnFilters] = React.useState([]);
+  const [columnSizing, setColumnSizing] = React.useState({});
+  const table = useReactTable({
+    data,
+    columns,
+    state: { sorting, columnFilters, columnSizing },
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnSizingChange: setColumnSizing,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    enableColumnResizing: true,
+    columnResizeMode: "onChange",
+    defaultColumn: {
+      enableResizing: true,
+      minSize: 80,
+      size: 180,
+      maxSize: 800
+    }
+  });
+  const columnItems = React.useMemo(() => mapDefsToColumnItems(columns), [columns]);
+  const visibleData = React.useMemo(
+    () => table.getRowModel().rows.map((r) => r.original),
+    [table, data]
+  );
+  const s = (_a = table.getState().sorting) == null ? void 0 : _a[0];
+  const sortBy = (_b = s == null ? void 0 : s.id) != null ? _b : void 0;
+  const sortDirection = s ? s.desc ? "desc" : "asc" : null;
+  const gridTemplateColumns = React.useMemo(() => {
+    return columnItems.filter((ci) => !ci.hidden).map((ci) => {
+      var _a2, _b2;
+      const id = String((_a2 = ci.accessor) != null ? _a2 : "");
+      const col = id ? table.getColumn(id) : void 0;
+      const w = (_b2 = col == null ? void 0 : col.getSize) == null ? void 0 : _b2.call(col);
+      if (ci.fillWidth) return "1fr";
+      if (ci.fitContent) return "1%";
+      return `${w != null ? w : 180}px`;
+    }).join(" ");
+  }, [columnItems, table, table.getState().columnSizing]);
+  const columnStyles = React.useMemo(() => {
+    var _a2;
+    const styles = {};
+    for (const c of table.getAllLeafColumns()) {
+      const id = c.id;
+      const key = (_a2 = c.columnDef.accessorKey) != null ? _a2 : id;
+      const ci = columnItems.find((x) => {
+        var _a3;
+        return String((_a3 = x.accessor) != null ? _a3 : "") === String(key);
+      });
+      if (ci == null ? void 0 : ci.fillWidth) {
+        styles[String(key)] = {
+          width: "auto",
+          minWidth: 0
+        };
+      } else if (ci == null ? void 0 : ci.fitContent) {
+        styles[String(key)] = {
+          width: "1%",
+          whiteSpace: "nowrap"
+        };
+      } else {
+        const w = c.getSize();
+        styles[String(key)] = { width: w, minWidth: w, maxWidth: w };
+      }
+    }
+    return styles;
+  }, [table, table.getState().columnSizing, columnItems]);
+  const headerExtras = React.useCallback(
+    ({ index }) => {
+      var _a2, _b2, _c, _d;
+      const headerGroups = table.getHeaderGroups();
+      const leafHeaders = headerGroups.length > 0 ? headerGroups[headerGroups.length - 1].headers : [];
+      const header = leafHeaders[index];
+      if (!header) return null;
+      const canResize = (_c = (_b2 = (_a2 = header.column).getCanResize) == null ? void 0 : _b2.call(_a2)) != null ? _c : false;
+      const handler = (_d = header.getResizeHandler) == null ? void 0 : _d.call(header);
+      if (!canResize || !handler) return null;
+      return /* @__PURE__ */ jsx(ColumnResizer, { id: header.column.id, handler });
+    },
+    [table]
+  );
+  const headerBelowRow = React.useMemo(() => {
+    if (!(filterable == null ? void 0 : filterable.length)) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns,
+          gap: 8
+        },
+        children: columnItems.map((ci) => {
+          var _a2, _b2;
+          const id = String((_a2 = ci.accessor) != null ? _a2 : "");
+          const isFilterable = id && filterable.includes(id);
+          if (!isFilterable) return /* @__PURE__ */ jsx("div", {}, id);
+          const col = table.getColumn(id);
+          const value = (_b2 = col == null ? void 0 : col.getFilterValue()) != null ? _b2 : "";
+          return /* @__PURE__ */ jsx(
+            "input",
+            {
+              value,
+              placeholder: `Filter ${ci.header}`,
+              onChange: (e) => col == null ? void 0 : col.setFilterValue(e.target.value),
+              style: { width: "100%", padding: "4px 6px" }
+            },
+            id
+          );
+        })
+      }
+    );
+  }, [columnItems, filterable, table, table.getState().columnFilters, gridTemplateColumns]);
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      dataKey,
+      variant,
+      data: visibleData,
+      columns: columnItems,
+      sortBy,
+      sortDirection,
+      onSortChange: (col, dir) => {
+        var _a2;
+        const id = String((_a2 = col.accessor) != null ? _a2 : "");
+        if (!id) return;
+        if (!dir) table.setSorting([]);
+        else table.setSorting([{ id, desc: dir === "desc" }]);
+      },
+      headerExtras,
+      columnStyles,
+      headerBelowRow,
+      loading,
+      onRowClick,
+      striped,
+      fillViewport,
+      viewportBottomOffset,
+      viewportMin,
+      viewportIncludeMarginTop,
+      take: pageSize,
+      skip,
+      totalItemsCount,
+      onPageChange,
+      size
+    }
+  );
+}
+
+export { TanstackTable };

package/dist/types/a11y-props.types.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/types/a11y-props.types.d.ts

@@ -0,0 +1,8 @@
+export type A11yProps = {
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-controls"?: string;
+    "aria-current"?: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    "aria-hidden"?: boolean;
+    title?: string;
+};

package/dist/types/a11y-props.types.js

@@ -0,0 +1 @@
+

package/dist/types/assets.d.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/types/assets.d.js

@@ -0,0 +1 @@
+

package/dist/types/css.d.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/types/css.d.js

@@ -0,0 +1 @@
+

package/dist/types/sizes.types.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/types/sizes.types.d.ts

@@ -0,0 +1,2 @@
+export type Size = "sm" | "md" | "lg" | "xl";
+export type SizeVariable = "var(--component-size-sm)" | "var(--component-size-md)" | "var(--component-size-lg)" | "var(--component-size-xl)";

package/dist/types/sizes.types.js

@@ -0,0 +1 @@
+

package/dist/utils/arrays/nested-filtering.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+const normalize = (s) => s.normalize("NFKC").toLowerCase().trim();
+const toTerms = (q) => (Array.isArray(q) ? q : q.split(/\s+/)).map(normalize).filter(Boolean);
+const valueToSearchable = (value) => typeof value === "string" ? value : Array.isArray(value) || typeof value === "object" ? JSON.stringify(value) : value == null ? "" : String(value);
+const itemMatches = (item, keys, terms, mode) => {
+  if (terms.length === 0) return true;
+  const haystack = keys.map((k) => valueToSearchable(item[k])).join(" ").toString();
+  const h = normalize(haystack);
+  const hit = (t) => h.includes(t);
+  return mode === "AND" ? terms.every(hit) : terms.some(hit);
+};
+function nestedFiltering(items, opts) {
+  const { keys, query, includeParents = true, childrenKey, mode = "AND" } = opts;
+  const ck = childrenKey != null ? childrenKey : "children";
+  const terms = toTerms(query);
+  const searchNested = (list) => {
+    const out = [];
+    for (const item of list) {
+      const children = item[ck] || [];
+      const filteredChildren = searchNested(children);
+      const matchedSelf = itemMatches(item, keys, terms, mode);
+      if (matchedSelf) {
+        const clone = { ...item, [ck]: filteredChildren };
+        out.push(clone);
+      } else if (filteredChildren.length) {
+        if (includeParents) {
+          const clone = { ...item, [ck]: filteredChildren };
+          out.push(clone);
+        } else {
+          out.push(...filteredChildren);
+        }
+      }
+    }
+    return out;
+  };
+  return searchNested(items);
+}
+
+exports.nestedFiltering = nestedFiltering;

package/dist/utils/arrays/nested-filtering.d.ts

@@ -0,0 +1,9 @@
+type Mode = 'AND' | 'OR';
+export declare function nestedFiltering<T extends Record<string, any>>(items: T[], opts: {
+    keys: (keyof T)[];
+    query: string | string[];
+    includeParents?: boolean;
+    childrenKey?: keyof T;
+    mode?: Mode;
+}): T[];
+export {};

package/dist/utils/arrays/nested-filtering.js

@@ -0,0 +1,38 @@
+const normalize = (s) => s.normalize("NFKC").toLowerCase().trim();
+const toTerms = (q) => (Array.isArray(q) ? q : q.split(/\s+/)).map(normalize).filter(Boolean);
+const valueToSearchable = (value) => typeof value === "string" ? value : Array.isArray(value) || typeof value === "object" ? JSON.stringify(value) : value == null ? "" : String(value);
+const itemMatches = (item, keys, terms, mode) => {
+  if (terms.length === 0) return true;
+  const haystack = keys.map((k) => valueToSearchable(item[k])).join(" ").toString();
+  const h = normalize(haystack);
+  const hit = (t) => h.includes(t);
+  return mode === "AND" ? terms.every(hit) : terms.some(hit);
+};
+function nestedFiltering(items, opts) {
+  const { keys, query, includeParents = true, childrenKey, mode = "AND" } = opts;
+  const ck = childrenKey != null ? childrenKey : "children";
+  const terms = toTerms(query);
+  const searchNested = (list) => {
+    const out = [];
+    for (const item of list) {
+      const children = item[ck] || [];
+      const filteredChildren = searchNested(children);
+      const matchedSelf = itemMatches(item, keys, terms, mode);
+      if (matchedSelf) {
+        const clone = { ...item, [ck]: filteredChildren };
+        out.push(clone);
+      } else if (filteredChildren.length) {
+        if (includeParents) {
+          const clone = { ...item, [ck]: filteredChildren };
+          out.push(clone);
+        } else {
+          out.push(...filteredChildren);
+        }
+      }
+    }
+    return out;
+  };
+  return searchNested(items);
+}
+
+export { nestedFiltering };

package/dist/utils/date/formatDate.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+function formatDate(date, options = {}) {
+  const d = date instanceof Date ? date : new Date(date);
+  if (isNaN(d.getTime())) return "";
+  const pad = (n) => n.toString().padStart(2, "0");
+  const day = pad(d.getDate());
+  const month = pad(d.getMonth() + 1);
+  const year = d.getFullYear();
+  const base = `${day}/${month}/${year}`;
+  if (!options.showTime) return base;
+  const hours = pad(d.getHours());
+  const minutes = pad(d.getMinutes());
+  if (!options.showSeconds) return `${base} ${hours}:${minutes}`;
+  const seconds = pad(d.getSeconds());
+  return `${base} ${hours}:${minutes}:${seconds}`;
+}
+
+exports.formatDate = formatDate;

package/dist/utils/date/formatDate.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Formats a Date as "dd:mm:yyyy" or "dd:mm:yyyy hh:mm:ss".
+ * All parts are zero-padded numbers.
+ *
+ * @param date - The Date or date-parsable value to format
+ * @param options.showSeconds - If true, append time "hh:mm:ss"
+ * @returns A formatted string
+ */
+export declare function formatDate(date: Date | string | number, options?: {
+    showTime?: boolean;
+    showSeconds?: boolean;
+}): string;

package/dist/utils/date/formatDate.js

@@ -0,0 +1,17 @@
+function formatDate(date, options = {}) {
+  const d = date instanceof Date ? date : new Date(date);
+  if (isNaN(d.getTime())) return "";
+  const pad = (n) => n.toString().padStart(2, "0");
+  const day = pad(d.getDate());
+  const month = pad(d.getMonth() + 1);
+  const year = d.getFullYear();
+  const base = `${day}/${month}/${year}`;
+  if (!options.showTime) return base;
+  const hours = pad(d.getHours());
+  const minutes = pad(d.getMinutes());
+  if (!options.showSeconds) return `${base} ${hours}:${minutes}`;
+  const seconds = pad(d.getSeconds());
+  return `${base} ${hours}:${minutes}:${seconds}`;
+}
+
+export { formatDate };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.2",
-  "description": "Reusable React components for DBCK projects",
+  "version": "0.0.4",
+  "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",
   "keywords": [
@@ -11,7 +11,9 @@
     "library"
   ],
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,49 +24,88 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
-    "./styles.css": "./dist/index.css",
+    "./components/*": "./dist/components/*",
+    "./icons/*": "./dist/icons/*",
+    "./hooks/*": "./dist/hooks/*",
+    "./styles/themes/*": "./dist/styles/themes/*",
+    "./styles.css": "./dist/styles/styles.css",
+    "./assets/*": "./dist/assets/*",
+    "./tanstack": {
+      "types": "./dist/tanstack.d.ts",
+      "import": "./dist/tanstack.js",
+      "require": "./dist/tanstack.cjs"
+    },
     "./package.json": "./package.json"
   },
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "scripts": {
-    "build": "tsup",
+    "build:js": "tsup",
+    "build:types": "tsc -p tsconfig.build.json",
+    "build": "npm run build:js && npm run build:types",
     "dev": "tsup --watch",
     "test": "vitest",
     "lint": "eslint \"src/**/*.{ts,tsx}\" --max-warnings=0",
+    "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build",
     "changeset": "changeset",
-    "version-packages": "changeset version"
+    "version-packages": "changeset version",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build && npm run typecheck",
+    "pack-it": "npm run build && npm pack",
+    "postbuild": "cpy \"src/**/*.css\" dist --parents && cpy \"src/styles/styles.css\" dist && cpy \"src/styles/fonts/**/*\" dist/styles/fonts",
+    "yalc:publish": "npm run build && yalc publish --push",
+    "yalc:push": "npm run build && yalc push --scripts --changed",
+    "yalc:watch": "chokidar 'src/**/*' -c 'npm run yalc:push'"
   },
   "peerDependencies": {
+    "@tanstack/react-table": "^8.20.0",
+    "lucide-react": "^0.542.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },
+  "peerDependenciesMeta": {
+    "@tanstack/react-table": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@changesets/cli": "^2.29.6",
     "@storybook/addon-a11y": "^9.1.3",
     "@storybook/addon-docs": "^9.1.3",
     "@storybook/addon-viewport": "^9.0.8",
     "@storybook/react-vite": "^9.1.3",
+    "@tanstack/react-table": "^8.20.0",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
     "@types/testing-library__jest-dom": "^6.0.0",
     "@typescript-eslint/eslint-plugin": "^8.41.0",
     "@typescript-eslint/parser": "^8.41.0",
+    "cpy-cli": "^6.0.0",
+    "esbuild-css-modules-plugin": "^3.1.5",
+    "esbuild-plugin-css-modules": "^0.3.0",
     "eslint": "^9.34.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "jsdom": "^26.1.0",
+    "prettier": "^3.2.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "storybook": "^9.1.3",
     "tsup": "^8.5.0",
     "typescript": "^5.9.2",
     "vite": "^6.3.5",
-    "vitest": "^3.2.4",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "vitest": "^3.2.4"
+  },
+  "engines": {
+    "node": ">=18.17"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Button.tsx"],"names":["Button","r","variant","size","className","rest","ref","jsx"],"mappings":"kbAOO,IAAMA,CAAAA,CAAeC,wBAC1B,CAAC,CAAE,QAAAC,CAAAA,CAAU,SAAA,CAAW,KAAAC,CAAAA,CAAO,IAAA,CAAM,UAAAC,CAAAA,CAAY,EAAA,CAAI,GAAGC,CAAK,CAAA,CAAGC,CAAAA,GAC9DC,eAAC,QAAA,CAAA,CACC,GAAA,CAAKD,EACL,SAAA,CAAW,CAAC,UAAW,CAAA,SAAA,EAAYJ,CAAO,GAAI,CAAA,SAAA,EAAYC,CAAI,GAAIC,CAAS,CAAA,CAAE,KAAK,GAAG,CAAA,CACpF,GAAGC,CAAAA,CACN,CAEJ,EACAL,CAAAA,CAAO,WAAA,CAAc,QAAA","file":"index.cjs","sourcesContent":["import * as React from \"react\";\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: \"primary\" | \"secondary\" | \"ghost\";\n  size?: \"sm\" | \"md\" | \"lg\";\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = \"primary\", size = \"md\", className = \"\", ...rest }, ref) => (\n    <button\n      ref={ref}\n      className={[\"dbc-btn\", `dbc-btn--${variant}`, `dbc-btn--${size}`, className].join(\" \")}\n      {...rest}\n    />\n  )\n);\nButton.displayName = \"Button\";\n"]}

package/dist/index.css

@@ -1,2 +0,0 @@
-:root{--color-brand-600: #0ea5e9;--color-brand-700: #0284c7;--surface-2: #f4f4f5;--surface-3: #e4e4e7;--text-1: #111827;--radius-md: 10px;--focus-ring: 2px solid var(--color-brand-600)}.dbc-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font:inherit;padding:0 1rem;height:2.5rem;transition:background-color .15s ease,color .15s ease,opacity .15s ease;outline:none}.dbc-btn:focus-visible{box-shadow:0 0 0 var(--focus-ring)}.dbc-btn:disabled{opacity:.5;pointer-events:none}.dbc-btn--primary{background:var(--color-brand-600);color:#fff}.dbc-btn--primary:hover{background:var(--color-brand-700)}.dbc-btn--secondary{background:var(--surface-2);color:var(--text-1)}.dbc-btn--secondary:hover{background:var(--surface-3)}.dbc-btn--ghost{background:transparent;color:var(--color-brand-700)}.dbc-btn--sm{height:2rem;padding:0 .75rem;font-size:.875rem}.dbc-btn--md{height:2.5rem}.dbc-btn--lg{height:3rem;padding:0 1.25rem;font-size:1.125rem}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/styles/tokens.css","../src/styles/styles.css"],"sourcesContent":[":root {\n  --color-brand-600: #0ea5e9;\n  --color-brand-700: #0284c7;\n  --surface-2: #f4f4f5;\n  --surface-3: #e4e4e7;\n  --text-1: #111827;\n  --radius-md: 10px;\n  --focus-ring: 2px solid var(--color-brand-600);\n}\n","@import \"./tokens.css\";\n.dbc-btn {\n  display: inline-flex; align-items:center; justify-content:center;\n  border-radius: var(--radius-md); font: inherit; padding: 0 1rem; height: 2.5rem;\n  transition: background-color .15s ease, color .15s ease, opacity .15s ease; outline: none;\n}\n.dbc-btn:focus-visible { box-shadow: 0 0 0 var(--focus-ring); }\n.dbc-btn:disabled { opacity: .5; pointer-events: none; }\n.dbc-btn--primary { background: var(--color-brand-600); color: white; }\n.dbc-btn--primary:hover { background: var(--color-brand-700); }\n.dbc-btn--secondary { background: var(--surface-2); color: var(--text-1); }\n.dbc-btn--secondary:hover { background: var(--surface-3); }\n.dbc-btn--ghost { background: transparent; color: var(--color-brand-700); }\n.dbc-btn--sm { height: 2rem; padding: 0 .75rem; font-size: .875rem; }\n.dbc-btn--md { height: 2.5rem; }\n.dbc-btn--lg { height: 3rem; padding: 0 1.25rem; font-size: 1.125rem; }\n"],"mappings":"AAAA,MACE,mBAAmB,QACnB,mBAAmB,QACnB,aAAa,QACb,aAAa,QACb,UAAU,QACV,aAAa,KACb,cAAc,IAAI,MAAM,IAAI,kBAC9B,CCPA,CAAC,QACC,QAAS,YAAa,YAAY,OAAQ,gBAAgB,OAC1D,cAAe,IAAI,aAAc,KAAM,QAHzC,QAG2D,EAAE,KAAM,OAAQ,OACzE,WAAY,iBAAiB,KAAK,IAAI,CAAE,MAAM,KAAK,IAAI,CAAE,QAAQ,KAAK,KAAM,QAAS,IACvF,CACA,CALC,OAKO,eAAiB,WAAY,EAAE,EAAE,EAAE,IAAI,aAAe,CAC9D,CANC,OAMO,UAAY,QAAS,GAAI,eAAgB,IAAM,CACvD,CAAC,iBAAmB,WAAY,IAAI,mBAAoB,MAAO,IAAO,CACtE,CADC,gBACgB,OAAS,WAAY,IAAI,kBAAoB,CAC9D,CAAC,mBAAqB,WAAY,IAAI,aAAc,MAAO,IAAI,SAAW,CAC1E,CADC,kBACkB,OAAS,WAAY,IAAI,YAAc,CAC1D,CAAC,eAAiB,WAAY,YAAa,MAAO,IAAI,kBAAoB,CAC1E,CAAC,YAAc,OAAQ,KAbvB,QAasC,EAAE,OAAQ,UAAW,OAAS,CACpE,CAAC,YAAc,OAAQ,MAAQ,CAC/B,CAAC,YAAc,OAAQ,KAfvB,QAesC,EAAE,QAAS,UAAW,QAAU","names":[]}

package/dist/index.d.cts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: "primary" | "secondary" | "ghost";
-    size?: "sm" | "md" | "lg";
-};
-declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: "primary" | "secondary" | "ghost";
-    size?: "sm" | "md" | "lg";
-} & React.RefAttributes<HTMLButtonElement>>;
-
-export { Button, type ButtonProps };

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Button.tsx"],"names":["Button","variant","size","className","rest","ref","jsx"],"mappings":"4DAOO,IAAMA,CAAAA,CAAe,aAC1B,CAAC,CAAE,QAAAC,CAAAA,CAAU,SAAA,CAAW,KAAAC,CAAAA,CAAO,IAAA,CAAM,UAAAC,CAAAA,CAAY,EAAA,CAAI,GAAGC,CAAK,CAAA,CAAGC,CAAAA,GAC9DC,IAAC,QAAA,CAAA,CACC,GAAA,CAAKD,EACL,SAAA,CAAW,CAAC,UAAW,CAAA,SAAA,EAAYJ,CAAO,GAAI,CAAA,SAAA,EAAYC,CAAI,GAAIC,CAAS,CAAA,CAAE,KAAK,GAAG,CAAA,CACpF,GAAGC,CAAAA,CACN,CAEJ,EACAJ,CAAAA,CAAO,WAAA,CAAc,QAAA","file":"index.js","sourcesContent":["import * as React from \"react\";\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: \"primary\" | \"secondary\" | \"ghost\";\n  size?: \"sm\" | \"md\" | \"lg\";\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = \"primary\", size = \"md\", className = \"\", ...rest }, ref) => (\n    <button\n      ref={ref}\n      className={[\"dbc-btn\", `dbc-btn--${variant}`, `dbc-btn--${size}`, className].join(\" \")}\n      {...rest}\n    />\n  )\n);\nButton.displayName = \"Button\";\n"]}