@c15t/react 1.8.3 → 2.0.0-rc.0

package/dist/components/shared/ui/__tests__/primitives.test.cjs

@@ -0,0 +1 @@
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_exports__={};const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),browser_namespaceObject=require("vitest/browser"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),theme_context_cjs_namespaceObject=require("../../../../context/theme-context.cjs"),accordion_cjs_namespaceObject=require("../accordion/accordion.cjs"),button_cjs_namespaceObject=require("../button/button.cjs"),switch_cjs_namespaceObject=require("../switch/switch.cjs"),ThemeWrapper=({children:e})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:{noStyle:!1},children:e});for(var __rspack_i in(0,external_vitest_namespaceObject.describe)("Button",()=>{(0,external_vitest_namespaceObject.describe)("Rendering",()=>{(0,external_vitest_namespaceObject.test)("should render a button element",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{children:"Click me"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.textContent).toBe("Click me")},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should render with children",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{children:(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Button Text"})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.querySelector("span")?.textContent).toBe("Button Text")},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Props",()=>{(0,external_vitest_namespaceObject.test)("should accept variant prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{variant:"primary",children:"Primary"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept mode prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{mode:"filled",children:"Filled"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept size prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{size:"large",children:"Large"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept className prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{className:"custom-class",children:"Custom"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.className).toContain("custom-class")},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept noStyle prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{noStyle:!0,className:"only-this-class",children:"No Style"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.className).toBe("only-this-class")},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept disabled prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{disabled:!0,children:"Disabled"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.disabled).toBe(!0)},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept onClick handler",async()=>{let e=external_vitest_namespaceObject.vi.fn();(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Root,{onClick:e,children:"Click"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector("button");await browser_namespaceObject.userEvent.click(t),(0,external_vitest_namespaceObject.expect)(e).toHaveBeenCalledTimes(1)})}),(0,external_vitest_namespaceObject.describe)("ButtonIcon",()=>{(0,external_vitest_namespaceObject.test)("should render icon component",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Root,{children:[(0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Icon,{as:()=>(0,jsx_runtime_namespaceObject.jsx)("svg",{"data-testid":"test-icon"})}),"With Icon"]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="test-icon"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})})}),(0,external_vitest_namespaceObject.describe)("Switch",()=>{(0,external_vitest_namespaceObject.describe)("Rendering",()=>{(0,external_vitest_namespaceObject.test)("should render a switch element",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should have unchecked state by default",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.getAttribute("aria-checked")).toBe("false")},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Props",()=>{(0,external_vitest_namespaceObject.test)("should accept checked prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{checked:!0})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.getAttribute("aria-checked")).toBe("true")},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept defaultChecked prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{defaultChecked:!0})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.getAttribute("aria-checked")).toBe("true")},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept disabled prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{disabled:!0})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.getAttribute("data-disabled")).toBe("")},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept size prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{size:"small"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept noStyle prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{noStyle:!0,className:"custom-switch"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.className).toBe("custom-switch")},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Interactions",()=>{(0,external_vitest_namespaceObject.test)("should toggle on click",async()=>{let e=external_vitest_namespaceObject.vi.fn();(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{onCheckedChange:e})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[role="switch"]');await browser_namespaceObject.userEvent.click(t),(0,external_vitest_namespaceObject.expect)(e).toHaveBeenCalledWith(!0)}),(0,external_vitest_namespaceObject.test)("should call onCheckedChange with new value",async()=>{let e=external_vitest_namespaceObject.vi.fn();(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{defaultChecked:!0,onCheckedChange:e})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[role="switch"]');await browser_namespaceObject.userEvent.click(t),(0,external_vitest_namespaceObject.expect)(e).toHaveBeenCalledWith(!1)})}),(0,external_vitest_namespaceObject.describe)("Accessibility",()=>{(0,external_vitest_namespaceObject.test)('should have role="switch"',async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should have aria-checked attribute",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(switch_cjs_namespaceObject.Root,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e?.hasAttribute("aria-checked")).toBe(!0)},{timeout:3e3})})})}),(0,external_vitest_namespaceObject.describe)("Accordion",()=>{let e=({type:e="single",defaultValue:t})=>(0,jsx_runtime_namespaceObject.jsx)(ThemeWrapper,{children:(0,jsx_runtime_namespaceObject.jsxs)(accordion_cjs_namespaceObject.Root,{type:e,defaultValue:t,children:[(0,jsx_runtime_namespaceObject.jsxs)(accordion_cjs_namespaceObject.Item,{value:"item-1",children:[(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Trigger,{children:"Section 1"}),(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Content,{children:"Content 1"})]}),(0,jsx_runtime_namespaceObject.jsxs)(accordion_cjs_namespaceObject.Item,{value:"item-2",children:[(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Trigger,{children:"Section 2"}),(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Content,{children:"Content 2"})]})]})});(0,external_vitest_namespaceObject.describe)("Rendering",()=>{(0,external_vitest_namespaceObject.test)("should render accordion items",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(e,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelectorAll("[data-radix-collection-item]");(0,external_vitest_namespaceObject.expect)(e.length).toBe(2)},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should render trigger text",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(e,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e?.textContent).toBe("Section 1")},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Interactions",()=>{(0,external_vitest_namespaceObject.test)("should expand item on trigger click",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(e,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector("button");await browser_namespaceObject.userEvent.click(t),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-state="open"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should close first item when second item is clicked (single type)",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(e,{type:"single",defaultValue:"item-1"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('button[data-state="open"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelectorAll("button");await browser_namespaceObject.userEvent.click(t[1]),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('button[data-state="closed"]'),t=document.querySelectorAll("button")[1];(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(t?.getAttribute("data-state")).toBe("open")},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Props",()=>{(0,external_vitest_namespaceObject.test)("should accept defaultValue prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(e,{defaultValue:"item-1"})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('button[data-state="open"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)('should accept type="multiple"',async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(ThemeWrapper,{children:(0,jsx_runtime_namespaceObject.jsxs)(accordion_cjs_namespaceObject.Root,{type:"multiple",children:[(0,jsx_runtime_namespaceObject.jsxs)(accordion_cjs_namespaceObject.Item,{value:"item-1",children:[(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Trigger,{children:"Section 1"}),(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Content,{children:"Content 1"})]}),(0,jsx_runtime_namespaceObject.jsxs)(accordion_cjs_namespaceObject.Item,{value:"item-2",children:[(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Trigger,{children:"Section 2"}),(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Content,{children:"Content 2"})]})]})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelectorAll("button");(0,external_vitest_namespaceObject.expect)(e.length).toBe(2)},{timeout:3e3});let e=document.querySelectorAll("button");await browser_namespaceObject.userEvent.click(e[0]),await external_vitest_namespaceObject.vi.waitFor(()=>{(0,external_vitest_namespaceObject.expect)(document.querySelector('button[data-state="open"]')).toBeInTheDocument()},{timeout:3e3}),await browser_namespaceObject.userEvent.click(e[1]),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelectorAll('button[data-state="open"]');(0,external_vitest_namespaceObject.expect)(e.length).toBe(2)},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should accept noStyle prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(ThemeWrapper,{children:(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Root,{type:"single",noStyle:!0,className:"custom-accordion",children:(0,jsx_runtime_namespaceObject.jsxs)(accordion_cjs_namespaceObject.Item,{value:"item-1",noStyle:!0,className:"custom-item",children:[(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Trigger,{noStyle:!0,className:"custom-trigger",children:"Section"}),(0,jsx_runtime_namespaceObject.jsx)(accordion_cjs_namespaceObject.Content,{noStyle:!0,className:"custom-content",children:"Content"})]})})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector(".custom-trigger");(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Accessibility",()=>{(0,external_vitest_namespaceObject.test)("should have correct ARIA attributes on trigger",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(e,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e?.hasAttribute("aria-controls")).toBe(!0),(0,external_vitest_namespaceObject.expect)(e?.hasAttribute("aria-expanded")).toBe(!0)},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should update aria-expanded on click",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(e,{})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector("button");(0,external_vitest_namespaceObject.expect)(e?.getAttribute("aria-expanded")).toBe("false")},{timeout:3e3});let t=document.querySelector('button[aria-expanded="false"]');await browser_namespaceObject.userEvent.click(t),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('button[aria-expanded="true"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})})}),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/__tests__/primitives.test.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{describe as o,expect as c,test as a,vi as n}from"vitest";import{userEvent as i}from"vitest/browser";import{render as r}from"vitest-browser-react";import{GlobalThemeContext as l}from"../../../../context/theme-context.js";import{Content as u,Item as d,Root as s,Trigger as m}from"../accordion/accordion.js";import{Icon as h,Root as w}from"../button/button.js";import{Root as y}from"../switch/switch.js";let p=({children:t})=>e(l.Provider,{value:{noStyle:!1},children:t});o("Button",()=>{o("Rendering",()=>{a("should render a button element",async()=>{r(e(w,{children:"Click me"})),await n.waitFor(()=>{let e=document.querySelector("button");c(e).toBeInTheDocument(),c(e?.textContent).toBe("Click me")},{timeout:3e3})}),a("should render with children",async()=>{r(e(w,{children:e("span",{children:"Button Text"})})),await n.waitFor(()=>{let e=document.querySelector("button");c(e).toBeInTheDocument(),c(e?.querySelector("span")?.textContent).toBe("Button Text")},{timeout:3e3})})}),o("Props",()=>{a("should accept variant prop",async()=>{r(e(w,{variant:"primary",children:"Primary"})),await n.waitFor(()=>{c(document.querySelector("button")).toBeInTheDocument()},{timeout:3e3})}),a("should accept mode prop",async()=>{r(e(w,{mode:"filled",children:"Filled"})),await n.waitFor(()=>{c(document.querySelector("button")).toBeInTheDocument()},{timeout:3e3})}),a("should accept size prop",async()=>{r(e(w,{size:"large",children:"Large"})),await n.waitFor(()=>{c(document.querySelector("button")).toBeInTheDocument()},{timeout:3e3})}),a("should accept className prop",async()=>{r(e(w,{className:"custom-class",children:"Custom"})),await n.waitFor(()=>{let e=document.querySelector("button");c(e).toBeInTheDocument(),c(e?.className).toContain("custom-class")},{timeout:3e3})}),a("should accept noStyle prop",async()=>{r(e(w,{noStyle:!0,className:"only-this-class",children:"No Style"})),await n.waitFor(()=>{let e=document.querySelector("button");c(e).toBeInTheDocument(),c(e?.className).toBe("only-this-class")},{timeout:3e3})}),a("should accept disabled prop",async()=>{r(e(w,{disabled:!0,children:"Disabled"})),await n.waitFor(()=>{let e=document.querySelector("button");c(e).toBeInTheDocument(),c(e?.disabled).toBe(!0)},{timeout:3e3})}),a("should accept onClick handler",async()=>{let t=n.fn();r(e(w,{onClick:t,children:"Click"})),await n.waitFor(()=>{c(document.querySelector("button")).toBeInTheDocument()},{timeout:3e3});let o=document.querySelector("button");await i.click(o),c(t).toHaveBeenCalledTimes(1)})}),o("ButtonIcon",()=>{a("should render icon component",async()=>{r(t(w,{children:[e(h,{as:()=>e("svg",{"data-testid":"test-icon"})}),"With Icon"]})),await n.waitFor(()=>{c(document.querySelector('[data-testid="test-icon"]')).toBeInTheDocument()},{timeout:3e3})})})}),o("Switch",()=>{o("Rendering",()=>{a("should render a switch element",async()=>{r(e(y,{})),await n.waitFor(()=>{c(document.querySelector('[role="switch"]')).toBeInTheDocument()},{timeout:3e3})}),a("should have unchecked state by default",async()=>{r(e(y,{})),await n.waitFor(()=>{let e=document.querySelector('[role="switch"]');c(e).toBeInTheDocument(),c(e?.getAttribute("aria-checked")).toBe("false")},{timeout:3e3})})}),o("Props",()=>{a("should accept checked prop",async()=>{r(e(y,{checked:!0})),await n.waitFor(()=>{let e=document.querySelector('[role="switch"]');c(e).toBeInTheDocument(),c(e?.getAttribute("aria-checked")).toBe("true")},{timeout:3e3})}),a("should accept defaultChecked prop",async()=>{r(e(y,{defaultChecked:!0})),await n.waitFor(()=>{let e=document.querySelector('[role="switch"]');c(e).toBeInTheDocument(),c(e?.getAttribute("aria-checked")).toBe("true")},{timeout:3e3})}),a("should accept disabled prop",async()=>{r(e(y,{disabled:!0})),await n.waitFor(()=>{let e=document.querySelector('[role="switch"]');c(e).toBeInTheDocument(),c(e?.getAttribute("data-disabled")).toBe("")},{timeout:3e3})}),a("should accept size prop",async()=>{r(e(y,{size:"small"})),await n.waitFor(()=>{c(document.querySelector('[role="switch"]')).toBeInTheDocument()},{timeout:3e3})}),a("should accept noStyle prop",async()=>{r(e(y,{noStyle:!0,className:"custom-switch"})),await n.waitFor(()=>{let e=document.querySelector('[role="switch"]');c(e).toBeInTheDocument(),c(e?.className).toBe("custom-switch")},{timeout:3e3})})}),o("Interactions",()=>{a("should toggle on click",async()=>{let t=n.fn();r(e(y,{onCheckedChange:t})),await n.waitFor(()=>{c(document.querySelector('[role="switch"]')).toBeInTheDocument()},{timeout:3e3});let o=document.querySelector('[role="switch"]');await i.click(o),c(t).toHaveBeenCalledWith(!0)}),a("should call onCheckedChange with new value",async()=>{let t=n.fn();r(e(y,{defaultChecked:!0,onCheckedChange:t})),await n.waitFor(()=>{c(document.querySelector('[role="switch"]')).toBeInTheDocument()},{timeout:3e3});let o=document.querySelector('[role="switch"]');await i.click(o),c(t).toHaveBeenCalledWith(!1)})}),o("Accessibility",()=>{a('should have role="switch"',async()=>{r(e(y,{})),await n.waitFor(()=>{c(document.querySelector('[role="switch"]')).toBeInTheDocument()},{timeout:3e3})}),a("should have aria-checked attribute",async()=>{r(e(y,{})),await n.waitFor(()=>{let e=document.querySelector('[role="switch"]');c(e?.hasAttribute("aria-checked")).toBe(!0)},{timeout:3e3})})})}),o("Accordion",()=>{let l=({type:o="single",defaultValue:c})=>e(p,{children:t(s,{type:o,defaultValue:c,children:[t(d,{value:"item-1",children:[e(m,{children:"Section 1"}),e(u,{children:"Content 1"})]}),t(d,{value:"item-2",children:[e(m,{children:"Section 2"}),e(u,{children:"Content 2"})]})]})});o("Rendering",()=>{a("should render accordion items",async()=>{r(e(l,{})),await n.waitFor(()=>{c(document.querySelectorAll("[data-radix-collection-item]").length).toBe(2)},{timeout:3e3})}),a("should render trigger text",async()=>{r(e(l,{})),await n.waitFor(()=>{let e=document.querySelector("button");c(e?.textContent).toBe("Section 1")},{timeout:3e3})})}),o("Interactions",()=>{a("should expand item on trigger click",async()=>{r(e(l,{})),await n.waitFor(()=>{c(document.querySelector("button")).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector("button");await i.click(t),await n.waitFor(()=>{c(document.querySelector('[data-state="open"]')).toBeInTheDocument()},{timeout:3e3})}),a("should close first item when second item is clicked (single type)",async()=>{r(e(l,{type:"single",defaultValue:"item-1"})),await n.waitFor(()=>{c(document.querySelector('button[data-state="open"]')).toBeInTheDocument()},{timeout:3e3});let t=document.querySelectorAll("button");await i.click(t[1]),await n.waitFor(()=>{let e=document.querySelector('button[data-state="closed"]'),t=document.querySelectorAll("button")[1];c(e).toBeInTheDocument(),c(t?.getAttribute("data-state")).toBe("open")},{timeout:3e3})})}),o("Props",()=>{a("should accept defaultValue prop",async()=>{r(e(l,{defaultValue:"item-1"})),await n.waitFor(()=>{c(document.querySelector('button[data-state="open"]')).toBeInTheDocument()},{timeout:3e3})}),a('should accept type="multiple"',async()=>{r(e(p,{children:t(s,{type:"multiple",children:[t(d,{value:"item-1",children:[e(m,{children:"Section 1"}),e(u,{children:"Content 1"})]}),t(d,{value:"item-2",children:[e(m,{children:"Section 2"}),e(u,{children:"Content 2"})]})]})})),await n.waitFor(()=>{c(document.querySelectorAll("button").length).toBe(2)},{timeout:3e3});let o=document.querySelectorAll("button");await i.click(o[0]),await n.waitFor(()=>{c(document.querySelector('button[data-state="open"]')).toBeInTheDocument()},{timeout:3e3}),await i.click(o[1]),await n.waitFor(()=>{c(document.querySelectorAll('button[data-state="open"]').length).toBe(2)},{timeout:3e3})}),a("should accept noStyle prop",async()=>{r(e(p,{children:e(s,{type:"single",noStyle:!0,className:"custom-accordion",children:t(d,{value:"item-1",noStyle:!0,className:"custom-item",children:[e(m,{noStyle:!0,className:"custom-trigger",children:"Section"}),e(u,{noStyle:!0,className:"custom-content",children:"Content"})]})})})),await n.waitFor(()=>{c(document.querySelector(".custom-trigger")).toBeInTheDocument()},{timeout:3e3})})}),o("Accessibility",()=>{a("should have correct ARIA attributes on trigger",async()=>{r(e(l,{})),await n.waitFor(()=>{let e=document.querySelector("button");c(e?.hasAttribute("aria-controls")).toBe(!0),c(e?.hasAttribute("aria-expanded")).toBe(!0)},{timeout:3e3})}),a("should update aria-expanded on click",async()=>{r(e(l,{})),await n.waitFor(()=>{let e=document.querySelector("button");c(e?.getAttribute("aria-expanded")).toBe("false")},{timeout:3e3});let t=document.querySelector('button[aria-expanded="false"]');await i.click(t),await n.waitFor(()=>{c(document.querySelector('button[aria-expanded="true"]')).toBeInTheDocument()},{timeout:3e3})})})});

package/dist/components/shared/ui/accordion/accordion.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var c=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(c,{a:c}),c},__webpack_require__.d=(e,c)=>{for(var _ in c)__webpack_require__.o(c,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:c[_]})},__webpack_require__.o=(e,c)=>Object.prototype.hasOwnProperty.call(e,c),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Root:()=>AccordionRoot,Trigger:()=>AccordionTrigger,Header:()=>AccordionHeader,Arrow:()=>AccordionArrow,Icon:()=>AccordionIcon,Content:()=>AccordionContent,Item:()=>AccordionItem});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_accordion_namespaceObject=require("@radix-ui/react-accordion"),external_react_namespaceObject=require("react"),box_cjs_namespaceObject=require("../../primitives/box.cjs"),external_icon_cjs_namespaceObject=require("../icon.cjs"),use_styles_cjs_namespaceObject=require("../../../../hooks/use-styles.cjs"),use_theme_cjs_namespaceObject=require("../../../../hooks/use-theme.cjs"),external_accordion_module_cjs_namespaceObject=require("./accordion.module.cjs");var external_accordion_module_cjs_default=__webpack_require__.n(external_accordion_module_cjs_namespaceObject);const ACCORDION_ROOT_NAME="AccordionRoot",ACCORDION_ITEM_NAME="AccordionItem",ACCORDION_ICON_NAME="AccordionIcon",ACCORDION_ARROW_NAME="AccordionArrow",ACCORDION_TRIGGER_NAME="AccordionTrigger",ACCORDION_CONTENT_NAME="AccordionContent",AccordionHeader=react_accordion_namespaceObject.Header,AccordionRoot=(0,external_react_namespaceObject.forwardRef)(({className:e,themeKey:c="accordion.root",baseClassName:_,noStyle:r,style:t,...o},a)=>{let{noStyle:n}=(0,use_theme_cjs_namespaceObject.useTheme)(),s=(0,use_styles_cjs_namespaceObject.useStyles)(c,{baseClassName:[_,external_accordion_module_cjs_default().root],className:e,noStyle:n||r,style:t});return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Root,{ref:a,...o,...s})});AccordionRoot.displayName="AccordionRoot";const AccordionItem=(0,external_react_namespaceObject.forwardRef)(({className:e,themeKey:c,baseClassName:_,noStyle:r,style:t,...o},a)=>{let{noStyle:n}=(0,use_theme_cjs_namespaceObject.useTheme)(),s=(0,use_styles_cjs_namespaceObject.useStyles)(c??"accordion.item",{baseClassName:[_,external_accordion_module_cjs_default().item],className:e,noStyle:n||r,style:t});return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item,{ref:a,...o,...s})});AccordionItem.displayName="AccordionItem";const AccordionTrigger=(0,external_react_namespaceObject.forwardRef)(({children:e,className:c,themeKey:_,baseClassName:r,noStyle:t,style:o,...a},n)=>{let{noStyle:s}=(0,use_theme_cjs_namespaceObject.useTheme)(),i=(0,use_styles_cjs_namespaceObject.useStyles)(_??"accordion.trigger-inner",{baseClassName:[r,external_accordion_module_cjs_default().triggerInner],className:c,noStyle:s||t,style:o});return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Trigger,{ref:n,...a,...i,children:e})});function AccordionIcon({className:e,themeKey:c,baseClassName:_,noStyle:r,style:t,as:o,...a}){let n=(0,use_styles_cjs_namespaceObject.useStyles)(c??"accordion.icon",{baseClassName:[_,external_accordion_module_cjs_default().icon],className:e,noStyle:r,style:t});return(0,jsx_runtime_namespaceObject.jsx)(o||"div",{...a,...n})}function AccordionArrow({openIcon:e={Element:(0,external_icon_cjs_namespaceObject.LucideIcon)({title:"Open",iconPath:(0,jsx_runtime_namespaceObject.jsx)("path",{d:"M5 12h14M12 5v14"})}),themeKey:"accordion.arrow.open"},closeIcon:c={Element:(0,external_icon_cjs_namespaceObject.LucideIcon)({title:"Close",iconPath:(0,jsx_runtime_namespaceObject.jsx)("path",{d:"M5 12h14"})}),themeKey:"accordion.arrow.close"},..._}){let r=(0,use_styles_cjs_namespaceObject.useStyles)(e.themeKey,{baseClassName:[e.baseClassName,external_accordion_module_cjs_default().arrowOpen],className:e.className,noStyle:e.noStyle,style:e.style}),t=(0,use_styles_cjs_namespaceObject.useStyles)(c.themeKey,{baseClassName:[c.baseClassName,external_accordion_module_cjs_default().arrowClose],className:c.className,noStyle:c.noStyle,style:c.style});return(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(e.Element,{..._,...r}),(0,jsx_runtime_namespaceObject.jsx)(c.Element,{..._,...t})]})}AccordionTrigger.displayName="AccordionTrigger",AccordionIcon.displayName="AccordionIcon",AccordionArrow.displayName="AccordionArrow";const AccordionContent=(0,external_react_namespaceObject.forwardRef)(({children:e,className:c,theme:_,...r},t)=>{let{noStyle:o}=(0,use_theme_cjs_namespaceObject.useTheme)(),a=(0,use_styles_cjs_namespaceObject.useStyles)(_?.content?.themeKey??"accordion.content",{baseClassName:[_?.content?.baseClassName,external_accordion_module_cjs_default().content],className:c,noStyle:_?.content?.noStyle||o,style:_?.content?.style});return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content,{ref:t,...r,...a,children:(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{..._?.contentInner,baseClassName:[_?.content?.baseClassName,external_accordion_module_cjs_default().contentInner],themeKey:_?.contentInner?.themeKey??"accordion.content-inner",children:e})})});for(var __webpack_i__ in AccordionContent.displayName="AccordionContent",exports.Arrow=__webpack_exports__.Arrow,exports.Content=__webpack_exports__.Content,exports.Header=__webpack_exports__.Header,exports.Icon=__webpack_exports__.Icon,exports.Item=__webpack_exports__.Item,exports.Root=__webpack_exports__.Root,exports.Trigger=__webpack_exports__.Trigger,__webpack_exports__)-1===["Arrow","Content","Header","Icon","Item","Root","Trigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,c)=>{for(var r in c)__webpack_require__.o(c,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:c[r]})},__webpack_require__.o=(e,c)=>Object.prototype.hasOwnProperty.call(e,c),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{accordionVariants:()=>primitives_namespaceObject.accordionVariants,Header:()=>AccordionHeader,Arrow:()=>AccordionArrow,Trigger:()=>AccordionTrigger,Root:()=>AccordionRoot,Icon:()=>AccordionIcon,Item:()=>AccordionItem,Content:()=>AccordionContent});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),primitives_namespaceObject=require("@c15t/ui/styles/primitives"),react_accordion_namespaceObject=require("@radix-ui/react-accordion"),external_react_namespaceObject=require("react"),external_icon_cjs_namespaceObject=require("../icon.cjs"),use_theme_cjs_namespaceObject=require("../../../../hooks/use-theme.cjs"),ACCORDION_ROOT_NAME="AccordionRoot",ACCORDION_ITEM_NAME="AccordionItem",ACCORDION_ICON_NAME="AccordionIcon",ACCORDION_ARROW_NAME="AccordionArrow",ACCORDION_TRIGGER_NAME="AccordionTrigger",ACCORDION_CONTENT_NAME="AccordionContent",AccordionHeader=react_accordion_namespaceObject.Header,AccordionRoot=(0,external_react_namespaceObject.forwardRef)(({className:e,variant:c="default",size:r="medium",noStyle:a,...t},o)=>{let{noStyle:n}=(0,use_theme_cjs_namespaceObject.useTheme)(),_=(0,primitives_namespaceObject.accordionVariants)({variant:c,size:r}),s=n||a?e:_.root({class:e});return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Root,{ref:o,className:s,...t})});AccordionRoot.displayName="AccordionRoot";const AccordionItem=(0,external_react_namespaceObject.forwardRef)(({className:e,noStyle:c,...r},a)=>{let{noStyle:t}=(0,use_theme_cjs_namespaceObject.useTheme)(),o=(0,primitives_namespaceObject.accordionVariants)(),n=t||c?e:o.item({class:e});return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item,{ref:a,className:n,...r})});AccordionItem.displayName="AccordionItem";const AccordionTrigger=(0,external_react_namespaceObject.forwardRef)(({children:e,className:c,noStyle:r,...a},t)=>{let{noStyle:o}=(0,use_theme_cjs_namespaceObject.useTheme)(),n=(0,primitives_namespaceObject.accordionVariants)(),_=o||r?c:n.trigger({class:c});return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Trigger,{ref:t,className:_,...a,children:e})});function AccordionIcon({className:e,noStyle:c,as:r,...a}){let t=(0,primitives_namespaceObject.accordionVariants)(),o="string"==typeof e?e:void 0,n=c?o:t.icon({class:o});return(0,jsx_runtime_namespaceObject.jsx)(r||"div",{className:n,...a})}function AccordionArrow({openIcon:e={Element:(0,external_icon_cjs_namespaceObject.LucideIcon)({title:"Open",iconPath:(0,jsx_runtime_namespaceObject.jsx)("path",{d:"M5 12h14M12 5v14"})})},closeIcon:c={Element:(0,external_icon_cjs_namespaceObject.LucideIcon)({title:"Close",iconPath:(0,jsx_runtime_namespaceObject.jsx)("path",{d:"M5 12h14"})})},noStyle:r,...a}){let t=(0,primitives_namespaceObject.accordionVariants)(),o=r?e.className:t.arrowOpen({class:e.className}),n=r?c.className:t.arrowClose({class:c.className});return(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(e.Element,{...a,className:o}),(0,jsx_runtime_namespaceObject.jsx)(c.Element,{...a,className:n})]})}AccordionTrigger.displayName="AccordionTrigger",AccordionIcon.displayName="AccordionIcon",AccordionArrow.displayName="AccordionArrow";const AccordionContent=(0,external_react_namespaceObject.forwardRef)(({children:e,className:c,innerClassName:r,noStyle:a,...t},o)=>{let{noStyle:n}=(0,use_theme_cjs_namespaceObject.useTheme)(),_=(0,primitives_namespaceObject.accordionVariants)(),s=n||a,i=s?c:_.content({class:c}),m=s?r:_.contentInner({class:r});return(0,jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content,{ref:o,className:i,...t,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:m,children:e})})});for(var __rspack_i in AccordionContent.displayName="AccordionContent",exports.Arrow=__webpack_exports__.Arrow,exports.Content=__webpack_exports__.Content,exports.Header=__webpack_exports__.Header,exports.Icon=__webpack_exports__.Icon,exports.Item=__webpack_exports__.Item,exports.Root=__webpack_exports__.Root,exports.Trigger=__webpack_exports__.Trigger,exports.accordionVariants=__webpack_exports__.accordionVariants,__webpack_exports__)-1===["Arrow","Content","Header","Icon","Item","Root","Trigger","accordionVariants"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/accordion/accordion.d.ts

@@ -1,7 +1,10 @@
+import { type AccordionSize, type AccordionVariant, type AccordionVariantsProps, accordionVariants } from '@c15t/ui/styles/primitives';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { type ComponentPropsWithoutRef, type ElementType, type HTMLAttributes } from 'react';
 import type { PolymorphicComponentProps } from '../../libs/polymorphic';
-import type { AllThemeKeys, ExtendThemeKeys, ThemeValue } from '../../../../types/theme';
+import type { ThemeValue } from '../../../../types/theme';
+export type { AccordionSize, AccordionVariant, AccordionVariantsProps };
+export { accordionVariants };
 declare const AccordionHeader: import("react").ForwardRefExoticComponent<AccordionPrimitive.AccordionHeaderProps & import("react").RefAttributes<HTMLHeadingElement>>;
 export type AccordionStylesKeys = {
     'accordion.root'?: ThemeValue;
@@ -13,32 +16,95 @@ export type AccordionStylesKeys = {
     'accordion.content': ThemeValue;
     'accordion.content-inner': ThemeValue;
 };
-declare const AccordionRoot: import("react").ForwardRefExoticComponent<(ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & ExtendThemeKeys<import("../../../../types/theme").CSSVariables>) & import("react").RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & ExtendThemeKeys<import("../../../../types/theme").CSSVariables> & import("react").RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & ExtendThemeKeys<import("../../../../types/theme").CSSVariables> & import("react").RefAttributes<HTMLButtonElement>>;
-declare function AccordionIcon<T extends ElementType>({ className, themeKey, baseClassName, noStyle, style, as, ...rest }: PolymorphicComponentProps<T> & ExtendThemeKeys): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for AccordionRoot component.
+ * @public
+ */
+export type AccordionRootProps = ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & AccordionVariantsProps & {
+    /**
+     * When true, removes default styles.
+     */
+    noStyle?: boolean;
+};
+declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionRootProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Props for AccordionItem component.
+ * @public
+ */
+export interface AccordionItemProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    /**
+     * When true, removes default styles.
+     */
+    noStyle?: boolean;
+}
+declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Props for AccordionTrigger component.
+ * @public
+ */
+export interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    /**
+     * When true, removes default styles.
+     */
+    noStyle?: boolean;
+}
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Props for AccordionIcon component.
+ * @public
+ */
+export interface AccordionIconBaseProps extends Record<string, unknown> {
+    /**
+     * When true, removes default styles.
+     */
+    noStyle?: boolean;
+}
+declare function AccordionIcon<T extends ElementType>({ className, noStyle, as, ...rest }: PolymorphicComponentProps<T, AccordionIconBaseProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionIcon {
     var displayName: string;
 }
+/**
+ * Props for AccordionArrow component.
+ * @public
+ */
 type AccordionArrowProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Custom open icon element.
+     */
     openIcon?: {
         Element: ElementType;
-        themeKey: AllThemeKeys;
-    } & ExtendThemeKeys;
+        className?: string;
+    };
+    /**
+     * Custom close icon element.
+     */
     closeIcon?: {
         Element: ElementType;
-        themeKey: AllThemeKeys;
-    } & ExtendThemeKeys;
+        className?: string;
+    };
+    /**
+     * When true, removes default styles.
+     */
+    noStyle?: boolean;
 };
-declare function AccordionArrow({ openIcon, closeIcon, ...rest }: AccordionArrowProps): import("react/jsx-runtime").JSX.Element;
+declare function AccordionArrow({ openIcon, closeIcon, noStyle, ...rest }: AccordionArrowProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionArrow {
     var displayName: string;
 }
-declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    theme: {
-        content: ExtendThemeKeys;
-        contentInner: ExtendThemeKeys;
-    };
-} & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Props for AccordionContent component.
+ * @public
+ */
+export interface AccordionContentProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+    /**
+     * When true, removes default styles.
+     */
+    noStyle?: boolean;
+    /**
+     * Class name for the inner content wrapper.
+     */
+    innerClassName?: string;
+}
+declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export { AccordionRoot as Root, AccordionHeader as Header, AccordionItem as Item, AccordionTrigger as Trigger, AccordionIcon as Icon, AccordionArrow as Arrow, AccordionContent as Content, };
 //# sourceMappingURL=accordion.d.ts.map

package/dist/components/shared/ui/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACN,KAAK,wBAAwB,EAE7B,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAKtF,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS/E,QAAA,MAAM,eAAe,wIAA4B,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,gBAAgB,EAAE,UAAU,CAAC;IAC7B,mBAAmB,EAAE,UAAU,CAAC;IAChC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,sBAAsB,EAAE,UAAU,CAAC;IACnC,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,yBAAyB,EAAE,UAAU,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,aAAa,iWAgClB,CAAC;AAIF,QAAA,MAAM,aAAa,uPAwBlB,CAAC;AAGF,QAAA,MAAM,gBAAgB,gQA8BrB,CAAC;AAGF,iBAAS,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,EAC7C,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,KAAK,EACL,EAAE,EACF,GAAG,IAAI,EACP,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAAG,eAAe,2CAWhD;kBAnBQ,aAAa;;;AAsBtB,KAAK,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,YAAY,CAAA;KAAE,GAAG,eAAe,CAAC;IAC9E,SAAS,CAAC,EAAE;QACX,OAAO,EAAE,WAAW,CAAC;QACrB,QAAQ,EAAE,YAAY,CAAC;KACvB,GAAG,eAAe,CAAC;CACpB,CAAC;AAGF,iBAAS,cAAc,CAAC,EACvB,QAMC,EACD,SAGC,EACD,GAAG,IAAI,EACP,EAAE,mBAAmB,2CAoBrB;kBAjCQ,cAAc;;;AAoCvB,QAAA,MAAM,gBAAgB;WAGb;QAAE,OAAO,EAAE,eAAe,CAAC;QAAC,YAAY,EAAE,eAAe,CAAA;KAAE;kDAgClE,CAAC;AAGH,OAAO,EACN,aAAa,IAAI,IAAI,EACrB,eAAe,IAAI,MAAM,EACzB,aAAa,IAAI,IAAI,EACrB,gBAAgB,IAAI,OAAO,EAC3B,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,gBAAgB,IAAI,OAAO,GAC3B,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,iBAAiB,EACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACN,KAAK,wBAAwB,EAE7B,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAGtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,CAAC;AAGxE,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAQ7B,QAAA,MAAM,eAAe,wIAA4B,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,gBAAgB,EAAE,UAAU,CAAC;IAC7B,mBAAmB,EAAE,UAAU,CAAC;IAChC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,sBAAsB,EAAE,UAAU,CAAC;IACnC,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,yBAAyB,EAAE,UAAU,CAAC;CACtC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CACxD,OAAO,kBAAkB,CAAC,IAAI,CAC9B,GACA,sBAAsB,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEH,QAAA,MAAM,aAAa,+GAwBlB,CAAC;AAIF;;;GAGG;AACH,MAAM,WAAW,kBAChB,SAAQ,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,+GAmBjB,CAAC;AAGH;;;GAGG;AACH,MAAM,WAAW,qBAChB,SAAQ,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,qHAqBpB,CAAC;AAGH;;;GAGG;AACH,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,EAC7C,SAAS,EACT,OAAO,EACP,EAAE,EACF,GAAG,IAAI,EACP,EAAE,yBAAyB,CAAC,CAAC,EAAE,sBAAsB,CAAC,2CAWtD;kBAhBQ,aAAa;;;AAmBtB;;;GAGG;AACH,KAAK,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,iBAAS,cAAc,CAAC,EACvB,QAKC,EACD,SAEC,EACD,OAAO,EACP,GAAG,IAAI,EACP,EAAE,mBAAmB,2CAiBrB;kBA7BQ,cAAc;;;AAgCvB;;;GAGG;AACH,MAAM,WAAW,qBAChB,SAAQ,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,kHAyBpB,CAAC;AAGH,OAAO,EACN,aAAa,IAAI,IAAI,EACrB,eAAe,IAAI,MAAM,EACzB,aAAa,IAAI,IAAI,EACrB,gBAAgB,IAAI,OAAO,EAC3B,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,gBAAgB,IAAI,OAAO,GAC3B,CAAC"}

package/dist/components/shared/ui/accordion/accordion.js

@@ -1,2 +1 @@
-'use client';
-import{Fragment as e,jsx as o,jsxs as t}from"react/jsx-runtime";import{Content as n,Header as r,Item as a,Root as c,Trigger as s}from"@radix-ui/react-accordion";import{forwardRef as i}from"react";import{Box as l}from"../../primitives/box.js";import{LucideIcon as m}from"../icon.js";import{useStyles as d}from"../../../../hooks/use-styles.js";import{useTheme as y}from"../../../../hooks/use-theme.js";import N from"./accordion.module.js";let p=r,h=i(({className:e,themeKey:t="accordion.root",baseClassName:n,noStyle:r,style:a,...s},i)=>{let{noStyle:l}=y(),m=d(t,{baseClassName:[n,N.root],className:e,noStyle:l||r,style:a});return o(c,{ref:i,...s,...m})});h.displayName="AccordionRoot";let C=i(({className:e,themeKey:t,baseClassName:n,noStyle:r,style:c,...s},i)=>{let{noStyle:l}=y(),m=d(t??"accordion.item",{baseClassName:[n,N.item],className:e,noStyle:l||r,style:c});return o(a,{ref:i,...s,...m})});C.displayName="AccordionItem";let A=i(({children:e,className:t,themeKey:n,baseClassName:r,noStyle:a,style:c,...i},l)=>{let{noStyle:m}=y(),p=d(n??"accordion.trigger-inner",{baseClassName:[r,N.triggerInner],className:t,noStyle:m||a,style:c});return o(s,{ref:l,...i,...p,children:e})});function f({className:e,themeKey:t,baseClassName:n,noStyle:r,style:a,as:c,...s}){let i=d(t??"accordion.icon",{baseClassName:[n,N.icon],className:e,noStyle:r,style:a});return o(c||"div",{...s,...i})}function b({openIcon:n={Element:m({title:"Open",iconPath:o("path",{d:"M5 12h14M12 5v14"})}),themeKey:"accordion.arrow.open"},closeIcon:r={Element:m({title:"Close",iconPath:o("path",{d:"M5 12h14"})}),themeKey:"accordion.arrow.close"},...a}){let c=d(n.themeKey,{baseClassName:[n.baseClassName,N.arrowOpen],className:n.className,noStyle:n.noStyle,style:n.style}),s=d(r.themeKey,{baseClassName:[r.baseClassName,N.arrowClose],className:r.className,noStyle:r.noStyle,style:r.style});return t(e,{children:[o(n.Element,{...a,...c}),o(r.Element,{...a,...s})]})}A.displayName="AccordionTrigger",f.displayName="AccordionIcon",b.displayName="AccordionArrow";let u=i(({children:e,className:t,theme:r,...a},c)=>{let{noStyle:s}=y(),i=d(r?.content?.themeKey??"accordion.content",{baseClassName:[r?.content?.baseClassName,N.content],className:t,noStyle:r?.content?.noStyle||s,style:r?.content?.style});return o(n,{ref:c,...a,...i,children:o(l,{...r?.contentInner,baseClassName:[r?.content?.baseClassName,N.contentInner],themeKey:r?.contentInner?.themeKey??"accordion.content-inner",children:e})})});u.displayName="AccordionContent";export{b as Arrow,u as Content,p as Header,f as Icon,C as Item,h as Root,A as Trigger};
+import{Fragment as e,jsx as o,jsxs as r}from"react/jsx-runtime";import{accordionVariants as t}from"@c15t/ui/styles/primitives";import{Content as c,Header as a,Item as s,Root as n,Trigger as i}from"@radix-ui/react-accordion";import{forwardRef as l}from"react";import{LucideIcon as m}from"../icon.js";import{useTheme as d}from"../../../../hooks/use-theme.js";let p=a,N=l(({className:e,variant:r="default",size:c="medium",noStyle:a,...s},i)=>{let{noStyle:l}=d(),m=t({variant:r,size:c});return o(n,{ref:i,className:l||a?e:m.root({class:e}),...s})});N.displayName="AccordionRoot";let A=l(({className:e,noStyle:r,...c},a)=>{let{noStyle:n}=d(),i=t();return o(s,{ref:a,className:n||r?e:i.item({class:e}),...c})});A.displayName="AccordionItem";let f=l(({children:e,className:r,noStyle:c,...a},s)=>{let{noStyle:n}=d(),l=t();return o(i,{ref:s,className:n||c?r:l.trigger({class:r}),...a,children:e})});function u({className:e,noStyle:r,as:c,...a}){let s=t(),n="string"==typeof e?e:void 0;return o(c||"div",{className:r?n:s.icon({class:n}),...a})}function h({openIcon:c={Element:m({title:"Open",iconPath:o("path",{d:"M5 12h14M12 5v14"})})},closeIcon:a={Element:m({title:"Close",iconPath:o("path",{d:"M5 12h14"})})},noStyle:s,...n}){let i=t(),l=s?c.className:i.arrowOpen({class:c.className}),d=s?a.className:i.arrowClose({class:a.className});return r(e,{children:[o(c.Element,{...n,className:l}),o(a.Element,{...n,className:d})]})}f.displayName="AccordionTrigger",u.displayName="AccordionIcon",h.displayName="AccordionArrow";let y=l(({children:e,className:r,innerClassName:a,noStyle:s,...n},i)=>{let{noStyle:l}=d(),m=t(),p=l||s,N=p?r:m.content({class:r}),A=p?a:m.contentInner({class:a});return o(c,{ref:i,className:N,...n,children:o("div",{className:A,children:e})})});y.displayName="AccordionContent";export{h as Arrow,y as Content,p as Header,u as Icon,A as Item,N as Root,f as Trigger,t as accordionVariants};

package/dist/components/shared/ui/accordion/accordion.types.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in __webpack_require__.r(__webpack_exports__),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __rspack_i in __webpack_require__.r(__webpack_exports__),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/accordion/accordion.types.d.ts

@@ -1,64 +1,6 @@
 /**
- * CSS variables for the layout of the accordion component
+ * Re-export accordion variant types from @c15t/ui for convenience.
+ * The canonical definitions are in @c15t/ui/styles/primitives.
  */
-export type AccordionLayoutCSSVariables = {
-    '--accordion-padding': string;
-    '--accordion-radius': string;
-    '--accordion-duration': string;
-    '--accordion-ease': string;
-    '--accordion-icon-size': string;
-};
-/**
- * CSS variables for the colors of the accordion component
- */
-export type AccordionColorCSSVariables = {
-    '--accordion-background-color': string;
-    '--accordion-background-hover': string;
-    '--accordion-border-color': string;
-    '--accordion-text-color': string;
-    '--accordion-icon-color': string;
-    '--accordion-arrow-color': string;
-    '--accordion-content-color': string;
-    '--accordion-focus-ring': string;
-};
-/**
- * CSS variables for the root accordion component
- */
-export type AccordionRootCSSVariables = AccordionLayoutCSSVariables & AccordionColorCSSVariables;
-/**
- * CSS variables for the accordion item component
- */
-export type AccordionItemCSSVariables = {
-    '--accordion-background-color': string;
-    '--accordion-border-color': string;
-    '--accordion-radius': string;
-};
-/**
- * CSS variables for the accordion trigger component
- */
-export type AccordionTriggerCSSVariables = {
-    '--accordion-text-color': string;
-    '--accordion-focus-ring': string;
-    '--accordion-radius': string;
-    '--accordion-padding': string;
-};
-/**
- * CSS variables for the accordion icon component
- */
-export type AccordionIconCSSVariables = {
-    '--accordion-icon-size': string;
-    '--accordion-icon-color': string;
-};
-/**
- * CSS variables for the accordion content component
- */
-export type AccordionContentCSSVariables = {
-    '--accordion-duration': string;
-    '--accordion-ease': string;
-    '--accordion-content-color': string;
-};
-/**
- * All CSS variables used in the accordion component
- */
-export type AccordionCSSVariables = AccordionRootCSSVariables;
+export type { AccordionColorCSSVariables, AccordionContentCSSVariables, AccordionCSSVariables, AccordionIconCSSVariables, AccordionItemCSSVariables, AccordionLayoutCSSVariables, AccordionRootCSSVariables, AccordionSize, AccordionTriggerCSSVariables, AccordionVariant, AccordionVariantsProps, } from '@c15t/ui/styles/primitives';
 //# sourceMappingURL=accordion.types.d.ts.map

package/dist/components/shared/ui/accordion/accordion.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACzC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACxC,8BAA8B,EAAE,MAAM,CAAC;IACvC,8BAA8B,EAAE,MAAM,CAAC;IACvC,0BAA0B,EAAE,MAAM,CAAC;IACnC,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,2BAA2B,EAAE,MAAM,CAAC;IACpC,wBAAwB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,2BAA2B,GAClE,0BAA0B,CAAC;AAE5B;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACvC,8BAA8B,EAAE,MAAM,CAAC;IACvC,0BAA0B,EAAE,MAAM,CAAC;IACnC,oBAAoB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,MAAM,CAAC;IACjC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACvC,uBAAuB,EAAE,MAAM,CAAC;IAChC,wBAAwB,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IAC1C,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC"}
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EACX,0BAA0B,EAC1B,4BAA4B,EAC5B,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EACzB,2BAA2B,EAC3B,yBAAyB,EACzB,aAAa,EACb,4BAA4B,EAC5B,gBAAgB,EAChB,sBAAsB,GACtB,MAAM,4BAA4B,CAAC"}

package/dist/components/shared/ui/accordion/index.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./accordion":function(_){_.exports=require("./accordion.cjs")},"./accordion.types":function(_){_.exports=require("./accordion.types.cjs")}},__webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};return __webpack_modules__[_](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_.default:()=>_;return __webpack_require__.d(e,{a:e}),e},__webpack_require__.d=(_,e)=>{for(var r in e)__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r)&&Object.defineProperty(_,r,{enumerable:!0,get:e[r]})},__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e),__webpack_require__.r=_=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(_,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(_,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var _=__webpack_require__("./accordion"),e={};for(var r in _)"default"!==r&&(e[r]=(function(e){return _[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,e);var c=__webpack_require__("./accordion.types"),e={};for(var r in c)"default"!==r&&(e[r]=(function(_){return c[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,e)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./accordion"(_){_.exports=require("./accordion.cjs")},"./accordion.types"(_){_.exports=require("./accordion.types.cjs")}},__webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};return __webpack_modules__[_](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_.default:()=>_;return __webpack_require__.d(e,{a:e}),e},__webpack_require__.d=(_,e)=>{for(var r in e)__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r)&&Object.defineProperty(_,r,{enumerable:!0,get:e[r]})},__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e),__webpack_require__.r=_=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(_,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(_,"__esModule",{value:!0})};var __webpack_exports__={};for(var __rspack_i in(()=>{__webpack_require__.r(__webpack_exports__);var _=__webpack_require__("./accordion"),e={};for(let r in _)"default"!==r&&(e[r]=()=>_[r]);__webpack_require__.d(__webpack_exports__,e);var r=__webpack_require__("./accordion.types"),e={};for(let _ in r)"default"!==_&&(e[_]=()=>r[_]);__webpack_require__.d(__webpack_exports__,e)})(),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/animated-collapse/animated-collapse.cjs

@@ -0,0 +1 @@
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AnimatedCollapse:()=>AnimatedCollapse});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),AnimatedCollapse=({isOpen:e,children:t,duration:r=250,easing:n="cubic-bezier(0.33, 1, 0.68, 1)",className:a})=>{let i=(0,external_react_namespaceObject.useRef)(null),_=(0,external_react_namespaceObject.useRef)(null),o=(0,external_react_namespaceObject.useRef)(null),[c,s]=(0,external_react_namespaceObject.useState)(e),[l,u]=(0,external_react_namespaceObject.useState)(!1),[p,d]=(0,external_react_namespaceObject.useState)({height:e?"auto":0,overflow:e?"visible":"hidden",transition:"none"});return((0,external_react_namespaceObject.useLayoutEffect)(()=>{let t=i.current,a=_.current;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){s(e),u(!1),d({height:e?"auto":0,overflow:e?"visible":"hidden",transition:"none"});return}if(null!==o.current&&cancelAnimationFrame(o.current),e)s(!0),u(!0),o.current=requestAnimationFrame(()=>{let e=_.current;if(!e)return void u(!1);let a=e.scrollHeight;d({height:0,overflow:"hidden",transition:"none"}),requestAnimationFrame(()=>{d({height:a,overflow:"hidden",transition:`height ${r}ms ${n}`});let e=r=>{"height"===r.propertyName&&(d({height:"auto",overflow:"visible",transition:"none"}),u(!1),t?.removeEventListener("transitionend",e))};t?.addEventListener("transitionend",e)})});else{if(!t||!a){s(!1),u(!1),d({height:0,overflow:"hidden",transition:"none"});return}u(!0),d({height:a.scrollHeight,overflow:"hidden",transition:"none"}),o.current=requestAnimationFrame(()=>{t.offsetHeight,d({height:0,overflow:"hidden",transition:`height ${r}ms ${n}`});let e=r=>{"height"===r.propertyName&&(s(!1),u(!1),t.removeEventListener("transitionend",e))};t.addEventListener("transitionend",e)})}return()=>{null!==o.current&&cancelAnimationFrame(o.current)}},[e,r,n]),e||c||l)?(0,jsx_runtime_namespaceObject.jsx)("div",{ref:i,className:a,style:{height:p.height,overflow:p.overflow,transition:p.transition},children:c&&(0,jsx_runtime_namespaceObject.jsx)("div",{ref:_,style:{overflow:"hidden"},children:t})}):null};for(var __rspack_i in AnimatedCollapse.displayName="AnimatedCollapse",exports.AnimatedCollapse=__webpack_exports__.AnimatedCollapse,__webpack_exports__)-1===["AnimatedCollapse"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/animated-collapse/animated-collapse.d.ts

@@ -0,0 +1,54 @@
+import { type FC, type ReactNode } from 'react';
+/**
+ * Props for the AnimatedCollapse component.
+ * @public
+ */
+export interface AnimatedCollapseProps {
+    /**
+     * Whether the content is expanded (visible) or collapsed (hidden).
+     */
+    isOpen: boolean;
+    /**
+     * The content to show/hide with animation.
+     * Content is always rendered to allow accurate height measurement.
+     */
+    children: ReactNode;
+    /**
+     * Duration of the animation in milliseconds.
+     * @default 250
+     */
+    duration?: number;
+    /**
+     * CSS easing function for the animation.
+     * @default 'cubic-bezier(0.33, 1, 0.68, 1)'
+     */
+    easing?: string;
+    /**
+     * Optional className for the wrapper element.
+     */
+    className?: string;
+}
+/**
+ * AnimatedCollapse - Smooth height animation for collapsible content.
+ *
+ * @remarks
+ * Uses a two-layer wrapper pattern:
+ * - Outer wrapper handles ONLY height/overflow animation
+ * - Children handle their own padding/margin/border styling
+ *
+ * This prevents style conflicts and ensures borders/padding are
+ * properly clipped when collapsed.
+ *
+ * @example
+ * ```tsx
+ * <AnimatedCollapse isOpen={isExpanded}>
+ *   <div className={styles.content}>
+ *     Collapsible content with padding and borders
+ *   </div>
+ * </AnimatedCollapse>
+ * ```
+ *
+ * @public
+ */
+export declare const AnimatedCollapse: FC<AnimatedCollapseProps>;
+//# sourceMappingURL=animated-collapse.d.ts.map

package/dist/components/shared/ui/animated-collapse/animated-collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-collapse.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/animated-collapse/animated-collapse.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,EAAE,EACP,KAAK,SAAS,EAId,MAAM,OAAO,CAAC;AAEf;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACrC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+KtD,CAAC"}

package/dist/components/shared/ui/animated-collapse/animated-collapse.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useLayoutEffect as t,useRef as n,useState as i}from"react";let r=({isOpen:r,children:o,duration:l=250,easing:a="cubic-bezier(0.33, 1, 0.68, 1)",className:h})=>{let s=n(null),d=n(null),u=n(null),[m,c]=i(r),[v,f]=i(!1),[g,w]=i({height:r?"auto":0,overflow:r?"visible":"hidden",transition:"none"});return(t(()=>{let e=s.current,t=d.current;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){c(r),f(!1),w({height:r?"auto":0,overflow:r?"visible":"hidden",transition:"none"});return}if(null!==u.current&&cancelAnimationFrame(u.current),r)c(!0),f(!0),u.current=requestAnimationFrame(()=>{let t=d.current;if(!t)return void f(!1);let n=t.scrollHeight;w({height:0,overflow:"hidden",transition:"none"}),requestAnimationFrame(()=>{w({height:n,overflow:"hidden",transition:`height ${l}ms ${a}`});let t=n=>{"height"===n.propertyName&&(w({height:"auto",overflow:"visible",transition:"none"}),f(!1),e?.removeEventListener("transitionend",t))};e?.addEventListener("transitionend",t)})});else{if(!e||!t){c(!1),f(!1),w({height:0,overflow:"hidden",transition:"none"});return}f(!0),w({height:t.scrollHeight,overflow:"hidden",transition:"none"}),u.current=requestAnimationFrame(()=>{e.offsetHeight,w({height:0,overflow:"hidden",transition:`height ${l}ms ${a}`});let t=n=>{"height"===n.propertyName&&(c(!1),f(!1),e.removeEventListener("transitionend",t))};e.addEventListener("transitionend",t)})}return()=>{null!==u.current&&cancelAnimationFrame(u.current)}},[r,l,a]),r||m||v)?e("div",{ref:s,className:h,style:{height:g.height,overflow:g.overflow,transition:g.transition},children:m&&e("div",{ref:d,style:{overflow:"hidden"},children:o})}):null};r.displayName="AnimatedCollapse";export{r as AnimatedCollapse};

package/dist/components/shared/ui/animated-collapse/index.cjs

@@ -0,0 +1 @@
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AnimatedCollapse:()=>external_animated_collapse_cjs_namespaceObject.AnimatedCollapse});const external_animated_collapse_cjs_namespaceObject=require("./animated-collapse.cjs");for(var __rspack_i in exports.AnimatedCollapse=__webpack_exports__.AnimatedCollapse,__webpack_exports__)-1===["AnimatedCollapse"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/animated-collapse/index.d.ts

@@ -0,0 +1,3 @@
+export type { AnimatedCollapseProps } from './animated-collapse';
+export { AnimatedCollapse } from './animated-collapse';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/shared/ui/animated-collapse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/animated-collapse/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/shared/ui/animated-collapse/index.js

@@ -0,0 +1 @@
+import{AnimatedCollapse as a}from"./animated-collapse.js";export{a as AnimatedCollapse};

package/dist/components/shared/ui/button/button.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Icon:()=>ButtonIcon,buttonVariants:()=>buttonVariants,Root:()=>ButtonRoot});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),external_react_namespaceObject=require("react"),recursive_clone_children_cjs_namespaceObject=require("../../libs/recursive-clone-children.cjs"),external_button_module_cjs_namespaceObject=require("./button.module.cjs");var external_button_module_cjs_default=__webpack_require__.n(external_button_module_cjs_namespaceObject);const BUTTON_ROOT_NAME="ButtonRoot",BUTTON_ICON_NAME="ButtonIcon",buttonVariants=({variant:e="primary",mode:t="filled",size:_="medium"}={})=>{let r=[external_button_module_cjs_default().button,external_button_module_cjs_default()[`button-${_}`]];r.push(external_button_module_cjs_default()[({"primary-filled":"button-primary-filled","primary-stroke":"button-primary-stroke","primary-lighter":"button-primary-lighter","primary-ghost":"button-primary-ghost","neutral-filled":"button-neutral-filled","neutral-stroke":"button-neutral-stroke","neutral-lighter":"button-neutral-lighter","neutral-ghost":"button-neutral-ghost"})[`${e}-${t}`]]);let o=[external_button_module_cjs_default()["button-icon"]];return{root:e=>[...r,e?.class].filter(Boolean).join(" "),icon:e=>[...o,e?.class].filter(Boolean).join(" ")}},ButtonRoot=(0,external_react_namespaceObject.forwardRef)(({children:e,variant:t,mode:_,size:r,asChild:o,className:a,noStyle:n,...c},u)=>{let i=(0,external_react_namespaceObject.useId)(),l=o?react_slot_namespaceObject.Slot:"button",s=[n?"":buttonVariants({variant:t,mode:_,size:r}).root(),a].filter(Boolean).join(" "),b={...t&&{variant:t},..._&&{mode:_},...r&&{size:r}},p=(0,recursive_clone_children_cjs_namespaceObject.recursiveCloneChildren)(e,b,[BUTTON_ICON_NAME],i,o);return(0,jsx_runtime_namespaceObject.jsx)(l,{ref:u,className:s,...c,children:p})});function ButtonIcon({variant:e,mode:t,size:_,as:r,className:o,...a}){let{icon:n}=buttonVariants({variant:e,mode:t,size:_});return(0,jsx_runtime_namespaceObject.jsx)(r||"div",{className:n({class:o}),...a})}for(var __webpack_i__ in ButtonRoot.displayName="ButtonRoot",ButtonIcon.displayName=BUTTON_ICON_NAME,exports.Icon=__webpack_exports__.Icon,exports.Root=__webpack_exports__.Root,exports.buttonVariants=__webpack_exports__.buttonVariants,__webpack_exports__)-1===["Icon","Root","buttonVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Icon:()=>ButtonIcon,buttonVariants:()=>primitives_namespaceObject.buttonVariants,Root:()=>ButtonRoot});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),primitives_namespaceObject=require("@c15t/ui/styles/primitives"),react_slot_namespaceObject=require("@radix-ui/react-slot"),external_react_namespaceObject=require("react"),recursive_clone_children_cjs_namespaceObject=require("../../libs/recursive-clone-children.cjs"),BUTTON_ROOT_NAME="ButtonRoot",BUTTON_ICON_NAME="ButtonIcon",ButtonRoot=(0,external_react_namespaceObject.forwardRef)(({children:e,variant:t,mode:_,size:r,asChild:a,className:c,noStyle:o,...n},i)=>{let s=(0,external_react_namespaceObject.useId)(),p=a?react_slot_namespaceObject.Slot:"button",u=[o?"":(0,primitives_namespaceObject.buttonVariants)({variant:t,mode:_,size:r}).root(),c].filter(Boolean).join(" "),b={...t&&{variant:t},..._&&{mode:_},...r&&{size:r}},l=(0,recursive_clone_children_cjs_namespaceObject.recursiveCloneChildren)(e,b,[BUTTON_ICON_NAME],s,a);return(0,jsx_runtime_namespaceObject.jsx)(p,{ref:i,className:u,...n,children:l})});function ButtonIcon({variant:e,mode:t,size:_,as:r,className:a,...c}){let{icon:o}=(0,primitives_namespaceObject.buttonVariants)({variant:e,mode:t,size:_});return(0,jsx_runtime_namespaceObject.jsx)(r||"div",{className:o({class:a}),...c})}for(var __rspack_i in ButtonRoot.displayName="ButtonRoot",ButtonIcon.displayName=BUTTON_ICON_NAME,exports.Icon=__webpack_exports__.Icon,exports.Root=__webpack_exports__.Root,exports.buttonVariants=__webpack_exports__.buttonVariants,__webpack_exports__)-1===["Icon","Root","buttonVariants"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/button/button.d.ts

@@ -1,35 +1,13 @@
+import { type ButtonMode, type ButtonSize, type ButtonVariant, type ButtonVariantsProps, buttonVariants } from '@c15t/ui/styles/primitives';
 import { type ButtonHTMLAttributes, type ElementType } from 'react';
 import type { PolymorphicComponentProps } from '../../libs/polymorphic';
-/**
- * Button variant types
- */
-export type ButtonVariant = 'primary' | 'neutral';
-export type ButtonMode = 'filled' | 'stroke' | 'lighter' | 'ghost';
-export type ButtonSize = 'medium' | 'small' | 'xsmall' | 'xxsmall';
-/**
- * Button variants props interface
- */
-export interface ButtonVariantsProps {
-    variant?: ButtonVariant;
-    mode?: ButtonMode;
-    size?: ButtonSize;
-}
+export type { ButtonMode, ButtonSize, ButtonVariant, ButtonVariantsProps };
+export { buttonVariants };
 export interface ButtonIconProps extends Record<string, unknown> {
     variant?: ButtonVariant;
     mode?: ButtonMode;
     size?: ButtonSize;
 }
-/**
- * Helper function to generate button classes based on variants
- */
-export declare const buttonVariants: ({ variant, mode, size, }?: ButtonVariantsProps) => {
-    root: (options?: {
-        class?: string;
-    }) => string;
-    icon: (options?: {
-        class?: string;
-    }) => string;
-};
 export type RecursiveCloneableProps = Record<string, unknown>;
 /**
  * Type definitions for button props

package/dist/components/shared/ui/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAIhB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAWxE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CAClB;AAGD,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,2BAI5B,mBAAwB;qBAsBR;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;qBAGlB;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;CAIpC,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAkBpD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,UAAU;IA9Bd;;OAEG;cACO,OAAO;IACjB;;OAEG;cACO,OAAO;qDA8DlB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAC1C,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,SAAS,EACT,GAAG,IAAI,EACP,EAAE,yBAAyB,CAAC,CAAC,EAAE,eAAe,CAAC,2CAc/C;kBArBQ,UAAU;;;AAwBnB;;;GAGG;AACH,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,UAAU,IAAI,IAAI,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/ui/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,cAAc,EACd,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACN,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAIhB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAIxE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,mBAAmB,EAAE,CAAC;AAG3E,OAAO,EAAE,cAAc,EAAE,CAAC;AAU1B,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CAClB;AAGD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAkBpD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,UAAU;IA9Bd;;OAEG;cACO,OAAO;IACjB;;OAEG;cACO,OAAO;qDA8DlB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAC1C,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,SAAS,EACT,GAAG,IAAI,EACP,EAAE,yBAAyB,CAAC,CAAC,EAAE,eAAe,CAAC,2CAc/C;kBArBQ,UAAU;;;AAwBnB;;;GAGG;AACH,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,UAAU,IAAI,IAAI,EAAE,CAAC"}

package/dist/components/shared/ui/button/button.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Slot as r}from"@radix-ui/react-slot";import{forwardRef as o,useId as e}from"react";import{recursiveCloneChildren as n}from"../../libs/recursive-clone-children.js";import i from"./button.module.js";let l="ButtonIcon",a=({variant:t="primary",mode:r="filled",size:o="medium"}={})=>{let e=[i.button,i[`button-${o}`]];e.push(i[({"primary-filled":"button-primary-filled","primary-stroke":"button-primary-stroke","primary-lighter":"button-primary-lighter","primary-ghost":"button-primary-ghost","neutral-filled":"button-neutral-filled","neutral-stroke":"button-neutral-stroke","neutral-lighter":"button-neutral-lighter","neutral-ghost":"button-neutral-ghost"})[`${t}-${r}`]]);let n=[i["button-icon"]];return{root:t=>[...e,t?.class].filter(Boolean).join(" "),icon:t=>[...n,t?.class].filter(Boolean).join(" ")}},u=o(({children:o,variant:i,mode:u,size:s,asChild:m,className:c,noStyle:p,...b},f)=>{let d=e(),h=m?r:"button",y=[p?"":a({variant:i,mode:u,size:s}).root(),c].filter(Boolean).join(" "),g=n(o,{...i&&{variant:i},...u&&{mode:u},...s&&{size:s}},[l],d,m);return t(h,{ref:f,className:y,...b,children:g})});function s({variant:r,mode:o,size:e,as:n,className:i,...l}){let{icon:u}=a({variant:r,mode:o,size:e});return t(n||"div",{className:u({class:i}),...l})}u.displayName="ButtonRoot",s.displayName=l;export{s as Icon,u as Root,a as buttonVariants};
+import{jsx as t}from"react/jsx-runtime";import{buttonVariants as o}from"@c15t/ui/styles/primitives";import{Slot as r}from"@radix-ui/react-slot";import{forwardRef as e,useId as i}from"react";import{recursiveCloneChildren as n}from"../../libs/recursive-clone-children.js";let a="ButtonIcon",s=e(({children:e,variant:s,mode:m,size:l,asChild:c,className:u,noStyle:p,...f},d)=>{let B=i(),v=c?r:"button",N=[p?"":o({variant:s,mode:m,size:l}).root(),u].filter(Boolean).join(" "),b=n(e,{...s&&{variant:s},...m&&{mode:m},...l&&{size:l}},[a],B,c);return t(v,{ref:d,className:N,...f,children:b})});function m({variant:r,mode:e,size:i,as:n,className:a,...s}){let{icon:m}=o({variant:r,mode:e,size:i});return t(n||"div",{className:m({class:a}),...s})}s.displayName="ButtonRoot",m.displayName=a;export{m as Icon,s as Root,o as buttonVariants};

package/dist/components/shared/ui/button/button.types.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in __webpack_require__.r(__webpack_exports__),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __rspack_i in __webpack_require__.r(__webpack_exports__),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/button/index.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./button":function(_){_.exports=require("./button.cjs")},"./button.types":function(_){_.exports=require("./button.types.cjs")}},__webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};return __webpack_modules__[_](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_.default:()=>_;return __webpack_require__.d(e,{a:e}),e},__webpack_require__.d=(_,e)=>{for(var r in e)__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r)&&Object.defineProperty(_,r,{enumerable:!0,get:e[r]})},__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e),__webpack_require__.r=_=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(_,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(_,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var _=__webpack_require__("./button"),e={};for(var r in _)"default"!==r&&(e[r]=(function(e){return _[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,e);var t=__webpack_require__("./button.types"),e={};for(var r in t)"default"!==r&&(e[r]=(function(_){return t[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,e)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./button"(_){_.exports=require("./button.cjs")},"./button.types"(_){_.exports=require("./button.types.cjs")}},__webpack_module_cache__={};function __webpack_require__(_){var e=__webpack_module_cache__[_];if(void 0!==e)return e.exports;var r=__webpack_module_cache__[_]={exports:{}};return __webpack_modules__[_](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=_=>{var e=_&&_.__esModule?()=>_.default:()=>_;return __webpack_require__.d(e,{a:e}),e},__webpack_require__.d=(_,e)=>{for(var r in e)__webpack_require__.o(e,r)&&!__webpack_require__.o(_,r)&&Object.defineProperty(_,r,{enumerable:!0,get:e[r]})},__webpack_require__.o=(_,e)=>Object.prototype.hasOwnProperty.call(_,e),__webpack_require__.r=_=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(_,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(_,"__esModule",{value:!0})};var __webpack_exports__={};for(var __rspack_i in(()=>{__webpack_require__.r(__webpack_exports__);var _=__webpack_require__("./button"),e={};for(let r in _)"default"!==r&&(e[r]=()=>_[r]);__webpack_require__.d(__webpack_exports__,e);var r=__webpack_require__("./button.types"),e={};for(let _ in r)"default"!==_&&(e[_]=()=>r[_]);__webpack_require__.d(__webpack_exports__,e)})(),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/shared/ui/icon.cjs

@@ -1 +1 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LucideIcon:()=>LucideIcon});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),Icon=(e,_,r,c)=>(0,jsx_runtime_namespaceObject.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,ref:_,...e,children:[(0,jsx_runtime_namespaceObject.jsx)("title",{children:r}),c]}),LucideIcon=({title:e,iconPath:_})=>(0,external_react_namespaceObject.forwardRef)((r,c)=>Icon(r,c,e,_));for(var __webpack_i__ in exports.LucideIcon=__webpack_exports__.LucideIcon,__webpack_exports__)-1===["LucideIcon"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LucideIcon:()=>LucideIcon});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),Icon=(e,_,r,c)=>(0,jsx_runtime_namespaceObject.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,ref:_,...e,children:[(0,jsx_runtime_namespaceObject.jsx)("title",{children:r}),c]}),LucideIcon=({title:e,iconPath:_})=>(0,external_react_namespaceObject.forwardRef)((r,c)=>Icon(r,c,e,_));for(var __rspack_i in exports.LucideIcon=__webpack_exports__.LucideIcon,__webpack_exports__)-1===["LucideIcon"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});