@oscarrf2/goo-ds 0.1.0 → 0.1.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/SidebarItem/SidebarItem.d.ts

@@ -0,0 +1,19 @@
+import type { SidebarItemProps } from "./SidebarItem.types";
+import "./SidebarItem.css";
+/**
+ * SidebarItem - Sidebar navigation item component for the goo-ds design system
+ *
+ * Provides consistent sidebar navigation item with interactive states.
+ * Supports icons and active state indication.
+ * Token-first per Constitution (no hardcoded values).
+ *
+ * @example
+ * ```tsx
+ * <SidebarItem>Dashboard</SidebarItem>
+ * <SidebarItem active icon={<HomeIcon />}>Home</SidebarItem>
+ * <SidebarItem onClick={() => navigate('/settings')}>Settings</SidebarItem>
+ * ```
+ */
+export declare function SidebarItem({ active, icon, children, className, onClick, href, ...props }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
+export default SidebarItem;
+//# sourceMappingURL=SidebarItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAc,EACd,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA2BlB;AAED,eAAe,WAAW,CAAC"}

package/dist/components/SidebarItem/SidebarItem.js

@@ -0,0 +1,37 @@
+import { jsxs as l, jsx as d } from "react/jsx-runtime";
+/* empty css                */
+function v({
+  active: i = !1,
+  icon: s,
+  children: r,
+  className: n = "",
+  onClick: e,
+  href: t,
+  ...o
+}) {
+  const a = !!(e || t), m = (c) => {
+    e && e(c), t && !e && (window.location.href = t);
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `gds-sidebar-item ${i ? "gds-sidebar-item-active" : ""} ${a ? "gds-sidebar-item-interactive" : ""} ${n}`.trim(),
+      onClick: a ? m : void 0,
+      role: a ? "button" : void 0,
+      tabIndex: a ? 0 : void 0,
+      "aria-current": i ? "page" : void 0,
+      "data-component": "SidebarItem",
+      "data-active": i,
+      ...o,
+      children: [
+        s && /* @__PURE__ */ d("span", { className: "gds-sidebar-item-icon", children: s }),
+        /* @__PURE__ */ d("span", { className: "gds-sidebar-item-text", children: r })
+      ]
+    }
+  );
+}
+export {
+  v as SidebarItem,
+  v as default
+};
+//# sourceMappingURL=SidebarItem.js.map

package/dist/components/SidebarItem/SidebarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.js","sources":["../../../src/components/SidebarItem/SidebarItem.tsx"],"sourcesContent":["import type { SidebarItemProps } from \"./SidebarItem.types\";\r\nimport \"./SidebarItem.css\";\r\n\r\n/**\r\n * SidebarItem - Sidebar navigation item component for the goo-ds design system\r\n *\r\n * Provides consistent sidebar navigation item with interactive states.\r\n * Supports icons and active state indication.\r\n * Token-first per Constitution (no hardcoded values).\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarItem>Dashboard</SidebarItem>\r\n * <SidebarItem active icon={<HomeIcon />}>Home</SidebarItem>\r\n * <SidebarItem onClick={() => navigate('/settings')}>Settings</SidebarItem>\r\n * ```\r\n */\r\nexport function SidebarItem({\r\n  active = false,\r\n  icon,\r\n  children,\r\n  className = \"\",\r\n  onClick,\r\n  href,\r\n  ...props\r\n}: SidebarItemProps) {\r\n  const isInteractive = Boolean(onClick || href);\r\n\r\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\r\n    if (onClick) {\r\n      onClick(event);\r\n    }\r\n    if (href && !onClick) {\r\n      window.location.href = href;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={`gds-sidebar-item ${active ? \"gds-sidebar-item-active\" : \"\"} ${isInteractive ? \"gds-sidebar-item-interactive\" : \"\"} ${className}`.trim()}\r\n      onClick={isInteractive ? handleClick : undefined}\r\n      role={isInteractive ? \"button\" : undefined}\r\n      tabIndex={isInteractive ? 0 : undefined}\r\n      aria-current={active ? \"page\" : undefined}\r\n      data-component=\"SidebarItem\"\r\n      data-active={active}\r\n      {...props}\r\n    >\r\n      {icon && <span className=\"gds-sidebar-item-icon\">{icon}</span>}\r\n      <span className=\"gds-sidebar-item-text\">{children}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default SidebarItem;\r\n"],"names":["SidebarItem","active","icon","children","className","onClick","href","props","isInteractive","handleClick","event","jsxs","jsx"],"mappings":";;AAiBO,SAASA,EAAY;AAAA,EAC1B,QAAAC,IAAS;AAAA,EACT,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAgB,GAAQH,KAAWC,IAEnCG,IAAc,CAACC,MAA4C;AAC/D,IAAIL,KACFA,EAAQK,CAAK,GAEXJ,KAAQ,CAACD,MACX,OAAO,SAAS,OAAOC;AAAA,EAE3B;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,oBAAoBV,IAAS,4BAA4B,EAAE,IAAIO,IAAgB,iCAAiC,EAAE,IAAIJ,CAAS,GAAG,KAAA;AAAA,MAC7I,SAASI,IAAgBC,IAAc;AAAA,MACvC,MAAMD,IAAgB,WAAW;AAAA,MACjC,UAAUA,IAAgB,IAAI;AAAA,MAC9B,gBAAcP,IAAS,SAAS;AAAA,MAChC,kBAAe;AAAA,MACf,eAAaA;AAAA,MACZ,GAAGM;AAAA,MAEH,UAAA;AAAA,QAAAL,KAAQ,gBAAAU,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAV,GAAK;AAAA,QACvD,gBAAAU,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAT,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxD;"}

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

@@ -0,0 +1,33 @@
+import type { ReactNode } from "react";
+/**
+ * SidebarItem component props
+ * Provides sidebar navigation items using design system tokens
+ */
+export interface SidebarItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether the item is currently active/selected
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Icon to display before the text
+     */
+    icon?: ReactNode;
+    /**
+     * Item content (text or other elements)
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Click handler for navigation
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * href for link behavior (optional)
+     */
+    href?: string;
+}
+//# sourceMappingURL=SidebarItem.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;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;IAE5D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,18 @@
+import type { SkeletonProps } from "./Skeleton.types";
+/**
+ * Skeleton - Loading state placeholder component for the goo-ds design system
+ *
+ * Provides consistent loading state placeholders using design system tokens.
+ * Includes a pulse animation to indicate loading state.
+ * Token-first per Constitution (no hardcoded values).
+ *
+ * @example
+ * ```tsx
+ * <Skeleton size="16" />
+ * <Skeleton size="48" width="200px" />
+ * <Skeleton size="64" animate={false} />
+ * ```
+ */
+export declare function Skeleton({ size, className, width, animate, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export default Skeleton;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAW,EACX,SAAc,EACd,KAAc,EACd,OAAc,EACd,GAAG,KAAK,EACT,EAAE,aAAa,2CAgBf;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,30 @@
+import { jsx as d } from "react/jsx-runtime";
+function l({
+  size: e = "16",
+  className: a = "",
+  width: r = "100%",
+  animate: o = !0,
+  ...t
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: `${o ? "skeleton-pulse" : ""} ${a}`.trim(),
+      style: {
+        height: `var(--size-${e})`,
+        width: r,
+        backgroundColor: "var(--skeleton-background-default)",
+        borderRadius: "var(--radius-50)",
+        overflow: "clip"
+      },
+      "aria-hidden": t["aria-hidden"] !== !1,
+      "data-component": "Skeleton",
+      "data-size": e
+    }
+  );
+}
+export {
+  l as Skeleton,
+  l as default
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { SkeletonProps } from \"./Skeleton.types\";\r\n\r\n/**\r\n * Skeleton - Loading state placeholder component for the goo-ds design system\r\n *\r\n * Provides consistent loading state placeholders using design system tokens.\r\n * Includes a pulse animation to indicate loading state.\r\n * Token-first per Constitution (no hardcoded values).\r\n *\r\n * @example\r\n * ```tsx\r\n * <Skeleton size=\"16\" />\r\n * <Skeleton size=\"48\" width=\"200px\" />\r\n * <Skeleton size=\"64\" animate={false} />\r\n * ```\r\n */\r\nexport function Skeleton({\r\n  size = \"16\",\r\n  className = \"\",\r\n  width = \"100%\",\r\n  animate = true,\r\n  ...props\r\n}: SkeletonProps) {\r\n  return (\r\n    <div\r\n      className={`${animate ? \"skeleton-pulse\" : \"\"} ${className}`.trim()}\r\n      style={{\r\n        height: `var(--size-${size})`,\r\n        width: width,\r\n        backgroundColor: \"var(--skeleton-background-default)\",\r\n        borderRadius: \"var(--radius-50)\",\r\n        overflow: \"clip\",\r\n      }}\r\n      aria-hidden={props[\"aria-hidden\"] !== false}\r\n      data-component=\"Skeleton\"\r\n      data-size={size}\r\n    />\r\n  );\r\n}\r\n\r\nexport default Skeleton;\r\n"],"names":["Skeleton","size","className","width","animate","props","jsx"],"mappings":";AAgBO,SAASA,EAAS;AAAA,EACvB,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGF,IAAU,mBAAmB,EAAE,IAAIF,CAAS,GAAG,KAAA;AAAA,MAC7D,OAAO;AAAA,QACL,QAAQ,cAAcD,CAAI;AAAA,QAC1B,OAAAE;AAAA,QACA,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAAA,MAEZ,eAAaE,EAAM,aAAa,MAAM;AAAA,MACtC,kBAAe;AAAA,MACf,aAAWJ;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

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

@@ -0,0 +1,31 @@
+/**
+ * Skeleton component props
+ * Provides loading state placeholders using design system tokens
+ */
+export type SkeletonSize = "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "56" | "64" | "80" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256";
+export interface SkeletonProps {
+    /**
+     * The height of the skeleton, corresponding to number tokens (--size-X)
+     * @default "16"
+     */
+    size?: SkeletonSize;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Width of the skeleton (CSS value or percentage)
+     * @default "100%"
+     */
+    width?: string;
+    /**
+     * Whether to animate the skeleton with a pulse effect
+     * @default true
+     */
+    animate?: boolean;
+    /**
+     * ARIA label for accessibility (optional, for screen readers)
+     */
+    "aria-hidden"?: boolean;
+}
+//# sourceMappingURL=Skeleton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,YAAY,GACpB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

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

@@ -1,5 +1,5 @@
-import "./Skeleton.css";
-
-export { Skeleton } from "./Skeleton";
-export type { SkeletonProps, SkeletonSize } from "./Skeleton.types";
-export { default } from "./Skeleton";
+import "./Skeleton.css";
+export { Skeleton } from "./Skeleton";
+export type { SkeletonProps, SkeletonSize } from "./Skeleton.types";
+export { default } from "./Skeleton";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,31 +1,17 @@
-import type { SpacerProps } from "./Spacer.types";
-
-/**
- * Spacer - Layout spacing component for the goo-ds design system
- *
- * Provides consistent vertical spacing using number tokens from Figma.
- * Token-first per Constitution (no hardcoded values).
- *
- * @example
- * ```tsx
- * <Spacer size="16" />
- * <Spacer size="32" />
- * <Spacer size="64" />
- * ```
- */
-export function Spacer({ size = "16", className = "", ...props }: SpacerProps) {
-  return (
-    <div
-      className={className}
-      style={{
-        height: `var(--size-${size})`,
-        width: "100%",
-      }}
-      aria-hidden={props["aria-hidden"] !== false}
-      data-component="Spacer"
-      data-size={size}
-    />
-  );
-}
-
-export default Spacer;
+import type { SpacerProps } from "./Spacer.types";
+/**
+ * Spacer - Layout spacing component for the goo-ds design system
+ *
+ * Provides consistent vertical spacing using number tokens from Figma.
+ * Token-first per Constitution (no hardcoded values).
+ *
+ * @example
+ * ```tsx
+ * <Spacer size="16" />
+ * <Spacer size="32" />
+ * <Spacer size="64" />
+ * ```
+ */
+export declare function Spacer({ size, className, ...props }: SpacerProps): import("react/jsx-runtime").JSX.Element;
+export default Spacer;
+//# sourceMappingURL=Spacer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EAAE,IAAW,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAa5E;AAED,eAAe,MAAM,CAAC"}

package/dist/components/Spacer/Spacer.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+function d({ size: a = "16", className: e = "", ...t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: e,
+      style: {
+        height: `var(--size-${a})`,
+        width: "100%"
+      },
+      "aria-hidden": t["aria-hidden"] !== !1,
+      "data-component": "Spacer",
+      "data-size": a
+    }
+  );
+}
+export {
+  d as Spacer,
+  d as default
+};
+//# sourceMappingURL=Spacer.js.map

package/dist/components/Spacer/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sources":["../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { SpacerProps } from \"./Spacer.types\";\r\n\r\n/**\r\n * Spacer - Layout spacing component for the goo-ds design system\r\n *\r\n * Provides consistent vertical spacing using number tokens from Figma.\r\n * Token-first per Constitution (no hardcoded values).\r\n *\r\n * @example\r\n * ```tsx\r\n * <Spacer size=\"16\" />\r\n * <Spacer size=\"32\" />\r\n * <Spacer size=\"64\" />\r\n * ```\r\n */\r\nexport function Spacer({ size = \"16\", className = \"\", ...props }: SpacerProps) {\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={{\r\n        height: `var(--size-${size})`,\r\n        width: \"100%\",\r\n      }}\r\n      aria-hidden={props[\"aria-hidden\"] !== false}\r\n      data-component=\"Spacer\"\r\n      data-size={size}\r\n    />\r\n  );\r\n}\r\n\r\nexport default Spacer;\r\n"],"names":["Spacer","size","className","props","jsx"],"mappings":";AAeO,SAASA,EAAO,EAAE,MAAAC,IAAO,MAAM,WAAAC,IAAY,IAAI,GAAGC,KAAsB;AAC7E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAAF;AAAA,MACA,OAAO;AAAA,QACL,QAAQ,cAAcD,CAAI;AAAA,QAC1B,OAAO;AAAA,MAAA;AAAA,MAET,eAAaE,EAAM,aAAa,MAAM;AAAA,MACtC,kBAAe;AAAA,MACf,aAAWF;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

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

@@ -0,0 +1,21 @@
+/**
+ * Spacer component props
+ * Provides vertical spacing using design system number tokens
+ */
+export type SpacerSize = "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "56" | "64" | "80" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "448" | "512";
+export interface SpacerProps {
+    /**
+     * The size of the spacer, corresponding to number tokens (--size-X)
+     * @default "16"
+     */
+    size?: SpacerSize;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * ARIA label for accessibility (optional, for screen readers)
+     */
+    "aria-hidden"?: boolean;
+}
+//# sourceMappingURL=Spacer.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,UAAU,GAClB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/TabItem/TabItem.d.ts

@@ -0,0 +1,19 @@
+import type { TabItemProps } from "./TabItem.types";
+import "./TabItem.css";
+/**
+ * TabItem - Tab navigation item component for the goo-ds design system
+ *
+ * Provides consistent tab item with selected/unselected states.
+ * Designed to be used within a Tabs container.
+ * Token-first per Constitution (no hardcoded values).
+ *
+ * @example
+ * ```tsx
+ * <TabItem selected>Overview</TabItem>
+ * <TabItem onClick={() => handleTabChange('details')}>Details</TabItem>
+ * <TabItem>Settings</TabItem>
+ * ```
+ */
+export declare function TabItem({ selected, children, className, onClick, disabled, ...props }: TabItemProps): import("react/jsx-runtime").JSX.Element;
+export default TabItem;
+//# sourceMappingURL=TabItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,eAAe,CAAC;AAEvB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAgB,EAChB,QAAQ,EACR,SAAc,EACd,OAAO,EACP,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,YAAY,2CAkBd;AAED,eAAe,OAAO,CAAC"}

package/dist/components/TabItem/TabItem.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+/* empty css            */
+function r({
+  selected: t = !1,
+  children: s,
+  className: m = "",
+  onClick: i,
+  disabled: a = !1,
+  ...b
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: `gds-tab-item ${t ? "gds-tab-item-selected" : "gds-tab-item-unselected"} ${a ? "gds-tab-item-disabled" : ""} ${m}`.trim(),
+      onClick: i,
+      disabled: a,
+      role: "tab",
+      "aria-selected": t,
+      "aria-disabled": a,
+      tabIndex: t ? 0 : -1,
+      "data-component": "TabItem",
+      "data-selected": t,
+      ...b,
+      children: /* @__PURE__ */ e("span", { className: "gds-tab-item-text", children: s })
+    }
+  );
+}
+export {
+  r as TabItem,
+  r as default
+};
+//# sourceMappingURL=TabItem.js.map

package/dist/components/TabItem/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sources":["../../../src/components/TabItem/TabItem.tsx"],"sourcesContent":["import type { TabItemProps } from \"./TabItem.types\";\r\nimport \"./TabItem.css\";\r\n\r\n/**\r\n * TabItem - Tab navigation item component for the goo-ds design system\r\n *\r\n * Provides consistent tab item with selected/unselected states.\r\n * Designed to be used within a Tabs container.\r\n * Token-first per Constitution (no hardcoded values).\r\n *\r\n * @example\r\n * ```tsx\r\n * <TabItem selected>Overview</TabItem>\r\n * <TabItem onClick={() => handleTabChange('details')}>Details</TabItem>\r\n * <TabItem>Settings</TabItem>\r\n * ```\r\n */\r\nexport function TabItem({\r\n  selected = false,\r\n  children,\r\n  className = \"\",\r\n  onClick,\r\n  disabled = false,\r\n  ...props\r\n}: TabItemProps) {\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      className={`gds-tab-item ${selected ? \"gds-tab-item-selected\" : \"gds-tab-item-unselected\"} ${disabled ? \"gds-tab-item-disabled\" : \"\"} ${className}`.trim()}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n      role=\"tab\"\r\n      aria-selected={selected}\r\n      aria-disabled={disabled}\r\n      tabIndex={selected ? 0 : -1}\r\n      data-component=\"TabItem\"\r\n      data-selected={selected}\r\n      {...props}\r\n    >\r\n      <span className=\"gds-tab-item-text\">{children}</span>\r\n    </button>\r\n  );\r\n}\r\n\r\nexport default TabItem;\r\n"],"names":["TabItem","selected","children","className","onClick","disabled","props","jsx"],"mappings":";;AAiBO,SAASA,EAAQ;AAAA,EACtB,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GAAiB;AACf,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,gBAAgBN,IAAW,0BAA0B,yBAAyB,IAAII,IAAW,0BAA0B,EAAE,IAAIF,CAAS,GAAG,KAAA;AAAA,MACpJ,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,MAAK;AAAA,MACL,iBAAeJ;AAAA,MACf,iBAAeI;AAAA,MACf,UAAUJ,IAAW,IAAI;AAAA,MACzB,kBAAe;AAAA,MACf,iBAAeA;AAAA,MACd,GAAGK;AAAA,MAEJ,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,qBAAqB,UAAAL,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGpD;"}

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

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+/**
+ * TabItem component props
+ * Provides tab navigation item using design system tokens
+ */
+export interface TabItemProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Whether this tab is currently selected/active
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Tab content (text or other elements)
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Click handler for tab selection
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Whether the tab is disabled
+     * @default false
+     */
+    disabled?: boolean;
+}
+//# sourceMappingURL=TabItem.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC3E;;;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,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE/D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -1,39 +1,26 @@
-import type { TableProps } from "./Table.types";
-import "./Table.css";
-
-/**
- * Table - Table container component for the goo-ds design system
- *
- * Provides consistent table layout with background, border, and rounded corners.
- * Designed to contain TableRow components with Cell children.
- * Token-first per Constitution (no hardcoded values).
- *
- * @example
- * ```tsx
- * <Table>
- *   <TableRow>
- *     <Cell type="header">Name</Cell>
- *     <Cell type="header">Email</Cell>
- *   </TableRow>
- *   <TableRow>
- *     <Cell>John Doe</Cell>
- *     <Cell>john@example.com</Cell>
- *   </TableRow>
- * </Table>
- * ```
- */
-export function Table({ children, className = "", ...props }: TableProps) {
-  return (
-    <table
-      className={`gds-table ${className}`.trim()}
-      data-component="Table"
-      {...props}
-    >
-      <tbody>
-        {children}
-      </tbody>
-    </table>
-  );
-}
-
-export default Table;
+import type { TableProps } from "./Table.types";
+import "./Table.css";
+/**
+ * Table - Table container component for the goo-ds design system
+ *
+ * Provides consistent table layout with background, border, and rounded corners.
+ * Designed to contain TableRow components with Cell children.
+ * Token-first per Constitution (no hardcoded values).
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableRow>
+ *     <Cell type="header">Name</Cell>
+ *     <Cell type="header">Email</Cell>
+ *   </TableRow>
+ *   <TableRow>
+ *     <Cell>John Doe</Cell>
+ *     <Cell>john@example.com</Cell>
+ *   </TableRow>
+ * </Table>
+ * ```
+ */
+export declare function Table({ children, className, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+export default Table;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,aAAa,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAYvE;AAED,eAAe,KAAK,CAAC"}

package/dist/components/Table/Table.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+/* empty css          */
+function m({ children: a, className: e = "", ...o }) {
+  return /* @__PURE__ */ t(
+    "table",
+    {
+      className: `gds-table ${e}`.trim(),
+      "data-component": "Table",
+      ...o,
+      children: /* @__PURE__ */ t("tbody", { children: a })
+    }
+  );
+}
+export {
+  m as Table,
+  m as default
+};
+//# sourceMappingURL=Table.js.map

package/dist/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { TableProps } from \"./Table.types\";\r\nimport \"./Table.css\";\r\n\r\n/**\r\n * Table - Table container component for the goo-ds design system\r\n *\r\n * Provides consistent table layout with background, border, and rounded corners.\r\n * Designed to contain TableRow components with Cell children.\r\n * Token-first per Constitution (no hardcoded values).\r\n *\r\n * @example\r\n * ```tsx\r\n * <Table>\r\n *   <TableRow>\r\n *     <Cell type=\"header\">Name</Cell>\r\n *     <Cell type=\"header\">Email</Cell>\r\n *   </TableRow>\r\n *   <TableRow>\r\n *     <Cell>John Doe</Cell>\r\n *     <Cell>john@example.com</Cell>\r\n *   </TableRow>\r\n * </Table>\r\n * ```\r\n */\r\nexport function Table({ children, className = \"\", ...props }: TableProps) {\r\n  return (\r\n    <table\r\n      className={`gds-table ${className}`.trim()}\r\n      data-component=\"Table\"\r\n      {...props}\r\n    >\r\n      <tbody>\r\n        {children}\r\n      </tbody>\r\n    </table>\r\n  );\r\n}\r\n\r\nexport default Table;\r\n"],"names":["Table","children","className","props","jsx"],"mappings":";;AAwBO,SAASA,EAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAqB;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAaF,CAAS,GAAG,KAAA;AAAA,MACpC,kBAAe;AAAA,MACd,GAAGC;AAAA,MAEJ,UAAA,gBAAAC,EAAC,WACE,UAAAH,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/**
+ * Table component props
+ * Provides table container using design system tokens
+ */
+export interface TableProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Table content (typically TableRow components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+//# sourceMappingURL=Table.types.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,24 @@
+import type { TableRowProps } from "./TableRow.types";
+import "./TableRow.css";
+/**
+ * TableRow - Table row component for the goo-ds design system
+ *
+ * Provides consistent table row layout with interactive states and dividers.
+ * Designed to contain Cell components.
+ * Token-first per Constitution (no hardcoded values).
+ *
+ * @example
+ * ```tsx
+ * <TableRow>
+ *   <Cell>Name</Cell>
+ *   <Cell>Email</Cell>
+ * </TableRow>
+ * <TableRow selected>
+ *   <Cell>John</Cell>
+ *   <Cell>john@example.com</Cell>
+ * </TableRow>
+ * ```
+ */
+export declare function TableRow({ divider, selected, disabled, children, className, onClick, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+export default TableRow;
+//# sourceMappingURL=TableRow.d.ts.map