@orion-ds/react 4.5.0 → 4.6.1

package/dist/components/FontLoader/FontLoader.d.ts

@@ -1,26 +1,5 @@
-export interface FontLoaderProps {
-    /**
-     * Callback when fonts are loaded
-     */
-    onLoad?: () => void;
-    /**
-     * Callback when fonts fail to load
-     */
-    onError?: (error: Error) => void;
-    /**
-     * Show loading state while fonts are loading
-     * @default false
-     */
-    showLoadingState?: boolean;
-    /**
-     * Custom loading component
-     */
-    loadingComponent?: React.ReactNode;
-    /**
-     * Children to render (will wait for fonts if showLoadingState is true)
-     */
-    children?: React.ReactNode;
-}
+import { FontLoaderProps } from './FontLoader.types';
+
 /**
  * FontLoader - Injects Google Fonts into the document head
  *

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

@@ -1 +1 @@
-{"version":3,"file":"FontLoader.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/FontLoader.tsx"],"names":[],"mappings":"AAyCA,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,gBAAwB,EACxB,gBAAgB,EAChB,QAAQ,GACT,EAAE,eAAe,kDA6EjB;yBAnFe,UAAU"}
+{"version":3,"file":"FontLoader.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/FontLoader.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,gBAAwB,EACxB,gBAAgB,EAChB,QAAQ,GACT,EAAE,eAAe,kDA6EjB;yBAnFe,UAAU"}

package/dist/components/FontLoader/FontLoader.stories.d.ts

@@ -0,0 +1,41 @@
+import { StoryObj } from '@storybook/react';
+import { FontLoader } from './FontLoader';
+
+declare const meta: {
+    title: string;
+    component: typeof FontLoader;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        showLoadingState: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Basic FontLoader usage
+ */
+export declare const Default: Story;
+/**
+ * FontLoader with loading state
+ */
+export declare const WithLoadingState: Story;
+/**
+ * FontLoader with callbacks
+ */
+export declare const WithCallbacks: Story;
+/**
+ * Typography demo with all fonts
+ */
+export declare const TypographyDemo: Story;
+//# sourceMappingURL=FontLoader.stories.d.ts.map

package/dist/components/FontLoader/FontLoader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/FontLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAmByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA4CrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAsG3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAmG5B,CAAC"}

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+
+export interface FontLoaderProps {
+    /**
+     * Callback fired when fonts are successfully loaded
+     */
+    onLoad?: () => void;
+    /**
+     * Callback fired when fonts fail to load
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Whether to show loading state while fonts are loading
+     * @default false
+     */
+    showLoadingState?: boolean;
+    /**
+     * Custom component to display while loading fonts
+     * Only used if `showLoadingState` is true
+     */
+    loadingComponent?: ReactNode;
+    /**
+     * Children to render after fonts are loaded
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=FontLoader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontLoader.types.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/FontLoader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -17,5 +17,5 @@
  * ```
  */
 export { FontLoader } from './FontLoader';
-export type { FontLoaderProps } from './FontLoader';
+export type { FontLoaderProps } from './FontLoader.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Icon/Icon.cjs

@@ -1,2 +1 @@
-"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),t=require("react"),n=require("./Icon.module.css.cjs"),S={xs:12,sm:16,md:20,lg:24,xl:32},l=t.forwardRef(({icon:i,size:e="md",color:s="current",strokeWidth:d=2,label:a,decorative:c=!1,disabled:f=!1,className:o,style:u,...m},p)=>{const h=t.useMemo(()=>typeof e=="number"?e:S[e],[e]),g=t.useMemo(()=>{const r=[n.default.icon];return typeof e=="string"&&r.push(n.default[e]),r.push(n.default[s]),f&&r.push(n.default.disabled),o&&r.push(o),r.filter(Boolean).join(" ")},[e,s,f,o]),y=t.useMemo(()=>c?{"aria-hidden":!0,role:"presentation"}:{"aria-label":a,role:"img"},[c,a]),M=t.useMemo(()=>typeof e=="number"?{width:e,height:e,...u}:u,[e,u]);return I.jsx(i,{ref:p,className:g,size:h,strokeWidth:d,style:M,...y,...m})});l.displayName="Icon";exports.Icon=l;

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":"AAsCA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAexD,eAAO,MAAM,IAAI,qGA0FhB,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAexD,eAAO,MAAM,IAAI,qGA0FhB,CAAC"}

package/dist/components/Icon/Icon.mjs

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as x } from "react/jsx-runtime";
 import { forwardRef as I, useMemo as n } from "react";
 import o from "./Icon.module.css.mjs";

package/dist/components/KanbanBoard/KanbanBoard.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),r=require("lucide-react"),a=require("./KanbanBoard.module.css.cjs"),b=({priority:s})=>!s||s==="low"?null:e.jsx("span",{className:`${a.default.priority} ${a.default[`priority-${s}`]}`,children:e.jsx(r.AlertCircle,{size:12})}),g=({card:s,compact:t,onClick:n,draggable:d})=>e.jsxs("div",{className:`${a.default.card} ${t?a.default.cardCompact:""}`,onClick:n,draggable:d,role:"button",tabIndex:0,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),n?.())},children:[s.coverImage&&!t&&e.jsx("div",{className:a.default.cardCover,children:e.jsx("img",{src:s.coverImage,alt:""})}),e.jsxs("div",{className:a.default.cardContent,children:[s.labels&&s.labels.length>0&&!t&&e.jsx("div",{className:a.default.labels,children:s.labels.map(l=>e.jsx("span",{className:`${a.default.label} ${a.default[`label-${l.color}`]}`,children:l.text},l.id))}),e.jsxs("div",{className:a.default.cardTitle,children:[e.jsx(b,{priority:s.priority}),e.jsx("span",{children:s.title})]}),s.description&&!t&&e.jsx("p",{className:a.default.cardDescription,children:s.description}),(s.dueDate||s.assignees&&s.assignees.length>0)&&e.jsxs("div",{className:a.default.cardFooter,children:[s.dueDate&&e.jsxs("span",{className:a.default.dueDate,children:[e.jsx(r.Clock,{size:12}),e.jsx("span",{children:s.dueDate})]}),s.assignees&&s.assignees.length>0&&e.jsxs("div",{className:a.default.assignees,children:[s.assignees.slice(0,3).map(l=>e.jsx("div",{className:a.default.assignee,title:l.name,children:l.avatar?e.jsx("img",{src:l.avatar,alt:l.name}):e.jsx("span",{children:l.name.charAt(0)})},l.id)),s.assignees.length>3&&e.jsxs("div",{className:a.default.assigneeMore,children:["+",s.assignees.length-3]})]})]})]})]}),C=({column:s,compact:t,showCardCount:n,draggable:d,onCardClick:l,onAddCard:i,onColumnMenu:u})=>{const m=s.limit&&s.cards.length>s.limit;return e.jsxs("div",{className:a.default.column,children:[e.jsxs("div",{className:a.default.columnHeader,children:[e.jsxs("div",{className:a.default.columnTitleWrapper,children:[s.color&&s.color!=="default"&&e.jsx("span",{className:`${a.default.columnDot} ${a.default[`dot-${s.color}`]}`}),e.jsx("h3",{className:a.default.columnTitle,children:s.title}),n&&e.jsxs("span",{className:`${a.default.columnCount} ${m?a.default.columnCountOver:""}`,children:[s.cards.length,s.limit&&`/${s.limit}`]})]}),e.jsxs("div",{className:a.default.columnActions,children:[i&&e.jsx("button",{type:"button",className:a.default.columnAction,onClick:i,"aria-label":"Add card",children:e.jsx(r.Plus,{size:16})}),u&&e.jsx("button",{type:"button",className:a.default.columnAction,onClick:u,"aria-label":"Column menu",children:e.jsx(r.MoreHorizontal,{size:16})})]})]}),e.jsxs("div",{className:a.default.columnCards,children:[s.cards.map(c=>e.jsx(g,{card:c,compact:t,draggable:d,onClick:()=>l?.(c)},c.id)),s.cards.length===0&&e.jsx("div",{className:a.default.emptyColumn,children:"No cards yet"})]}),i&&e.jsxs("button",{type:"button",className:a.default.addCardButton,onClick:i,children:[e.jsx(r.Plus,{size:16}),e.jsx("span",{children:"Add card"})]})]})},j=v.forwardRef(({columns:s,onCardMove:t,onCardClick:n,onAddCard:d,onAddColumn:l,onColumnMenu:i,compact:u=!1,showCardCount:m=!0,draggable:c=!0,className:x,...f},h)=>{const N=[a.default.kanbanBoard,x].filter(Boolean).join(" ");return e.jsx("div",{ref:h,className:N,...f,children:e.jsxs("div",{className:a.default.columns,children:[s.map(o=>e.jsx(C,{column:o,compact:u,showCardCount:m,draggable:c,onCardClick:p=>n?.(p,o.id),onAddCard:d?()=>d(o.id):void 0,onColumnMenu:i?()=>i(o.id):void 0},o.id)),l&&e.jsxs("button",{type:"button",className:a.default.addColumnButton,onClick:l,children:[e.jsx(r.Plus,{size:20}),e.jsx("span",{children:"Add column"})]})]})})});j.displayName="KanbanBoard";exports.KanbanBoard=j;

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../src/components/KanbanBoard/KanbanBoard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,qBAAqB,CAAC;AAgN7B,eAAO,MAAM,WAAW,6GAqDvB,CAAC"}
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../src/components/KanbanBoard/KanbanBoard.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,qBAAqB,CAAC;AAgN7B,eAAO,MAAM,WAAW,6GAqDvB,CAAC"}

package/dist/components/KanbanBoard/KanbanBoard.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as s, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { Plus as p, MoreHorizontal as y, Clock as $, AlertCircle as f } from "lucide-react";

package/dist/components/Link/Link.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("react"),L=require("lucide-react"),e=require("./Link.module.css.cjs"),u=w.forwardRef(({variant:c="default",size:n="md",external:t=!1,underline:o=!0,showExternalIcon:d=!0,icon:a,iconRight:l,iconAnimation:s,className:f,children:h,...m},x)=>{const g=[e.default.link,e.default[c],e.default[n],o&&e.default.underline,f].filter(Boolean).join(" "),j=t?{target:"_blank",rel:"noopener noreferrer"}:{},p=()=>{switch(n){case"sm":return 12;case"lg":return 16;default:return 14}},i=k=>{if(!s)return k==="right"&&t?e.default.iconExternal:"";switch(s){case"arrow":return e.default.iconArrow;case"arrow-left":return e.default.iconArrowLeft;case"external":return e.default.iconExternal;default:return""}},$=()=>l?r.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${i("right")}`,"aria-hidden":"true",children:l}):t&&d?r.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${e.default.iconExternal}`,"aria-hidden":"true",children:r.jsx(L.ExternalLink,{size:p()})}):null;return r.jsxs("a",{ref:x,className:g,...j,...m,children:[a&&r.jsx("span",{className:`${e.default.icon} ${i("left")}`,"aria-hidden":"true",children:a}),r.jsx("span",{children:h}),$()]})});u.displayName="Link";exports.Link=u;

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,yGA6GhB,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,yGA6GhB,CAAC"}

package/dist/components/Link/Link.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as N, jsx as e } from "react/jsx-runtime";
 import { forwardRef as k } from "react";
 import { ExternalLink as E } from "lucide-react";

package/dist/components/MetricCards/MetricCards.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("react"),b=require("lucide-react"),s=require("./MetricCards.module.css.cjs"),y=({data:a})=>{if(!a||a.length<2)return null;const c=Math.max(...a),d=Math.min(...a),u=c-d||1,t=a[0],l=a[a.length-1],i=24,r=64,n=r/(a.length-1),o=a.map((f,h)=>{const m=h*n,j=i-(f-d)/u*i;return`${m},${j}`}).join(" "),x=t!==void 0&&l!==void 0&&l>=t;return e.jsx("svg",{className:s.default.sparkline,width:r,height:i,viewBox:`0 0 ${r} ${i}`,children:e.jsx("polyline",{fill:"none",stroke:x?"var(--text-success)":"var(--text-error)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",points:o})})},N=M.forwardRef(({metric:a,variant:c="default",loading:d=!1,className:u,...t},l)=>{const{label:i,value:r,change:n,icon:o,sparkline:x,href:f,onClick:h,description:m,loading:j}=a,p=d||j,C=f||h,v=[s.default.card,s.default[`variant-${c}`],C&&s.default.interactive,p&&s.default.loading,u].filter(Boolean).join(" "),g=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.default.cardHeader,children:[o&&e.jsx("span",{className:s.default.cardIcon,children:o}),e.jsx("span",{className:s.default.label,children:i})]}),e.jsx("div",{className:s.default.cardBody,children:p?e.jsx("div",{className:s.default.skeleton}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:s.default.value,children:r}),x&&c==="detailed"&&e.jsx(y,{data:x})]})}),(n||m)&&!p&&e.jsxs("div",{className:s.default.cardFooter,children:[n&&e.jsxs("span",{className:`${s.default.change} ${n.positive?s.default.positive:s.default.negative}`,children:[n.positive?e.jsx(b.TrendingUp,{size:12}):e.jsx(b.TrendingDown,{size:12}),e.jsx("span",{children:n.value}),n.label&&e.jsx("span",{className:s.default.changeLabel,children:n.label})]}),m&&c==="detailed"&&e.jsx("span",{className:s.default.description,children:m})]})]});return f?e.jsx("a",{ref:l,href:f,className:v,...t,children:g}):h?e.jsx("button",{ref:l,type:"button",onClick:h,className:v,...t,children:g}):e.jsx("div",{ref:l,className:v,...t,children:g})});N.displayName="MetricCard";const k=M.forwardRef(({metrics:a,columns:c=4,variant:d="default",loading:u=!1,className:t,...l},i)=>{const r=[s.default.metricCards,s.default[`cols-${c}`],t].filter(Boolean).join(" ");return e.jsx("div",{ref:i,className:r,...l,children:a.map((n,o)=>e.jsx(N,{metric:n,variant:d,loading:u},n.id||n.label||o))})});k.displayName="MetricCards";exports.MetricCard=N;exports.MetricCards=k;

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

@@ -1 +1 @@
-{"version":3,"file":"MetricCards.d.ts","sourceRoot":"","sources":["../../../src/components/MetricCards/MetricCards.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAiD7E,QAAA,MAAM,UAAU,4GA4Gf,CAAC;AAKF,eAAO,MAAM,WAAW,6GAiCvB,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"MetricCards.d.ts","sourceRoot":"","sources":["../../../src/components/MetricCards/MetricCards.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAiD7E,QAAA,MAAM,UAAU,4GA4Gf,CAAC;AAKF,eAAO,MAAM,WAAW,6GAiCvB,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/MetricCards/MetricCards.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as u, Fragment as b, jsx as n } from "react/jsx-runtime";
 import { forwardRef as $ } from "react";
 import { TrendingUp as C, TrendingDown as M } from "lucide-react";

package/dist/components/PageHeader/PageHeader.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),i=require("lucide-react"),a=require("./PageHeader.module.css.cjs"),h=y.forwardRef(({title:m,description:c,breadcrumbs:t,actions:n,tabs:r,activeTab:u,onTabChange:f,backLink:s,badge:o,variant:j="default",size:x="md",bordered:N=!0,sticky:b=!1,className:p,...g},v)=>{const C=[a.default.pageHeader,a.default[`variant-${j}`],a.default[`size-${x}`],N&&a.default.bordered,b&&a.default.sticky,p].filter(Boolean).join(" "),k=(l,d)=>{f&&f(l),d&&(window.location.href=d)};return e.jsxs("div",{ref:v,className:C,...g,children:[s&&e.jsx("div",{className:a.default.backLink,children:s.href?e.jsxs("a",{href:s.href,className:a.default.backLinkAnchor,children:[e.jsx(i.ChevronLeft,{size:16}),e.jsx("span",{children:s.label||"Back"})]}):e.jsxs("button",{type:"button",onClick:s.onClick,className:a.default.backLinkButton,children:[e.jsx(i.ChevronLeft,{size:16}),e.jsx("span",{children:s.label||"Back"})]})}),t&&t.length>0&&e.jsx("nav",{className:a.default.breadcrumbs,"aria-label":"Breadcrumb",children:e.jsx("ol",{className:a.default.breadcrumbList,children:t.map((l,d)=>e.jsxs("li",{className:a.default.breadcrumbItem,children:[d>0&&e.jsx(i.ChevronRight,{size:14,className:a.default.breadcrumbSeparator}),l.href?e.jsx("a",{href:l.href,className:a.default.breadcrumbLink,children:l.label}):l.onClick?e.jsx("button",{type:"button",onClick:l.onClick,className:a.default.breadcrumbButton,children:l.label}):e.jsx("span",{className:a.default.breadcrumbCurrent,"aria-current":"page",children:l.label})]},l.label))})}),e.jsxs("div",{className:a.default.main,children:[e.jsxs("div",{className:a.default.titleSection,children:[e.jsxs("div",{className:a.default.titleRow,children:[e.jsx("h1",{className:a.default.title,children:m}),o&&e.jsx("span",{className:a.default.badge,children:o})]}),c&&e.jsx("p",{className:a.default.description,children:c})]}),n&&e.jsx("div",{className:a.default.actions,children:n})]}),r&&r.length>0&&e.jsx("div",{className:a.default.tabs,role:"tablist",children:r.map(l=>e.jsxs("button",{role:"tab",type:"button","aria-selected":u===l.id,className:`${a.default.tab} ${u===l.id?a.default.tabActive:""}`,onClick:()=>k(l.id,l.href),children:[e.jsx("span",{children:l.label}),l.badge&&e.jsx("span",{className:a.default.tabBadge,children:l.badge})]},l.id))})]})});h.displayName="PageHeader";exports.PageHeader=h;

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GA0ItB,CAAC"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GA0ItB,CAAC"}

package/dist/components/PageHeader/PageHeader.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import { forwardRef as w } from "react";
 import { ChevronLeft as N, ChevronRight as z } from "lucide-react";

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./ProgressBar.module.css.cjs"),d=({value:t,max:i=100,variant:n="primary",size:c="md",showLabel:o=!1,label:r,indeterminate:s=!1,className:u,...f})=>{const l=t!==void 0?Math.min(Math.max(t/i*100,0),100):0,m=[a.default.container,a.default[c],a.default[n],s&&a.default.indeterminate,u].filter(Boolean).join(" ");return e.jsxs("div",{className:m,...f,children:[(o||r)&&e.jsxs("div",{className:a.default.labelWrapper,children:[r&&e.jsx("span",{children:r}),o&&!s&&e.jsxs("span",{className:a.default.percentage,children:[Math.round(l),"%"]})]}),e.jsx("div",{className:a.default.track,role:"progressbar","aria-valuenow":s?void 0:t,"aria-valuemin":0,"aria-valuemax":i,"aria-label":r||`Progress: ${Math.round(l)}%`,children:e.jsx("div",{className:a.default.bar,style:{width:s?void 0:`${l}%`}})})]})};d.displayName="ProgressBar";exports.ProgressBar=d;

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwDlD,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwDlD,CAAC"}

package/dist/components/ProgressBar/ProgressBar.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as o, jsx as n } from "react/jsx-runtime";
 import a from "./ProgressBar.module.css.mjs";
 const v = ({

package/dist/components/Select/Select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),$=require("react"),e=require("./Select.module.css.cjs"),n=$.forwardRef(({label:i,error:a,helperText:d,options:o,placeholder:r="Select an option...",fullWidth:u=!1,size:f="md",optional:m=!1,className:h,id:j,disabled:p,required:c,children:b,...x},N)=>{const s=j||`select-${Math.random().toString(36).substr(2,9)}`,v=[e.default.selectContainer,u&&e.default.fullWidth,a&&e.default.error,h].filter(Boolean).join(" "),S=[e.default.select,e.default[f]].filter(Boolean).join(" ");return l.jsxs("div",{className:v,children:[i&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[i,m&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),c&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:N,id:s,className:S,disabled:p,required:c,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:d?`${s}-helper`:void 0,...x,children:[r&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:r}),o?.map(t=>l.jsx("option",{value:t.value,disabled:t.disabled,children:t.label},t.value)),b]})}),d&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:d}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});n.displayName="Select";exports.Select=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),e=require("./Select.module.css.cjs"),u=o.forwardRef(({value:d,disabled:a,children:t,...c},i)=>l.jsx("option",{ref:i,value:d,disabled:a,...c,children:t}));u.displayName="Select.Option";const f=o.forwardRef(({label:d,error:a,helperText:t,options:c,placeholder:i="Select an option...",fullWidth:p=!1,size:h="md",optional:j=!1,className:x,id:b,disabled:N,required:r,children:S,...v},y)=>{const s=b||`select-${Math.random().toString(36).substr(2,9)}`,$=[e.default.selectContainer,p&&e.default.fullWidth,a&&e.default.error,x].filter(Boolean).join(" "),g=[e.default.select,e.default[h]].filter(Boolean).join(" ");return l.jsxs("div",{className:$,children:[d&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[d,j&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),r&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:y,id:s,className:g,disabled:N,required:r,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:t?`${s}-helper`:void 0,...v,children:[i&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:i}),c?.map(n=>l.jsx("option",{value:n.value,disabled:n.disabled,children:n.label},n.value)),S]})}),t&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:t}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});f.displayName="Select";const m=f;m.Option=u;exports.Select=m;

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,20 @@
-import { SelectProps } from './Select.types';
+import { SelectProps, SelectOptionProps } from './Select.types';
 
-export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+/**
+ * SelectOption component - used as Select.Option for compound component pattern
+ *
+ * @example
+ * ```tsx
+ * <Select>
+ *   <Select.Option value="us">United States</Select.Option>
+ *   <Select.Option value="uk">United Kingdom</Select.Option>
+ * </Select>
+ * ```
+ */
+declare const SelectOption: import('react').ForwardRefExoticComponent<SelectOptionProps & import('react').RefAttributes<HTMLOptionElement>>;
+declare const SelectComponent: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+export declare const Select: typeof SelectComponent & {
+    Option: typeof SelectOption;
+};
+export {};
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,2GAgHlB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGrE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,iHAMjB,CAAC;AAIF,QAAA,MAAM,eAAe,2GAgHpB,CAAC;AAKF,eAAO,MAAM,MAAM,EAAsB,OAAO,eAAe,GAAG;IAChE,MAAM,EAAE,OAAO,YAAY,CAAC;CAC7B,CAAC"}

package/dist/components/Select/Select.mjs

@@ -1,46 +1,50 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
 import e from "./Select.module.css.mjs";
-const C = y(
+const p = m(
+  ({ value: n, disabled: l, children: i, ...o }, t) => /* @__PURE__ */ a("option", { ref: t, value: n, disabled: l, ...o, children: i })
+);
+p.displayName = "Select.Option";
+const h = m(
   ({
     label: n,
     error: l,
-    helperText: c,
+    helperText: i,
     options: o,
     placeholder: t = "Select an option...",
-    fullWidth: m = !1,
-    size: h = "md",
-    optional: p = !1,
-    className: f,
-    id: u,
-    disabled: N,
+    fullWidth: f = !1,
+    size: N = "md",
+    optional: u = !1,
+    className: b,
+    id: v,
+    disabled: S,
     required: d,
-    children: b,
-    ...v
-  }, $) => {
-    const s = u || `select-${Math.random().toString(36).substr(2, 9)}`, j = [
+    children: $,
+    ...j
+  }, y) => {
+    const s = v || `select-${Math.random().toString(36).substr(2, 9)}`, C = [
       e.selectContainer,
-      m && e.fullWidth,
+      f && e.fullWidth,
       l && e.error,
-      f
-    ].filter(Boolean).join(" "), S = [e.select, e[h]].filter(Boolean).join(" ");
-    return /* @__PURE__ */ i("div", { className: j, children: [
-      n && /* @__PURE__ */ i("label", { htmlFor: s, className: e.label, children: [
+      b
+    ].filter(Boolean).join(" "), O = [e.select, e[N]].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c("div", { className: C, children: [
+      n && /* @__PURE__ */ c("label", { htmlFor: s, className: e.label, children: [
         n,
-        p && /* @__PURE__ */ a("span", { className: e.optional, children: "(optional)" }),
+        u && /* @__PURE__ */ a("span", { className: e.optional, children: "(optional)" }),
         d && /* @__PURE__ */ a("span", { "aria-label": "required", children: "*" })
       ] }),
-      /* @__PURE__ */ a("div", { className: e.selectWrapper, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ a("div", { className: e.selectWrapper, children: /* @__PURE__ */ c(
         "select",
         {
-          ref: $,
+          ref: y,
           id: s,
-          className: S,
-          disabled: N,
+          className: O,
+          disabled: S,
           required: d,
           "aria-invalid": l ? "true" : "false",
-          "aria-describedby": l ? `${s}-error` : c ? `${s}-helper` : void 0,
-          ...v,
+          "aria-describedby": l ? `${s}-error` : i ? `${s}-helper` : void 0,
+          ...j,
           children: [
             t && /* @__PURE__ */ a("option", { value: "", disabled: !0, className: e.placeholder, children: t }),
             o?.map((r) => /* @__PURE__ */ a(
@@ -52,12 +56,12 @@ const C = y(
               },
               r.value
             )),
-            b
+            $
           ]
         }
       ) }),
-      c && !l && /* @__PURE__ */ a("span", { id: `${s}-helper`, className: e.helperText, children: c }),
-      l && /* @__PURE__ */ i(
+      i && !l && /* @__PURE__ */ a("span", { id: `${s}-helper`, className: e.helperText, children: i }),
+      l && /* @__PURE__ */ c(
         "span",
         {
           id: `${s}-error`,
@@ -72,7 +76,9 @@ const C = y(
     ] });
   }
 );
-C.displayName = "Select";
+h.displayName = "Select";
+const g = h;
+g.Option = p;
 export {
-  C as Select
+  g as Select
 };

package/dist/components/Select/Select.stories.d.ts

@@ -2,7 +2,9 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Select.types').SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+    component: import('react').ForwardRefExoticComponent<import('./Select.types').SelectProps & import('react').RefAttributes<HTMLSelectElement>> & {
+        Option: import('react').ForwardRefExoticComponent<import('./Select.types').SelectOptionProps & import('react').RefAttributes<HTMLOptionElement>>;
+    };
     parameters: {
         layout: string;
     };

package/dist/components/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiC7B,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiC7B,CAAC"}

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

@@ -1,13 +1,30 @@
 import { SelectHTMLAttributes, ReactNode } from 'react';
 
 /**
- * Select option type
+ * Select option type (for options prop)
  */
 export interface SelectOption {
     value: string;
     label: string;
     disabled?: boolean;
 }
+/**
+ * Select.Option component props (for compound component usage)
+ */
+export interface SelectOptionProps extends React.OptionHTMLAttributes<HTMLOptionElement> {
+    /**
+     * Option value
+     */
+    value: string;
+    /**
+     * Option label (displayed text)
+     */
+    children?: React.ReactNode;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+}
 /**
  * Select component props
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/Skeleton/Skeleton.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("react"),e=require("./Skeleton.module.css.cjs"),m=x.forwardRef(({variant:a="text",animation:f="pulse",width:t,height:l,lines:n=1,borderRadius:o,className:p,style:y,...u},i)=>{const d=[e.default.skeleton,e.default[a],e.default[f],p].filter(Boolean).join(" "),r={width:typeof t=="number"?`${t}px`:t,height:typeof l=="number"?`${l}px`:l,borderRadius:typeof o=="number"?`${o}px`:o,...y};return a==="text"&&n>1?s.jsx("div",{ref:i,className:e.default.lines,...u,children:Array.from({length:n}).map((S,c)=>s.jsx("div",{className:d,style:{...r,width:c===n-1?"80%":r.width},"aria-hidden":"true"},c))}):s.jsx("div",{ref:i,className:d,style:r,"aria-hidden":"true",...u})});m.displayName="Skeleton";exports.Skeleton=m;

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,0GA8DpB,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,0GA8DpB,CAAC"}

package/dist/components/Skeleton/Skeleton.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import e from "./Skeleton.module.css.mjs";

package/dist/components/Spinner/Spinner.cjs

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("./Spinner.module.css.cjs"),s=({size:i="md",variant:l="primary",label:a="Loading...",showLabel:r=!1,className:t,...o})=>{const d=[e.default.container,t].filter(Boolean).join(" "),c=[e.default.spinner,e.default[i],e.default[l]].filter(Boolean).join(" ");return n.jsxs("div",{className:d,...o,children:[n.jsx("div",{className:c,role:"status","aria-label":a,"aria-live":"polite"}),r&&n.jsx("span",{className:e.default.label,children:a})]})};s.displayName="Spinner";exports.Spinner=s;

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2B1C,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2B1C,CAAC"}

package/dist/components/Spinner/Spinner.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import s from "./Spinner.module.css.mjs";
 const m = ({

package/dist/components/Stack/Stack.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),S=require("react"),e=require("./Stack.module.css.cjs"),t=S.forwardRef(({direction:a="vertical",gap:r="md",align:s="stretch",justify:l="flex-start",wrap:c="nowrap",as:u="div",className:o,children:i,...d},n)=>{const f=[e.default.stack,e.default[a],e.default[`gap-${r}`],e.default[`align-${s}`],e.default[`justify-${l}`],e.default[`wrap-${c}`],o].filter(Boolean).join(" ");return m.jsx(u,{ref:n,className:f,...d,children:i})});t.displayName="Stack";exports.Stack=t;

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { StackProps } from './Stack.types';
+
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,gFAiCjB,CAAC"}

package/dist/components/Stack/Stack.mjs

@@ -0,0 +1,31 @@
+import { jsx as n } from "react/jsx-runtime";
+import d from "react";
+import a from "./Stack.module.css.mjs";
+const $ = d.forwardRef(
+  ({
+    direction: t = "vertical",
+    gap: r = "md",
+    align: s = "stretch",
+    justify: o = "flex-start",
+    wrap: e = "nowrap",
+    as: c = "div",
+    className: i,
+    children: m,
+    ...l
+  }, f) => {
+    const p = [
+      a.stack,
+      a[t],
+      a[`gap-${r}`],
+      a[`align-${s}`],
+      a[`justify-${o}`],
+      a[`wrap-${e}`],
+      i
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ n(c, { ref: f, className: p, ...l, children: m });
+  }
+);
+$.displayName = "Stack";
+export {
+  $ as Stack
+};

package/dist/components/Stack/Stack.module.css

@@ -0,0 +1 @@
+._stack_svmor_8{display:flex;box-sizing:border-box}._vertical_svmor_17{flex-direction:column}._horizontal_svmor_21{flex-direction:row}._gap-xs_svmor_29{gap:var(--spacing-2)}._gap-sm_svmor_33{gap:var(--spacing-3)}._gap-md_svmor_37{gap:var(--spacing-4)}._gap-lg_svmor_41{gap:var(--spacing-6)}._gap-xl_svmor_45{gap:var(--spacing-8)}._align-flex-start_svmor_53{align-items:flex-start}._align-center_svmor_57{align-items:center}._align-flex-end_svmor_61{align-items:flex-end}._align-stretch_svmor_65{align-items:stretch}._align-baseline_svmor_69{align-items:baseline}._justify-flex-start_svmor_77{justify-content:flex-start}._justify-center_svmor_81{justify-content:center}._justify-flex-end_svmor_85{justify-content:flex-end}._justify-space-between_svmor_89{justify-content:space-between}._justify-space-around_svmor_93{justify-content:space-around}._justify-space-evenly_svmor_97{justify-content:space-evenly}._wrap-nowrap_svmor_105{flex-wrap:nowrap}._wrap-wrap_svmor_109{flex-wrap:wrap}._wrap-wrap-reverse_svmor_113{flex-wrap:wrap-reverse}

package/dist/components/Stack/Stack.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_stack_svmor_8",_="_vertical_svmor_17",e="_horizontal_svmor_21",r={stack:s,vertical:_,horizontal:e,"gap-xs":"_gap-xs_svmor_29","gap-sm":"_gap-sm_svmor_33","gap-md":"_gap-md_svmor_37","gap-lg":"_gap-lg_svmor_41","gap-xl":"_gap-xl_svmor_45","align-flex-start":"_align-flex-start_svmor_53","align-center":"_align-center_svmor_57","align-flex-end":"_align-flex-end_svmor_61","align-stretch":"_align-stretch_svmor_65","align-baseline":"_align-baseline_svmor_69","justify-flex-start":"_justify-flex-start_svmor_77","justify-center":"_justify-center_svmor_81","justify-flex-end":"_justify-flex-end_svmor_85","justify-space-between":"_justify-space-between_svmor_89","justify-space-around":"_justify-space-around_svmor_93","justify-space-evenly":"_justify-space-evenly_svmor_97","wrap-nowrap":"_wrap-nowrap_svmor_105","wrap-wrap":"_wrap-wrap_svmor_109","wrap-wrap-reverse":"_wrap-wrap-reverse_svmor_113"};exports.default=r;exports.horizontal=e;exports.stack=s;exports.vertical=_;

package/dist/components/Stack/Stack.module.css.mjs

@@ -0,0 +1,30 @@
+const _ = "_stack_svmor_8", s = "_vertical_svmor_17", a = "_horizontal_svmor_21", r = {
+  stack: _,
+  vertical: s,
+  horizontal: a,
+  "gap-xs": "_gap-xs_svmor_29",
+  "gap-sm": "_gap-sm_svmor_33",
+  "gap-md": "_gap-md_svmor_37",
+  "gap-lg": "_gap-lg_svmor_41",
+  "gap-xl": "_gap-xl_svmor_45",
+  "align-flex-start": "_align-flex-start_svmor_53",
+  "align-center": "_align-center_svmor_57",
+  "align-flex-end": "_align-flex-end_svmor_61",
+  "align-stretch": "_align-stretch_svmor_65",
+  "align-baseline": "_align-baseline_svmor_69",
+  "justify-flex-start": "_justify-flex-start_svmor_77",
+  "justify-center": "_justify-center_svmor_81",
+  "justify-flex-end": "_justify-flex-end_svmor_85",
+  "justify-space-between": "_justify-space-between_svmor_89",
+  "justify-space-around": "_justify-space-around_svmor_93",
+  "justify-space-evenly": "_justify-space-evenly_svmor_97",
+  "wrap-nowrap": "_wrap-nowrap_svmor_105",
+  "wrap-wrap": "_wrap-wrap_svmor_109",
+  "wrap-wrap-reverse": "_wrap-wrap-reverse_svmor_113"
+};
+export {
+  r as default,
+  a as horizontal,
+  _ as stack,
+  s as vertical
+};