@jiwambe/components 0.3.4 → 0.3.6

package/dist/components/DataTable/DataTableRowMenu.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../Button/Button.js";
+import { Popover } from "../Popover/Popover.js";
+import { Icon } from "../Icon/Icon.js";
+import { Typography } from "../Typography/Typography.js";
+function DataTableRowMenu({ actions, onOpen }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const handleOpen = () => {
+    setIsOpen(!isOpen);
+    if (!isOpen) onOpen == null ? void 0 : onOpen();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex justify-center items-center", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "small",
+        iconOnly: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "1" })
+            ] }),
+            size: 16
+          }
+        ),
+        onClick: (e) => {
+          e.stopPropagation();
+          handleOpen();
+        },
+        "aria-label": "Row menu"
+      }
+    ),
+    /* @__PURE__ */ jsx(Popover, { open: isOpen, onClose: () => setIsOpen(false), align: "right", minWidth: "12rem", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col py-space-1", children: actions.map((action, idx) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: [
+          "w-full text-left px-space-4 py-space-3 transition-colors rounded-rad-xs",
+          action.destructive ? "hover:bg-fill-bg-err text-text-err" : "hover:bg-fill-bg-secondary text-text-primary"
+        ].filter(Boolean).join(" "),
+        onClick: (e) => {
+          e.stopPropagation();
+          action.onSelect();
+          setIsOpen(false);
+        },
+        children: /* @__PURE__ */ jsx(Typography, { variant: "text-sm", as: "span", className: "font-medium", children: action.label })
+      },
+      idx
+    )) }) })
+  ] });
+}
+export {
+  DataTableRowMenu
+};
+//# sourceMappingURL=DataTableRowMenu.js.map

package/dist/components/DataTable/DataTableRowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRowMenu.js","sources":["../../../src/components/DataTable/DataTableRowMenu.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '../Button/Button';\nimport { Popover } from '../Popover/Popover';\nimport { Icon } from '../Icon/Icon';\nimport { Typography } from '../Typography/Typography';\n\n/**\n * Shape of a single action in the DataTableRowMenu.\n */\nexport interface DataTableAction {\n  /** Label displayed in the menu. */\n  label: string;\n  /** Callback fired when the action is selected. */\n  onSelect: () => void;\n  /** When true, applies error/danger styling. @default false */\n  destructive?: boolean;\n}\n\n/**\n * Props for the DataTableRowMenu component.\n */\nexport interface DataTableRowMenuProps {\n  /** Array of actions to display in the menu. */\n  actions: DataTableAction[];\n  /** Fired when the menu is opened. */\n  onOpen?: () => void;\n}\n\n/**\n * Row context menu (three-dot dropdown). Renders a trigger button and a Popover panel.\n */\nexport function DataTableRowMenu({ actions, onOpen }: DataTableRowMenuProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleOpen = () => {\n    setIsOpen(!isOpen);\n    if (!isOpen) onOpen?.();\n  };\n\n  return (\n    <div className=\"relative flex justify-center items-center\">\n      <Button\n        variant=\"ghost\"\n        size=\"small\"\n        iconOnly={\n          <Icon\n            icon={\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"1\" />\n                <circle cx=\"12\" cy=\"5\" r=\"1\" />\n                <circle cx=\"12\" cy=\"19\" r=\"1\" />\n              </svg>\n            }\n            size={16}\n          />\n        }\n        onClick={(e) => {\n          e.stopPropagation();\n          handleOpen();\n        }}\n        aria-label=\"Row menu\"\n      />\n      \n      <Popover open={isOpen} onClose={() => setIsOpen(false)} align=\"right\" minWidth=\"12rem\">\n        <div className=\"flex flex-col py-space-1\">\n          {actions.map((action, idx) => (\n            <button\n              key={idx}\n              type=\"button\"\n              className={[\n                'w-full text-left px-space-4 py-space-3 transition-colors rounded-rad-xs',\n                action.destructive ? 'hover:bg-fill-bg-err text-text-err' : 'hover:bg-fill-bg-secondary text-text-primary'\n              ].filter(Boolean).join(' ')}\n              onClick={(e) => {\n                e.stopPropagation();\n                action.onSelect();\n                setIsOpen(false);\n              }}\n            >\n              <Typography variant=\"text-sm\" as=\"span\" className=\"font-medium\">\n                {action.label}\n              </Typography>\n            </button>\n          ))}\n        </div>\n      </Popover>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAiCO;AACL;AAEA;AACE;AACA;AAAa;AAGf;AAEI;AAAA;AAAC;AAAA;AACS;AACH;AAEH;AAAC;AAAA;AAGK;AAA8B;AACD;AACC;AAChC;AAEI;AAAA;AAAA;AAIR;AACA;AAAA;AACF;AACW;AAAA;AAAA;AAMP;AAAC;AAAA;AAEM;AACM;AACT;AAC4D;AACpC;AAExB;AACA;AACA;AAAe;AACjB;AAIA;AAAA;AAdK;AAkBb;AAGN;;;;"}

package/dist/components/DataTable/DataTableStatusBadge.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Props for the DataTableStatusBadge component.
+ */
+export interface DataTableStatusBadgeProps {
+    /** Status key: 'success', 'warning', 'error', 'neutral', 'done', 'in_process', 'not_started', or custom string. */
+    status: 'success' | 'warning' | 'error' | 'neutral' | 'done' | 'in_process' | 'not_started' | string;
+    /** Optional override for the display label. */
+    label?: string;
+    /** Additional class names. */
+    className?: string;
+}
+/**
+ * Pill badge for row status. Renders with specific background/text/icon based on status.
+ */
+export declare function DataTableStatusBadge({ status, label, className }: DataTableStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableStatusBadge.d.ts.map

package/dist/components/DataTable/DataTableStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableStatusBadge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,mHAAmH;IACnH,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAAC;IACrG,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAc,EAAE,EAAE,yBAAyB,2CAsChG"}

package/dist/components/DataTable/DataTableStatusBadge.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Typography } from "../Typography/Typography.js";
+function DotIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 8 8", fill: "currentColor", className: "w-2 h-2", children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "4" }) });
+}
+function ProcessIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "w-3 h-3 animate-spin", children: /* @__PURE__ */ jsx("path", { d: "M8 2a6 6 0 1 1-6 6" }) });
+}
+function DataTableStatusBadge({ status, label, className = "" }) {
+  const theme = {
+    success: { bg: "bg-green-100", text: "text-green-700", icon: "dot" },
+    done: { bg: "bg-green-100", text: "text-green-700", icon: "dot" },
+    warning: { bg: "bg-yellow-100", text: "text-yellow-700", icon: "dot" },
+    // Or spinner if preferred
+    in_process: { bg: "bg-fill-bg-secondary", text: "text-text-secondary", icon: "spinner" },
+    error: { bg: "bg-red-100", text: "text-red-700", icon: "dot" },
+    neutral: { bg: "bg-fill-bg-secondary", text: "text-text-secondary", icon: "dot" },
+    not_started: { bg: "bg-fill-bg-secondary", text: "text-text-secondary", icon: "dot" }
+  }[status] || { bg: "bg-fill-bg-secondary", text: "text-text-secondary", icon: "dot" };
+  const isSpinner = theme.icon === "spinner";
+  const displayLabel = label ?? (status === "success" ? "Success" : status === "done" ? "Done" : status === "warning" ? "Warning" : status === "in_process" ? "In Process" : status === "error" ? "Error" : status.replace(/_/g, " "));
+  const containerClasses = [
+    "inline-flex items-center gap-space-2 px-space-1 py-space-0-25 rounded-rad-lg whitespace-nowrap",
+    theme.bg,
+    theme.text,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { className: containerClasses, children: [
+    isSpinner ? /* @__PURE__ */ jsx(ProcessIcon, {}) : /* @__PURE__ */ jsx(DotIcon, {}),
+    /* @__PURE__ */ jsx(Typography, { variant: "text-xs", as: "span", className: "font-semibold capitalize leading-none", children: displayLabel })
+  ] });
+}
+export {
+  DataTableStatusBadge
+};
+//# sourceMappingURL=DataTableStatusBadge.js.map

package/dist/components/DataTable/DataTableStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableStatusBadge.js","sources":["../../../src/components/DataTable/DataTableStatusBadge.tsx"],"sourcesContent":["'use client';\n\nimport { Typography } from '../Typography/Typography';\n\n/**\n * Props for the DataTableStatusBadge component.\n */\nexport interface DataTableStatusBadgeProps {\n  /** Status key: 'success', 'warning', 'error', 'neutral', 'done', 'in_process', 'not_started', or custom string. */\n  status: 'success' | 'warning' | 'error' | 'neutral' | 'done' | 'in_process' | 'not_started' | string;\n  /** Optional override for the display label. */\n  label?: string;\n  /** Additional class names. */\n  className?: string;\n}\n\n/**\n * Internal helper to render a small filled circle (dot).\n */\nfunction DotIcon() {\n  return (\n    <svg viewBox=\"0 0 8 8\" fill=\"currentColor\" className=\"w-2 h-2\">\n      <circle cx=\"4\" cy=\"4\" r=\"4\" />\n    </svg>\n  );\n}\n\n/**\n * Internal helper to render a simple spinner/process icon.\n */\nfunction ProcessIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" className=\"w-3 h-3 animate-spin\">\n      <path d=\"M8 2a6 6 0 1 1-6 6\" />\n    </svg>\n  );\n}\n\n/**\n * Pill badge for row status. Renders with specific background/text/icon based on status.\n */\nexport function DataTableStatusBadge({ status, label, className = '' }: DataTableStatusBadgeProps) {\n  // Map semantic statuses to design system themes\n  const theme = {\n    success: { bg: 'bg-green-100', text: 'text-green-700', icon: 'dot' },\n    done: { bg: 'bg-green-100', text: 'text-green-700', icon: 'dot' },\n    warning: { bg: 'bg-yellow-100', text: 'text-yellow-700', icon: 'dot' }, // Or spinner if preferred\n    in_process: { bg: 'bg-fill-bg-secondary', text: 'text-text-secondary', icon: 'spinner' },\n    error: { bg: 'bg-red-100', text: 'text-red-700', icon: 'dot' },\n    neutral: { bg: 'bg-fill-bg-secondary', text: 'text-text-secondary', icon: 'dot' },\n    not_started: { bg: 'bg-fill-bg-secondary', text: 'text-text-secondary', icon: 'dot' },\n  }[status as string] || { bg: 'bg-fill-bg-secondary', text: 'text-text-secondary', icon: 'dot' };\n\n  const isSpinner = theme.icon === 'spinner';\n  \n  const displayLabel = label ?? (\n    status === 'success' ? 'Success' : \n    status === 'done' ? 'Done' :\n    status === 'warning' ? 'Warning' :\n    status === 'in_process' ? 'In Process' :\n    status === 'error' ? 'Error' : \n    status.replace(/_/g, ' ')\n  );\n\n  const containerClasses = [\n    'inline-flex items-center gap-space-2 px-space-1 py-space-0-25 rounded-rad-lg whitespace-nowrap',\n    theme.bg,\n    theme.text,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={containerClasses}>\n      {isSpinner ? <ProcessIcon /> : <DotIcon />}\n      <Typography variant=\"text-xs\" as=\"span\" className=\"font-semibold capitalize leading-none\">\n        {displayLabel}\n      </Typography>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAmBA;AACE;AAKF;AAKA;AACE;AAKF;AAKO;AAEL;AAAc;AACiD;AACH;AACK;AAAA;AACc;AACtB;AACmB;AACI;AAGhF;AAEA;AASA;AAAyB;AACvB;AACM;AACA;AACN;AAGF;AAEK;AAAuC;AAGxC;AAGN;;;;"}

package/dist/components/DataTable/DataTableToolbar.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+/**
+ * Shape of a single tab in the DataTableToolbar.
+ */
+export interface DataTableTab {
+    /** Unique ID for the tab. */
+    id: string;
+    /** Visible label. */
+    label: string;
+    /** Optional count shown in a badge. */
+    count?: number;
+}
+/**
+ * Props for the DataTableToolbar component.
+ */
+export interface DataTableToolbarProps {
+    /** Optional array of tabs to display on the left. */
+    tabs?: DataTableTab[];
+    /** ID of the currently active tab. */
+    activeTab?: string;
+    /** Callback fired when a tab is clicked. */
+    onTabChange?: (tabId: string) => void;
+    /** Right-side actions (e.g. Buttons). */
+    children?: React.ReactNode;
+    /** Additional class names for the wrapper. */
+    className?: string;
+}
+/**
+ * Toolbar for the DataTable containing tab navigation and action buttons.
+ */
+export declare function DataTableToolbar({ tabs, activeTab, onTabChange, children, className, }: DataTableToolbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableToolbar.d.ts.map

package/dist/components/DataTable/DataTableToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,6BAA6B;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAc,GACf,EAAE,qBAAqB,2CAoCvB"}

package/dist/components/DataTable/DataTableToolbar.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Typography } from "../Typography/Typography.js";
+function DataTableToolbar({
+  tabs = [],
+  activeTab,
+  onTabChange,
+  children,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: ["flex items-center justify-between gap-space-4 py-space-4 border-b border-border-light", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-space-6", children: tabs.map((tab) => {
+      const isActive = activeTab === tab.id;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onTabChange == null ? void 0 : onTabChange(tab.id),
+          className: [
+            "flex items-center gap-space-2 pb-space-4 -mb-[17px] transition-colors border-b-2",
+            isActive ? "border-text-primary text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"
+          ].filter(Boolean).join(" "),
+          children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "btn-reg", as: "span", className: isActive ? "font-semibold" : "font-normal", children: tab.label }),
+            tab.count !== void 0 && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center px-space-1-5 py-0.5 rounded-full bg-fill-bg-secondary text-text-secondary text-[10px] font-bold min-w-[1.25rem]", children: tab.count })
+          ]
+        },
+        tab.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-space-3", children })
+  ] });
+}
+export {
+  DataTableToolbar
+};
+//# sourceMappingURL=DataTableToolbar.js.map

package/dist/components/DataTable/DataTableToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableToolbar.js","sources":["../../../src/components/DataTable/DataTableToolbar.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Typography } from '../Typography/Typography';\n\n/**\n * Shape of a single tab in the DataTableToolbar.\n */\nexport interface DataTableTab {\n  /** Unique ID for the tab. */\n  id: string;\n  /** Visible label. */\n  label: string;\n  /** Optional count shown in a badge. */\n  count?: number;\n}\n\n/**\n * Props for the DataTableToolbar component.\n */\nexport interface DataTableToolbarProps {\n  /** Optional array of tabs to display on the left. */\n  tabs?: DataTableTab[];\n  /** ID of the currently active tab. */\n  activeTab?: string;\n  /** Callback fired when a tab is clicked. */\n  onTabChange?: (tabId: string) => void;\n  /** Right-side actions (e.g. Buttons). */\n  children?: React.ReactNode;\n  /** Additional class names for the wrapper. */\n  className?: string;\n}\n\n/**\n * Toolbar for the DataTable containing tab navigation and action buttons.\n */\nexport function DataTableToolbar({\n  tabs = [],\n  activeTab,\n  onTabChange,\n  children,\n  className = '',\n}: DataTableToolbarProps) {\n  return (\n    <div className={['flex items-center justify-between gap-space-4 py-space-4 border-b border-border-light', className].filter(Boolean).join(' ')}>\n      {/* Tabs */}\n      <div className=\"flex items-center gap-space-6\">\n        {tabs.map((tab) => {\n          const isActive = activeTab === tab.id;\n          return (\n            <button\n              key={tab.id}\n              type=\"button\"\n              onClick={() => onTabChange?.(tab.id)}\n              className={[\n                'flex items-center gap-space-2 pb-space-4 -mb-[17px] transition-colors border-b-2',\n                isActive ? 'border-text-primary text-text-primary' : 'border-transparent text-text-secondary hover:text-text-primary'\n              ].filter(Boolean).join(' ')}\n            >\n              <Typography variant=\"btn-reg\" as=\"span\" className={isActive ? 'font-semibold' : 'font-normal'}>\n                {tab.label}\n              </Typography>\n              {tab.count !== undefined && (\n                <span className=\"flex items-center justify-center px-space-1-5 py-0.5 rounded-full bg-fill-bg-secondary text-text-secondary text-[10px] font-bold min-w-[1.25rem]\">\n                  {tab.count}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      {/* Actions */}\n      <div className=\"flex items-center gap-space-3\">\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAoCO;AAA0B;AACxB;AACP;AACA;AACA;AAEF;AACE;AAGI;AAEI;AACA;AACE;AAAC;AAAA;AAEM;AAC4B;AACtB;AACT;AACqD;AAC7B;AAE1B;AAEA;AAIE;AAAA;AAAA;AAdO;AAAA;AAmBjB;AAKA;AAGN;;;;"}

package/dist/components/DateInput/DateInput.test.d.ts

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

package/dist/components/DateInput/DateInput.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.test.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/DateInput.test.tsx"],"names":[],"mappings":""}

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+/**
+ * Props for the Dialog component. Dialog does not control visibility — use it inside
+ * an Overlay and control open/onClose on the Overlay.
+ */
+export interface DialogProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Max width of the dialog panel. @default '24rem' (384px) */
+    maxWidth?: string;
+    /** Panel content. Typically Stack or Form content. @default undefined */
+    children?: React.ReactNode;
+    /** Forwarded ref for the root div. @default undefined */
+    ref?: React.Ref<HTMLDivElement>;
+}
+/**
+ * Centered modal dialog panel.
+ * Designed to be used inside an `<Overlay>`.
+ *
+ * @example
+ * ```tsx
+ * <Overlay open={isOpen} onClose={close}>
+ *   <Dialog maxWidth="24rem">
+ *     <Stack gap="space-4" className="p-space-6">...</Stack>
+ *   </Dialog>
+ * </Overlay>
+ * ```
+ */
+export declare function Dialog({ maxWidth, children, className, style, ref, ...rest }: DialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAkB,EAClB,QAAQ,EACR,SAAc,EACd,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,2CAuBb"}

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function Dialog({
+  maxWidth = "24rem",
+  children,
+  className = "",
+  style,
+  ref,
+  ...rest
+}) {
+  const classes = [
+    "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+    "w-full max-w-[calc(100vw-2rem)] max-h-[calc(100vh-2rem)]",
+    "bg-fill-bg-primary rounded-xl shadow-elevation-normal",
+    "overflow-y-auto",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: classes,
+      style: { maxWidth, ...style },
+      role: "dialog",
+      "aria-modal": "true",
+      ...rest,
+      children
+    }
+  );
+}
+export {
+  Dialog
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\n/**\n * Props for the Dialog component. Dialog does not control visibility — use it inside\n * an Overlay and control open/onClose on the Overlay.\n */\nexport interface DialogProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Max width of the dialog panel. @default '24rem' (384px) */\n  maxWidth?: string;\n  /** Panel content. Typically Stack or Form content. @default undefined */\n  children?: React.ReactNode;\n  /** Forwarded ref for the root div. @default undefined */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Centered modal dialog panel.\n * Designed to be used inside an `<Overlay>`.\n *\n * @example\n * ```tsx\n * <Overlay open={isOpen} onClose={close}>\n *   <Dialog maxWidth=\"24rem\">\n *     <Stack gap=\"space-4\" className=\"p-space-6\">...</Stack>\n *   </Dialog>\n * </Overlay>\n * ```\n */\nexport function Dialog({\n  maxWidth = '24rem',\n  children,\n  className = '',\n  style,\n  ref,\n  ...rest\n}: DialogProps) {\n  const classes = [\n    'fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2',\n    'w-full max-w-[calc(100vw-2rem)] max-h-[calc(100vh-2rem)]',\n    'bg-fill-bg-primary rounded-xl shadow-elevation-normal',\n    'overflow-y-auto',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={{ maxWidth, ...style }}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AA8BO;AAAgB;AACV;AACX;AACY;AACZ;AACA;AAEF;AACE;AAAgB;AACd;AACA;AACA;AACA;AACA;AAKF;AACE;AAAC;AAAA;AACC;AACW;AACW;AACjB;AACM;AACP;AAEH;AAAA;AAGP;;;;"}

package/dist/components/Dialog/Dialog.test.d.ts

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

package/dist/components/Dialog/Dialog.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.test.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.test.tsx"],"names":[],"mappings":""}

package/dist/components/Divider/Divider.test.d.ts

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

package/dist/components/Divider/Divider.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.test.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.test.tsx"],"names":[],"mappings":""}

package/dist/components/Drawer/Drawer.test.d.ts

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

package/dist/components/Drawer/Drawer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.test.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.test.tsx"],"names":[],"mappings":""}

package/dist/components/FAQ/FAQ.test.d.ts

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

package/dist/components/FAQ/FAQ.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.test.d.ts","sourceRoot":"","sources":["../../../src/components/FAQ/FAQ.test.tsx"],"names":[],"mappings":""}

package/dist/components/Grid/Grid.d.ts

@@ -41,17 +41,17 @@ export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'd
  * @example
  * // Fixed 3-column grid
  * <Grid columns={3} gap="space-4">
- *   <Card />
- *   <Card />
- *   <Card />
+ *   <JiwambeCard />
+ *   <JiwambeCard />
+ *   <JiwambeCard />
  * </Grid>
  *
  * @example
  * // Responsive column grid
  * <Grid columns={{ base: 1, sm: 2, lg: 3 }} gap="space-6" p="space-4">
- *   <Card />
- *   <Card />
- *   <Card />
+ *   <JiwambeCard />
+ *   <JiwambeCard />
+ *   <JiwambeCard />
  * </Grid>
  */
 export declare function Grid({ columns, gap, rowGap, columnGap, alignItems, justifyContent, alignSelf, children, className, style, ref, ...rest }: GridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  isResponsiveObject,\n  generateScopeId,\n  buildMediaCSS,\n  renderScopedStyle,\n  type ResponsiveValue,\n} from '../../utils/responsive-props';\nimport type { SpacingProps, GapProps } from '../../types/spacing';\nimport type { LayoutProps } from '../../types/layout';\nimport { resolveSpacing, SPACING_PROP_KEYS } from '../../utils/spacing';\nimport { resolveLayout } from '../../utils/layoutClasses';\n\nconst GRID_SPACING_KEYS = [\n  ...SPACING_PROP_KEYS,\n  'gap',\n  'rowGap',\n  'columnGap',\n] as const;\n\nconst GRID_LAYOUT_KEYS = ['alignItems', 'justifyContent', 'alignSelf'] as const;\n\n/**\n * Props for the Grid component. Extends div attributes (display omitted),\n * SpacingProps, GapProps, and a subset of LayoutProps (alignItems,\n * justifyContent, alignSelf only).\n */\nexport interface GridProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'display'>,\n    SpacingProps,\n    GapProps,\n    Pick<LayoutProps, 'alignItems' | 'justifyContent' | 'alignSelf'> {\n  /**\n   * Number of equal-width columns in the grid.\n   *\n   * Pass a number for a fixed layout:\n   *   columns={3} → grid-template-columns: repeat(3, minmax(0, 1fr))\n   *\n   * Pass a responsive object for breakpoint-specific layouts:\n   *   columns={{ base: 1, sm: 2, lg: 4 }}\n   *   Breakpoints: sm=600px, md=800px, lg=940px, xl=1440px\n   *\n   * When undefined, defaults to a 9-column grid at base and\n   * 12-column at sm (the library's default layout grid).\n   * @default undefined\n   */\n  columns?: ResponsiveValue<number>;\n  /** Forwarded ref for the root div. @default undefined */\n  ref?: React.Ref<HTMLDivElement>;\n  /** Grid cell content. @default undefined */\n  children?: React.ReactNode;\n}\n\n/**\n * Two-dimensional CSS grid layout component. Use for multi-column\n * layouts, card grids, and any content that needs rows and columns.\n *\n * For one-dimensional sequences of children, use Stack instead.\n * Grid renders with display: grid and width: 100% by default.\n *\n * The columns prop accepts a number for a fixed column count or a\n * responsive object for breakpoint-specific column counts.\n *\n * @example\n * // Fixed 3-column grid\n * <Grid columns={3} gap=\"space-4\">\n *   <Card />\n *   <Card />\n *   <Card />\n * </Grid>\n *\n * @example\n * // Responsive column grid\n * <Grid columns={{ base: 1, sm: 2, lg: 3 }} gap=\"space-6\" p=\"space-4\">\n *   <Card />\n *   <Card />\n *   <Card />\n * </Grid>\n */\nexport function Grid({\n  columns,\n  gap = 'space-2',\n  rowGap,\n  columnGap,\n  alignItems,\n  justifyContent,\n  alignSelf,\n  children,\n  className = '',\n  style,\n  ref,\n  ...rest\n}: GridProps) {\n  const spacingClasses = resolveSpacing({\n    ...rest,\n    gap,\n    rowGap,\n    columnGap,\n  });\n  const layoutClasses = resolveLayout({\n    alignItems,\n    justifyContent,\n    alignSelf,\n  });\n  const restWithoutSpacing = { ...rest };\n  for (const key of GRID_SPACING_KEYS) {\n    delete (restWithoutSpacing as Record<string, unknown>)[key];\n  }\n  for (const key of GRID_LAYOUT_KEYS) {\n    delete (restWithoutSpacing as Record<string, unknown>)[key];\n  }\n\n  const base: React.CSSProperties = {\n    display: 'grid',\n    width: '100%',\n    ...style,\n  };\n\n  let needsId = false;\n  const mediaRules: Record<string, Record<string, string>> = {};\n  const useDefaultColumns = columns === undefined;\n\n  if (columns !== undefined) {\n    if (isResponsiveObject(columns)) {\n      needsId = true;\n      for (const [bp, val] of Object.entries(columns)) {\n        if (val === undefined) continue;\n        const gridVal = `repeat(${val}, minmax(0, 1fr))`;\n        if (bp === 'base') {\n          base.gridTemplateColumns = gridVal;\n        } else {\n          if (!mediaRules[bp]) mediaRules[bp] = {};\n          mediaRules[bp]['grid-template-columns'] = gridVal;\n        }\n      }\n    } else {\n      base.gridTemplateColumns = `repeat(${columns}, minmax(0, 1fr))`;\n    }\n  }\n\n  const componentMedia = buildMediaCSS(mediaRules);\n  const scopeId = needsId && componentMedia ? generateScopeId(componentMedia, 'grd') : undefined;\n\n  const classes = [\n    useDefaultColumns ? 'grid-cols-9 sm:grid-cols-12' : '',\n    layoutClasses,\n    spacingClasses,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const elementProps: Record<string, unknown> = {\n    ref,\n    className: classes || undefined,\n    style: base,\n    ...restWithoutSpacing,\n  };\n\n  if (scopeId) {\n    elementProps['data-jds'] = scopeId;\n  }\n\n  return (\n    <>\n      {scopeId && renderScopedStyle(componentMedia, scopeId)}\n      <div {...elementProps}>{children}</div>\n    </>\n  );\n}\n\nGrid.displayName = 'Grid';\n"],"names":[],"mappings":";;;;AAaA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,mBAAmB,CAAC,cAAc,kBAAkB,WAAW;AA2D9D,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,iBAAiB,eAAe;AAAA,IACpC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,gBAAgB,cAAc;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,qBAAqB,EAAE,GAAG,KAAA;AAChC,aAAW,OAAO,mBAAmB;AACnC,WAAQ,mBAA+C,GAAG;AAAA,EAC5D;AACA,aAAW,OAAO,kBAAkB;AAClC,WAAQ,mBAA+C,GAAG;AAAA,EAC5D;AAEA,QAAM,OAA4B;AAAA,IAChC,SAAS;AAAA,IACT,OAAO;AAAA,IACP,GAAG;AAAA,EAAA;AAGL,MAAI,UAAU;AACd,QAAM,aAAqD,CAAA;AAC3D,QAAM,oBAAoB,YAAY;AAEtC,MAAI,YAAY,QAAW;AACzB,QAAI,mBAAmB,OAAO,GAAG;AAC/B,gBAAU;AACV,iBAAW,CAAC,IAAI,GAAG,KAAK,OAAO,QAAQ,OAAO,GAAG;AAC/C,YAAI,QAAQ,OAAW;AACvB,cAAM,UAAU,UAAU,GAAG;AAC7B,YAAI,OAAO,QAAQ;AACjB,eAAK,sBAAsB;AAAA,QAC7B,OAAO;AACL,cAAI,CAAC,WAAW,EAAE,EAAG,YAAW,EAAE,IAAI,CAAA;AACtC,qBAAW,EAAE,EAAE,uBAAuB,IAAI;AAAA,QAC5C;AAAA,MACF;AAAA,IACF,OAAO;AACL,WAAK,sBAAsB,UAAU,OAAO;AAAA,IAC9C;AAAA,EACF;AAEA,QAAM,iBAAiB,cAAc,UAAU;AAC/C,QAAM,UAAU,WAAW,iBAAiB,gBAAgB,gBAAgB,KAAK,IAAI;AAErF,QAAM,UAAU;AAAA,IACd,oBAAoB,gCAAgC;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,eAAwC;AAAA,IAC5C;AAAA,IACA,WAAW,WAAW;AAAA,IACtB,OAAO;AAAA,IACP,GAAG;AAAA,EAAA;AAGL,MAAI,SAAS;AACX,iBAAa,UAAU,IAAI;AAAA,EAC7B;AAEA,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,WAAW,kBAAkB,gBAAgB,OAAO;AAAA,IACrD,oBAAC,OAAA,EAAK,GAAG,cAAe,SAAA,CAAS;AAAA,EAAA,GACnC;AAEJ;AAEA,KAAK,cAAc;"}
+{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  isResponsiveObject,\n  generateScopeId,\n  buildMediaCSS,\n  renderScopedStyle,\n  type ResponsiveValue,\n} from '../../utils/responsive-props';\nimport type { SpacingProps, GapProps } from '../../types/spacing';\nimport type { LayoutProps } from '../../types/layout';\nimport { resolveSpacing, SPACING_PROP_KEYS } from '../../utils/spacing';\nimport { resolveLayout } from '../../utils/layoutClasses';\n\nconst GRID_SPACING_KEYS = [\n  ...SPACING_PROP_KEYS,\n  'gap',\n  'rowGap',\n  'columnGap',\n] as const;\n\nconst GRID_LAYOUT_KEYS = ['alignItems', 'justifyContent', 'alignSelf'] as const;\n\n/**\n * Props for the Grid component. Extends div attributes (display omitted),\n * SpacingProps, GapProps, and a subset of LayoutProps (alignItems,\n * justifyContent, alignSelf only).\n */\nexport interface GridProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'display'>,\n    SpacingProps,\n    GapProps,\n    Pick<LayoutProps, 'alignItems' | 'justifyContent' | 'alignSelf'> {\n  /**\n   * Number of equal-width columns in the grid.\n   *\n   * Pass a number for a fixed layout:\n   *   columns={3} → grid-template-columns: repeat(3, minmax(0, 1fr))\n   *\n   * Pass a responsive object for breakpoint-specific layouts:\n   *   columns={{ base: 1, sm: 2, lg: 4 }}\n   *   Breakpoints: sm=600px, md=800px, lg=940px, xl=1440px\n   *\n   * When undefined, defaults to a 9-column grid at base and\n   * 12-column at sm (the library's default layout grid).\n   * @default undefined\n   */\n  columns?: ResponsiveValue<number>;\n  /** Forwarded ref for the root div. @default undefined */\n  ref?: React.Ref<HTMLDivElement>;\n  /** Grid cell content. @default undefined */\n  children?: React.ReactNode;\n}\n\n/**\n * Two-dimensional CSS grid layout component. Use for multi-column\n * layouts, card grids, and any content that needs rows and columns.\n *\n * For one-dimensional sequences of children, use Stack instead.\n * Grid renders with display: grid and width: 100% by default.\n *\n * The columns prop accepts a number for a fixed column count or a\n * responsive object for breakpoint-specific column counts.\n *\n * @example\n * // Fixed 3-column grid\n * <Grid columns={3} gap=\"space-4\">\n *   <JiwambeCard />\n *   <JiwambeCard />\n *   <JiwambeCard />\n * </Grid>\n *\n * @example\n * // Responsive column grid\n * <Grid columns={{ base: 1, sm: 2, lg: 3 }} gap=\"space-6\" p=\"space-4\">\n *   <JiwambeCard />\n *   <JiwambeCard />\n *   <JiwambeCard />\n * </Grid>\n */\nexport function Grid({\n  columns,\n  gap = 'space-2',\n  rowGap,\n  columnGap,\n  alignItems,\n  justifyContent,\n  alignSelf,\n  children,\n  className = '',\n  style,\n  ref,\n  ...rest\n}: GridProps) {\n  const spacingClasses = resolveSpacing({\n    ...rest,\n    gap,\n    rowGap,\n    columnGap,\n  });\n  const layoutClasses = resolveLayout({\n    alignItems,\n    justifyContent,\n    alignSelf,\n  });\n  const restWithoutSpacing = { ...rest };\n  for (const key of GRID_SPACING_KEYS) {\n    delete (restWithoutSpacing as Record<string, unknown>)[key];\n  }\n  for (const key of GRID_LAYOUT_KEYS) {\n    delete (restWithoutSpacing as Record<string, unknown>)[key];\n  }\n\n  const base: React.CSSProperties = {\n    display: 'grid',\n    width: '100%',\n    ...style,\n  };\n\n  let needsId = false;\n  const mediaRules: Record<string, Record<string, string>> = {};\n  const useDefaultColumns = columns === undefined;\n\n  if (columns !== undefined) {\n    if (isResponsiveObject(columns)) {\n      needsId = true;\n      for (const [bp, val] of Object.entries(columns)) {\n        if (val === undefined) continue;\n        const gridVal = `repeat(${val}, minmax(0, 1fr))`;\n        if (bp === 'base') {\n          base.gridTemplateColumns = gridVal;\n        } else {\n          if (!mediaRules[bp]) mediaRules[bp] = {};\n          mediaRules[bp]['grid-template-columns'] = gridVal;\n        }\n      }\n    } else {\n      base.gridTemplateColumns = `repeat(${columns}, minmax(0, 1fr))`;\n    }\n  }\n\n  const componentMedia = buildMediaCSS(mediaRules);\n  const scopeId = needsId && componentMedia ? generateScopeId(componentMedia, 'grd') : undefined;\n\n  const classes = [\n    useDefaultColumns ? 'grid-cols-9 sm:grid-cols-12' : '',\n    layoutClasses,\n    spacingClasses,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const elementProps: Record<string, unknown> = {\n    ref,\n    className: classes || undefined,\n    style: base,\n    ...restWithoutSpacing,\n  };\n\n  if (scopeId) {\n    elementProps['data-jds'] = scopeId;\n  }\n\n  return (\n    <>\n      {scopeId && renderScopedStyle(componentMedia, scopeId)}\n      <div {...elementProps}>{children}</div>\n    </>\n  );\n}\n\nGrid.displayName = 'Grid';\n"],"names":[],"mappings":";;;;AAaA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,mBAAmB,CAAC,cAAc,kBAAkB,WAAW;AA2D9D,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,iBAAiB,eAAe;AAAA,IACpC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,gBAAgB,cAAc;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,qBAAqB,EAAE,GAAG,KAAA;AAChC,aAAW,OAAO,mBAAmB;AACnC,WAAQ,mBAA+C,GAAG;AAAA,EAC5D;AACA,aAAW,OAAO,kBAAkB;AAClC,WAAQ,mBAA+C,GAAG;AAAA,EAC5D;AAEA,QAAM,OAA4B;AAAA,IAChC,SAAS;AAAA,IACT,OAAO;AAAA,IACP,GAAG;AAAA,EAAA;AAGL,MAAI,UAAU;AACd,QAAM,aAAqD,CAAA;AAC3D,QAAM,oBAAoB,YAAY;AAEtC,MAAI,YAAY,QAAW;AACzB,QAAI,mBAAmB,OAAO,GAAG;AAC/B,gBAAU;AACV,iBAAW,CAAC,IAAI,GAAG,KAAK,OAAO,QAAQ,OAAO,GAAG;AAC/C,YAAI,QAAQ,OAAW;AACvB,cAAM,UAAU,UAAU,GAAG;AAC7B,YAAI,OAAO,QAAQ;AACjB,eAAK,sBAAsB;AAAA,QAC7B,OAAO;AACL,cAAI,CAAC,WAAW,EAAE,EAAG,YAAW,EAAE,IAAI,CAAA;AACtC,qBAAW,EAAE,EAAE,uBAAuB,IAAI;AAAA,QAC5C;AAAA,MACF;AAAA,IACF,OAAO;AACL,WAAK,sBAAsB,UAAU,OAAO;AAAA,IAC9C;AAAA,EACF;AAEA,QAAM,iBAAiB,cAAc,UAAU;AAC/C,QAAM,UAAU,WAAW,iBAAiB,gBAAgB,gBAAgB,KAAK,IAAI;AAErF,QAAM,UAAU;AAAA,IACd,oBAAoB,gCAAgC;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,eAAwC;AAAA,IAC5C;AAAA,IACA,WAAW,WAAW;AAAA,IACtB,OAAO;AAAA,IACP,GAAG;AAAA,EAAA;AAGL,MAAI,SAAS;AACX,iBAAa,UAAU,IAAI;AAAA,EAC7B;AAEA,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,WAAW,kBAAkB,gBAAgB,OAAO;AAAA,IACrD,oBAAC,OAAA,EAAK,GAAG,cAAe,SAAA,CAAS;AAAA,EAAA,GACnC;AAEJ;AAEA,KAAK,cAAc;"}

package/dist/components/Grid/Grid.test.d.ts

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

package/dist/components/Grid/Grid.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.test.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.test.tsx"],"names":[],"mappings":""}

package/dist/components/Icon/Icon.d.ts

@@ -1,21 +1,25 @@
-import { default as React } from 'react';
+import { ReactElement, SVGProps, Ref } from 'react';
 /**
- * Union of all available icon names in the library. Use with the Icon component's name prop.
- * Icons use currentColor so they inherit text colour from CSS.
+ * Props for the Icon component. Renders an inline SVG passed via the `icon` prop.
  */
-export type IconName = 'chevron-down' | 'chevron-up' | 'chevron-left' | 'chevron-right' | 'arrow-right' | 'arrow-left' | 'arrow-up' | 'arrow-down' | 'close' | 'menu' | 'check' | 'search' | 'globe' | 'info' | 'warning' | 'error' | 'plus' | 'minus' | 'edit' | 'trash' | 'eye' | 'eye-off' | 'copy' | 'download' | 'upload' | 'filter' | 'sort' | 'calendar' | 'clock' | 'user' | 'settings' | 'home' | 'mail' | 'phone' | 'map-pin' | 'external-link' | 'link' | 'star' | 'heart' | 'share' | 'whatsapp' | 'facebook' | 'instagram' | 'tiktok' | 'linkedin' | 'x-twitter';
-/**
- * Props for the Icon component. Renders an inline SVG; colour comes from CSS (currentColor).
- */
-export interface IconProps extends React.SVGAttributes<SVGSVGElement> {
-    /** Which icon to render. Must be a valid IconName. */
-    name: IconName;
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name'> {
+    /** The icon component to render (e.g. `<ChevronRight />`) */
+    icon: ReactElement<SVGProps<SVGSVGElement>>;
     /** Width and height in pixels. @default 24 */
-    size?: number;
+    size?: number | string;
     /** Additional class names. @default undefined */
     className?: string;
     /** Forwarded ref for the SVG element. @default undefined */
-    ref?: React.Ref<SVGSVGElement>;
+    ref?: Ref<SVGSVGElement>;
 }
-export declare function Icon({ name, size, className, style, ref, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders an inline SVG icon (typically imported from @jiwambe/icons).
+ * Size and colour (via currentColor) are controlled by props or CSS.
+ * Use for buttons, labels, or decorative icons.
+ *
+ * @example
+ * import { ChevronDown } from '@jiwambe/icons';
+ * <Icon icon={<ChevronDown />} size={20} />
+ */
+export declare function Icon({ icon, size, className, style, ref, ...rest }: IconProps): ReactElement<SVGProps<SVGSVGElement>, string | import('react').JSXElementConstructor<any>> | null;
 //# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAChB,cAAc,GACd,YAAY,GACZ,cAAc,GACd,eAAe,GACf,aAAa,GACb,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,GACP,KAAK,GACL,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,UAAU,GACV,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,eAAe,GACf,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,QAAQ,GACR,UAAU,GACV,WAAW,CAAC;AAEhB;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACnE,sDAAsD;IACtD,IAAI,EAAE,QAAQ,CAAC;IACf,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;CAChC;AA0PD,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,SAAc,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAiBvF"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IACtE,6DAA6D;IAC7D,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC5C,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,SAAc,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,qGAYvF"}