@oscarrf2/goo-ds 0.1.0 → 0.1.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAc,EACd,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,SAAc,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,2CAoBf;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/TableRow/TableRow.js

@@ -0,0 +1,35 @@
+import { jsx as s } from "react/jsx-runtime";
+/* empty css             */
+function c({
+  divider: o = !0,
+  selected: t = !1,
+  disabled: a = !1,
+  children: d,
+  className: i = "",
+  onClick: r,
+  ...l
+}) {
+  const e = !!(r && !a);
+  return /* @__PURE__ */ s(
+    "tr",
+    {
+      className: `gds-table-row ${o ? "gds-table-row-divider" : ""} ${t ? "gds-table-row-selected" : ""} ${a ? "gds-table-row-disabled" : ""} ${e ? "gds-table-row-interactive" : ""} ${i}`.trim(),
+      onClick: a ? void 0 : r,
+      role: e ? "button" : void 0,
+      tabIndex: e ? 0 : void 0,
+      "aria-disabled": a,
+      "aria-selected": t,
+      "data-component": "TableRow",
+      "data-divider": o,
+      "data-selected": t,
+      "data-disabled": a,
+      ...l,
+      children: d
+    }
+  );
+}
+export {
+  c as TableRow,
+  c as default
+};
+//# sourceMappingURL=TableRow.js.map

package/dist/components/TableRow/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sources":["../../../src/components/TableRow/TableRow.tsx"],"sourcesContent":["import type { TableRowProps } from \"./TableRow.types\";\r\nimport \"./TableRow.css\";\r\n\r\n/**\r\n * TableRow - Table row component for the goo-ds design system\r\n *\r\n * Provides consistent table row layout with interactive states and dividers.\r\n * Designed to contain Cell components.\r\n * Token-first per Constitution (no hardcoded values).\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableRow>\r\n *   <Cell>Name</Cell>\r\n *   <Cell>Email</Cell>\r\n * </TableRow>\r\n * <TableRow selected>\r\n *   <Cell>John</Cell>\r\n *   <Cell>john@example.com</Cell>\r\n * </TableRow>\r\n * ```\r\n */\r\nexport function TableRow({\r\n  divider = true,\r\n  selected = false,\r\n  disabled = false,\r\n  children,\r\n  className = \"\",\r\n  onClick,\r\n  ...props\r\n}: TableRowProps) {\r\n  const isInteractive = Boolean(onClick && !disabled);\r\n\r\n  return (\r\n    <tr\r\n      className={`gds-table-row ${divider ? \"gds-table-row-divider\" : \"\"} ${selected ? \"gds-table-row-selected\" : \"\"} ${disabled ? \"gds-table-row-disabled\" : \"\"} ${isInteractive ? \"gds-table-row-interactive\" : \"\"} ${className}`.trim()}\r\n      onClick={disabled ? undefined : onClick}\r\n      role={isInteractive ? \"button\" : undefined}\r\n      tabIndex={isInteractive ? 0 : undefined}\r\n      aria-disabled={disabled}\r\n      aria-selected={selected}\r\n      data-component=\"TableRow\"\r\n      data-divider={divider}\r\n      data-selected={selected}\r\n      data-disabled={disabled}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </tr>\r\n  );\r\n}\r\n\r\nexport default TableRow;\r\n"],"names":["TableRow","divider","selected","disabled","children","className","onClick","props","isInteractive","jsx"],"mappings":";;AAsBO,SAASA,EAAS;AAAA,EACvB,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAgB,GAAQF,KAAW,CAACH;AAE1C,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,iBAAiBR,IAAU,0BAA0B,EAAE,IAAIC,IAAW,2BAA2B,EAAE,IAAIC,IAAW,2BAA2B,EAAE,IAAIK,IAAgB,8BAA8B,EAAE,IAAIH,CAAS,GAAG,KAAA;AAAA,MAC9N,SAASF,IAAW,SAAYG;AAAA,MAChC,MAAME,IAAgB,WAAW;AAAA,MACjC,UAAUA,IAAgB,IAAI;AAAA,MAC9B,iBAAeL;AAAA,MACf,iBAAeD;AAAA,MACf,kBAAe;AAAA,MACf,gBAAcD;AAAA,MACd,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MACd,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/TableRow/TableRow.types.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from "react";
+/**
+ * TableRow component props
+ * Provides table row layout using design system tokens
+ */
+export interface TableRowProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether to show a divider border at the bottom
+     * @default true
+     */
+    divider?: boolean;
+    /**
+     * Whether the row is selected
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Whether the row is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Row content (typically Cell components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Click handler for interactive rows
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+//# sourceMappingURL=TableRow.types.d.ts.map

package/dist/components/TableRow/TableRow.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.types.d.ts","sourceRoot":"","sources":["../../../src/components/TableRow/TableRow.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D"}

package/{src/components/TableRow/index.ts → dist/components/TableRow/index.d.ts}

@@ -1,3 +1,4 @@
-export { TableRow } from "./TableRow";
-export type { TableRowProps } from "./TableRow.types";
-export { default } from "./TableRow";
+export { TableRow } from "./TableRow";
+export type { TableRowProps } from "./TableRow.types";
+export { default } from "./TableRow";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TableRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/{src/components/Tabs/Tabs.tsx → dist/components/Tabs/Tabs.d.ts}

@@ -1,37 +1,21 @@
-import type { TabsProps } from "./Tabs.types";
-import "./Tabs.css";
-
-/**
- * Tabs - Tab navigation container component for the goo-ds design system
- *
- * Provides consistent tab navigation container.
- * Designed to contain TabItem components.
- * Token-first per Constitution (no hardcoded values).
- *
- * @example
- * ```tsx
- * <Tabs>
- *   <TabItem selected>Overview</TabItem>
- *   <TabItem>Details</TabItem>
- *   <TabItem>Settings</TabItem>
- * </Tabs>
- * ```
- */
-export function Tabs({
-  children,
-  className = "",
-  ...props
-}: TabsProps) {
-  return (
-    <div
-      className={`gds-tabs ${className}`.trim()}
-      role="tablist"
-      data-component="Tabs"
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}
-
-export default Tabs;
+import type { TabsProps } from "./Tabs.types";
+import "./Tabs.css";
+/**
+ * Tabs - Tab navigation container component for the goo-ds design system
+ *
+ * Provides consistent tab navigation container.
+ * Designed to contain TabItem components.
+ * Token-first per Constitution (no hardcoded values).
+ *
+ * @example
+ * ```tsx
+ * <Tabs>
+ *   <TabItem selected>Overview</TabItem>
+ *   <TabItem>Details</TabItem>
+ *   <TabItem>Settings</TabItem>
+ * </Tabs>
+ * ```
+ */
+export declare function Tabs({ children, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export default Tabs;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACT,EAAE,SAAS,2CAWX;AAED,eAAe,IAAI,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+/* empty css         */
+function i({
+  children: t,
+  className: a = "",
+  ...s
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `gds-tabs ${a}`.trim(),
+      role: "tablist",
+      "data-component": "Tabs",
+      ...s,
+      children: t
+    }
+  );
+}
+export {
+  i as Tabs,
+  i as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import type { TabsProps } from \"./Tabs.types\";\r\nimport \"./Tabs.css\";\r\n\r\n/**\r\n * Tabs - Tab navigation container component for the goo-ds design system\r\n *\r\n * Provides consistent tab navigation container.\r\n * Designed to contain TabItem components.\r\n * Token-first per Constitution (no hardcoded values).\r\n *\r\n * @example\r\n * ```tsx\r\n * <Tabs>\r\n *   <TabItem selected>Overview</TabItem>\r\n *   <TabItem>Details</TabItem>\r\n *   <TabItem>Settings</TabItem>\r\n * </Tabs>\r\n * ```\r\n */\r\nexport function Tabs({\r\n  children,\r\n  className = \"\",\r\n  ...props\r\n}: TabsProps) {\r\n  return (\r\n    <div\r\n      className={`gds-tabs ${className}`.trim()}\r\n      role=\"tablist\"\r\n      data-component=\"Tabs\"\r\n      {...props}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Tabs;\r\n"],"names":["Tabs","children","className","props","jsx"],"mappings":";;AAmBO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAc;AACZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,YAAYF,CAAS,GAAG,KAAA;AAAA,MACnC,MAAK;AAAA,MACL,kBAAe;AAAA,MACd,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/{src/components/Tabs/Tabs.types.ts → dist/components/Tabs/Tabs.types.d.ts}

@@ -1,18 +1,16 @@
-import type { ReactNode } from "react";
-
-/**
- * Tabs component props
- * Provides tab navigation container using design system tokens
- */
-
-export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Tab items (typically TabItem components)
-   */
-  children?: ReactNode;
-
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-}
+import type { ReactNode } from "react";
+/**
+ * Tabs component props
+ * Provides tab navigation container using design system tokens
+ */
+export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Tab items (typically TabItem components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+//# sourceMappingURL=Tabs.types.d.ts.map

package/dist/components/Tabs/Tabs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/{src/components/Tabs/index.ts → dist/components/Tabs/index.d.ts}

@@ -1,3 +1,4 @@
-export { Tabs } from "./Tabs";
-export type { TabsProps } from "./Tabs.types";
-export { default } from "./Tabs";
+export { Tabs } from "./Tabs";
+export type { TabsProps } from "./Tabs.types";
+export { default } from "./Tabs";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/{src/components/index.ts → dist/components/index.d.ts}

@@ -1,15 +1,15 @@
-// Component exports
-export * from "./CoreText";
-export * from "./Spacer";
-export * from "./Skeleton";
-export * from "./Button";
-export * from "./Cell";
-export * from "./TableRow";
-export * from "./Table";
-export * from "./SidebarItem";
-export * from "./Sidebar";
-export * from "./Divider";
-export * from "./Codeblock";
-export * from "./InputImage";
-export * from "./TabItem";
-export * from "./Tabs";
+export * from "./CoreText";
+export * from "./Spacer";
+export * from "./Skeleton";
+export * from "./Button";
+export * from "./Cell";
+export * from "./TableRow";
+export * from "./Table";
+export * from "./SidebarItem";
+export * from "./Sidebar";
+export * from "./Divider";
+export * from "./Codeblock";
+export * from "./InputImage";
+export * from "./TabItem";
+export * from "./Tabs";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/compositions/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/compositions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/compositions/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./compositions";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,32 @@
+import { CoreText as t } from "./components/CoreText/CoreText.js";
+import { Spacer as p } from "./components/Spacer/Spacer.js";
+/* empty css                                 */
+import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
+import { Button as b } from "./components/Button/Button.js";
+import { Cell as i } from "./components/Cell/Cell.js";
+import { TableRow as d } from "./components/TableRow/TableRow.js";
+import { Table as S } from "./components/Table/Table.js";
+import { SidebarItem as C } from "./components/SidebarItem/SidebarItem.js";
+import { Sidebar as k } from "./components/Sidebar/Sidebar.js";
+import { Divider as g } from "./components/Divider/Divider.js";
+import { Codeblock as v } from "./components/Codeblock/Codeblock.js";
+import { InputImage as B } from "./components/InputImage/InputImage.js";
+import { TabItem as R } from "./components/TabItem/TabItem.js";
+import { Tabs as j } from "./components/Tabs/Tabs.js";
+export {
+  b as Button,
+  i as Cell,
+  v as Codeblock,
+  t as CoreText,
+  g as Divider,
+  B as InputImage,
+  k as Sidebar,
+  C as SidebarItem,
+  f as Skeleton,
+  p as Spacer,
+  R as TabItem,
+  S as Table,
+  d as TableRow,
+  j as Tabs
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,24 +1,20 @@
 {
   "name": "@oscarrf2/goo-ds",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./styles.css": "./src/styles.css"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "files": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.css",
-    "!src/**/*.test.ts",
-    "!src/**/*.test.tsx",
-    "!src/App.tsx",
-    "!src/App.css",
-    "!src/main.tsx",
-    "!src/assets",
-    "README.md"
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
   ],
   "dependencies": {
     "react": "^19.2.0",
@@ -39,6 +35,7 @@
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
+    "glob": "^13.0.0",
     "globals": "^16.5.0",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^26.1.0",
@@ -51,7 +48,10 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "pnpm run build:types && pnpm run build:js && pnpm run build:css",
+    "build:types": "tsc --project tsconfig.build.json",
+    "build:js": "vite build",
+    "build:css": "node scripts/copy-styles.js",
     "lint": "eslint .",
     "preview": "vite preview",
     "test": "vitest",

package/src/components/Button/Button.tsx

@@ -1,82 +0,0 @@
-import type { ButtonProps } from "./Button.types";
-import "./Button.css";
-
-/**
- * Button - Interactive button component for the goo-ds design system
- *
- * Provides consistent button styles with multiple variants, sizes, and states.
- * Supports icons, disabled state, and all standard button interactions.
- * Token-first per Constitution (no hardcoded values).
- *
- * @example
- * ```tsx
- * <Button>Click me</Button>
- * <Button variant="secondary" size="small">Small button</Button>
- * <Button variant="destructive" disabled>Disabled</Button>
- * <Button iconLeft={<PlusIcon />}>With icon</Button>
- * ```
- */
-export function Button({
-  variant = "primary",
-  size = "medium",
-  iconLeft,
-  iconRight,
-  disabled = false,
-  children,
-  className = "",
-  type = "button",
-  ...props
-}: ButtonProps) {
-  const hasIcons = iconLeft || iconRight;
-  const isIconOnly = hasIcons && !children;
-
-  // Build CSS custom properties for the button variant
-  const buttonVars = {
-    "--btn-background": `var(--button-${variant}-background-default)`,
-    "--btn-background-hover": `var(--button-${variant}-background-hover, var(--button-${variant}-background-default))`,
-    "--btn-background-pressed": `var(--button-${variant}-background-pressed, var(--button-${variant}-background-default))`,
-    "--btn-background-disabled": `var(--button-${variant}-background-disabled, var(--button-${variant}-background-default))`,
-    "--btn-text": `var(--button-${variant}-text-default)`,
-    "--btn-text-disabled": `var(--button-${variant}-text-disabled, var(--button-${variant}-text-default))`,
-    "--btn-icon": `var(--button-${variant}-icon-default)`,
-    "--btn-icon-disabled": `var(--button-${variant}-icon-disabled, var(--button-${variant}-icon-default))`,
-    "--btn-stroke": `var(--button-${variant}-stroke-default, transparent)`,
-    "--btn-stroke-hover": `var(--button-${variant}-stroke-hover, var(--button-${variant}-stroke-default, transparent))`,
-    "--btn-stroke-disabled": `var(--button-${variant}-stroke-disabled, var(--button-${variant}-stroke-default, transparent))`,
-  } as React.CSSProperties;
-
-  // Size-dependent layout tokens
-  const buttonType = isIconOnly ? "icon" : "cta";
-  const sizeKey = size === "extraSmall" ? "extraSmall" : size;
-
-  const layoutVars = {
-    "--btn-gap": `var(--button-${sizeKey}-${buttonType}-gap)`,
-    "--btn-padding-v": `var(--button-${sizeKey}-${buttonType}-paddingVertical)`,
-    "--btn-padding-h": `var(--button-${sizeKey}-${buttonType}-paddingHorizontal)`,
-    "--btn-min-height": `var(--button-${sizeKey}-${buttonType}-minHeight)`,
-    "--btn-radius": `var(--button-${sizeKey}-${buttonType}-radius)`,
-    "--btn-stroke-width": `var(--button-${sizeKey}-${buttonType}-strokeWidth)`,
-    "--btn-min-width": isIconOnly ? `var(--button-${sizeKey}-${buttonType}-minWidth)` : "auto",
-    "--btn-font-size": `var(--font-size-${size === "large" ? "md" : size === "medium" ? "sm" : "xs"})`,
-    "--btn-line-height": `var(--font-lineHeight-${size === "large" ? "md" : size === "medium" ? "sm" : "xs"})`,
-  } as React.CSSProperties;
-
-  return (
-    <button
-      type={type}
-      disabled={disabled}
-      className={`gds-button gds-button-${variant} gds-button-${size} ${isIconOnly ? "gds-button-icon-only" : ""} ${className}`.trim()}
-      style={{ ...buttonVars, ...layoutVars }}
-      data-component="Button"
-      data-variant={variant}
-      data-size={size}
-      {...props}
-    >
-      {iconLeft && <span className="gds-button-icon gds-button-icon-left">{iconLeft}</span>}
-      {children && <span className="gds-button-text">{children}</span>}
-      {iconRight && <span className="gds-button-icon gds-button-icon-right">{iconRight}</span>}
-    </button>
-  );
-}
-
-export default Button;

package/src/components/Button/Button.types.ts

@@ -1,62 +0,0 @@
-import type { ReactNode } from "react";
-
-/**
- * Button component props
- * Provides interactive buttons using design system tokens
- */
-
-export type ButtonVariant =
-  | "primary"
-  | "secondary"
-  | "destructive"
-  | "outline"
-  | "ghost"
-  | "link";
-
-export type ButtonSize = "extraSmall" | "small" | "medium" | "large";
-
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  /**
-   * The visual style variant of the button
-   * @default "primary"
-   */
-  variant?: ButtonVariant;
-
-  /**
-   * The size of the button
-   * @default "medium"
-   */
-  size?: ButtonSize;
-
-  /**
-   * Icon to display before the text
-   */
-  iconLeft?: ReactNode;
-
-  /**
-   * Icon to display after the text
-   */
-  iconRight?: ReactNode;
-
-  /**
-   * Whether the button is disabled
-   * @default false
-   */
-  disabled?: boolean;
-
-  /**
-   * Button content (text or other elements)
-   */
-  children?: ReactNode;
-
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-
-  /**
-   * Button type attribute
-   * @default "button"
-   */
-  type?: "button" | "submit" | "reset";
-}

package/src/components/Cell/Cell.tsx

@@ -1,42 +0,0 @@
-import type { CellProps } from "./Cell.types";
-import "./Cell.css";
-
-/**
- * Cell - Table cell component for the goo-ds design system
- *
- * Provides consistent table cell layout with alignment and width presets.
- * Designed to be used within table structures.
- * Token-first per Constitution (no hardcoded values).
- *
- * @example
- * ```tsx
- * <Cell type="header">Name</Cell>
- * <Cell>John Doe</Cell>
- * <Cell alignment="right" width="sm">$100</Cell>
- * ```
- */
-export function Cell({
-  type = "body",
-  alignment = "left",
-  width = "md",
-  children,
-  className = "",
-  ...props
-}: CellProps) {
-  const Tag = type === "header" ? "th" : "td";
-  
-  return (
-    <Tag
-      className={`gds-cell gds-cell-${type} gds-cell-align-${alignment} gds-cell-width-${width} ${className}`.trim()}
-      data-component="Cell"
-      data-type={type}
-      data-alignment={alignment}
-      data-width={width}
-      {...props}
-    >
-      {children}
-    </Tag>
-  );
-}
-
-export default Cell;

package/src/components/Cell/Cell.types.ts

@@ -1,42 +0,0 @@
-import type { ReactNode } from "react";
-
-/**
- * Cell component props
- * Provides table cell layout using design system tokens
- */
-
-export type CellType = "header" | "body";
-
-export type CellAlignment = "left" | "center" | "right";
-
-export type CellWidth = "xs" | "sm" | "md" | "lg" | "xl" | "fill";
-
-export interface CellProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * The type of cell (header or body)
-   * @default "body"
-   */
-  type?: CellType;
-
-  /**
-   * Horizontal alignment of cell content
-   * @default "left"
-   */
-  alignment?: CellAlignment;
-
-  /**
-   * Width preset for the cell
-   * @default "md"
-   */
-  width?: CellWidth;
-
-  /**
-   * Cell content
-   */
-  children?: ReactNode;
-
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-}