@causw/core 0.0.12 → 0.0.13

package/dist/components/Sidebar/Sidebar.cjs

@@ -0,0 +1,95 @@
+'use client';
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Primitive = require('../Primitive/Primitive.cjs');
+const require_Sidebar_styles = require('./Sidebar.styles.cjs');
+const require_useSidebarContext = require('./hooks/useSidebarContext.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Sidebar/Sidebar.tsx
+const SidebarRoot = ({ children, selected, onSelectChange, ...props }) => {
+	const { root } = require_Sidebar_styles.sidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useSidebarContext.SidebarContext.Provider, {
+		value: {
+			selected,
+			onSelectChange
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.nav, {
+			className: root(),
+			...props,
+			children
+		})
+	});
+};
+const SidebarHeader = ({ children, ...props }) => {
+	const { header } = require_Sidebar_styles.sidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.div, {
+		className: header(),
+		...props,
+		children
+	});
+};
+const SidebarContent = ({ children, ...props }) => {
+	const { content } = require_Sidebar_styles.sidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.div, {
+		className: content(),
+		...props,
+		children
+	});
+};
+const SidebarItem = ({ selected, value, children, onClick, ...props }) => {
+	const rootContext = require_useSidebarContext.useSidebarContext();
+	const isSelected = selected ?? (rootContext.selected !== void 0 && value !== void 0 ? rootContext.selected === value : false);
+	const { item } = require_Sidebar_styles.sidebar({ selected: isSelected });
+	const handleClick = (e) => {
+		onClick?.(e);
+		if (!e.defaultPrevented && rootContext.onSelectChange && value !== void 0) rootContext.onSelectChange(value);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useSidebarContext.SidebarItemContext.Provider, {
+		value: { selected: isSelected },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.button, {
+			type: "button",
+			className: item(),
+			onClick: handleClick,
+			...props,
+			children
+		})
+	});
+};
+const SidebarItemIcon = ({ children, ...props }) => {
+	const { icon } = require_Sidebar_styles.sidebar({ selected: require_useSidebarContext.useSidebarItemContext().selected });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.svg, {
+		asChild: true,
+		className: icon(),
+		...props,
+		children
+	});
+};
+const SidebarItemText = ({ children, ...props }) => {
+	const { text } = require_Sidebar_styles.sidebar({ selected: require_useSidebarContext.useSidebarItemContext().selected });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.span, {
+		className: text(),
+		...props,
+		children
+	});
+};
+const SidebarFooter = ({ children, ...props }) => {
+	const { footer } = require_Sidebar_styles.sidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.div, {
+		className: footer(),
+		...props,
+		children
+	});
+};
+const sidebarBadgeClassName = require_Sidebar_styles.sidebar().badge();
+const Sidebar = Object.assign(SidebarRoot, {
+	Header: SidebarHeader,
+	Content: SidebarContent,
+	Item: SidebarItem,
+	ItemIcon: SidebarItemIcon,
+	ItemText: SidebarItemText,
+	Footer: SidebarFooter
+});
+
+//#endregion
+exports.Sidebar = Sidebar;

package/dist/components/Sidebar/Sidebar.d.cts

@@ -0,0 +1,64 @@
+import { PrimitiveProps } from "../Primitive/Primitive.cjs";
+import { SidebarVariants } from "./Sidebar.styles.cjs";
+import { SidebarValue } from "./hooks/useSidebarContext.cjs";
+import { ComponentProps, SVGProps } from "react";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
+
+//#region src/components/Sidebar/Sidebar.d.ts
+interface SidebarProps extends ComponentProps<'nav'>, PrimitiveProps {
+  children: React.ReactNode;
+  selected?: SidebarValue;
+  onSelectChange?: (value: SidebarValue) => void;
+}
+interface SidebarHeaderProps extends ComponentProps<'div'>, PrimitiveProps {
+  children: React.ReactNode;
+}
+interface SidebarContentProps extends ComponentProps<'div'>, PrimitiveProps {
+  children: React.ReactNode;
+}
+interface SidebarItemProps extends ComponentProps<'button'>, PrimitiveProps, Omit<SidebarVariants, 'selected'> {
+  value?: SidebarValue;
+  selected?: boolean;
+}
+interface SidebarItemIconProps extends SVGProps<SVGSVGElement>, PrimitiveProps {}
+interface SidebarItemTextProps extends ComponentProps<'span'>, PrimitiveProps {}
+interface SidebarFooterProps extends ComponentProps<'div'>, PrimitiveProps {
+  children: React.ReactNode;
+}
+declare const Sidebar: (({
+  children,
+  selected,
+  onSelectChange,
+  ...props
+}: SidebarProps) => react_jsx_runtime67.JSX.Element) & {
+  Header: ({
+    children,
+    ...props
+  }: SidebarHeaderProps) => react_jsx_runtime67.JSX.Element;
+  Content: ({
+    children,
+    ...props
+  }: SidebarContentProps) => react_jsx_runtime67.JSX.Element;
+  Item: ({
+    selected,
+    value,
+    children,
+    onClick,
+    ...props
+  }: SidebarItemProps) => react_jsx_runtime67.JSX.Element;
+  ItemIcon: ({
+    children,
+    ...props
+  }: SidebarItemIconProps) => react_jsx_runtime67.JSX.Element;
+  ItemText: ({
+    children,
+    ...props
+  }: SidebarItemTextProps) => react_jsx_runtime67.JSX.Element;
+  Footer: ({
+    children,
+    ...props
+  }: SidebarFooterProps) => react_jsx_runtime67.JSX.Element;
+};
+//#endregion
+export { Sidebar };
+//# sourceMappingURL=Sidebar.d.cts.map

package/dist/components/Sidebar/Sidebar.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.cts","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"mappings":";;;;;;;UAgBiB,YAAA,SAAqB,cAAA,SAAuB,cAAA;EAC3D,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,QAAA,GAAW,YAAA;EACX,cAAA,IAAkB,KAAA,EAAO,YAAA;AAAA;AAAA,UAmBV,kBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAaR,mBAAA,SAA4B,cAAA,SAAuB,cAAA;EAC3D,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAaR,gBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,eAAA;EACP,KAAA,GAAQ,YAAA;EACR,QAAA;AAAA;AAAA,UA4CQ,oBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA;AAAA,UAWzB,oBAAA,SAA6B,cAAA,UAAwB,cAAA;AAAA,UAYrD,kBAAA,SAA2B,cAAA,SAAuB,cAAA;EAC1D,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAaL,OAAA;EAAO,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,GAAA;AAAA,GAjIjB,YAAA,KAAY,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAgBgC,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAejB,mBAAA,KAAmB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;KAwBhE,gBAAA,KAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAsC8B,oBAAA,KAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAWpB,oBAAA,KAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KActB,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/components/Sidebar/Sidebar.d.mts

@@ -0,0 +1,65 @@
+import { PrimitiveProps } from "../Primitive/Primitive.mjs";
+import "../Primitive/index.mjs";
+import { SidebarVariants } from "./Sidebar.styles.mjs";
+import { SidebarValue } from "./hooks/useSidebarContext.mjs";
+import { ComponentProps, SVGProps } from "react";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
+
+//#region src/components/Sidebar/Sidebar.d.ts
+interface SidebarProps extends ComponentProps<'nav'>, PrimitiveProps {
+  children: React.ReactNode;
+  selected?: SidebarValue;
+  onSelectChange?: (value: SidebarValue) => void;
+}
+interface SidebarHeaderProps extends ComponentProps<'div'>, PrimitiveProps {
+  children: React.ReactNode;
+}
+interface SidebarContentProps extends ComponentProps<'div'>, PrimitiveProps {
+  children: React.ReactNode;
+}
+interface SidebarItemProps extends ComponentProps<'button'>, PrimitiveProps, Omit<SidebarVariants, 'selected'> {
+  value?: SidebarValue;
+  selected?: boolean;
+}
+interface SidebarItemIconProps extends SVGProps<SVGSVGElement>, PrimitiveProps {}
+interface SidebarItemTextProps extends ComponentProps<'span'>, PrimitiveProps {}
+interface SidebarFooterProps extends ComponentProps<'div'>, PrimitiveProps {
+  children: React.ReactNode;
+}
+declare const Sidebar: (({
+  children,
+  selected,
+  onSelectChange,
+  ...props
+}: SidebarProps) => react_jsx_runtime65.JSX.Element) & {
+  Header: ({
+    children,
+    ...props
+  }: SidebarHeaderProps) => react_jsx_runtime65.JSX.Element;
+  Content: ({
+    children,
+    ...props
+  }: SidebarContentProps) => react_jsx_runtime65.JSX.Element;
+  Item: ({
+    selected,
+    value,
+    children,
+    onClick,
+    ...props
+  }: SidebarItemProps) => react_jsx_runtime65.JSX.Element;
+  ItemIcon: ({
+    children,
+    ...props
+  }: SidebarItemIconProps) => react_jsx_runtime65.JSX.Element;
+  ItemText: ({
+    children,
+    ...props
+  }: SidebarItemTextProps) => react_jsx_runtime65.JSX.Element;
+  Footer: ({
+    children,
+    ...props
+  }: SidebarFooterProps) => react_jsx_runtime65.JSX.Element;
+};
+//#endregion
+export { Sidebar };
+//# sourceMappingURL=Sidebar.d.mts.map

package/dist/components/Sidebar/Sidebar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.mts","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"mappings":";;;;;;;;UAgBiB,YAAA,SAAqB,cAAA,SAAuB,cAAA;EAC3D,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,QAAA,GAAW,YAAA;EACX,cAAA,IAAkB,KAAA,EAAO,YAAA;AAAA;AAAA,UAmBV,kBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAaR,mBAAA,SAA4B,cAAA,SAAuB,cAAA;EAC3D,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAaR,gBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,eAAA;EACP,KAAA,GAAQ,YAAA;EACR,QAAA;AAAA;AAAA,UA4CQ,oBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA;AAAA,UAWzB,oBAAA,SAA6B,cAAA,UAAwB,cAAA;AAAA,UAYrD,kBAAA,SAA2B,cAAA,SAAuB,cAAA;EAC1D,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAaL,OAAA;EAAO,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,GAAA;AAAA,GAjIjB,YAAA,KAAY,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAgBgC,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAejB,mBAAA,KAAmB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;KAwBhE,gBAAA,KAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAsC8B,oBAAA,KAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAWpB,oBAAA,KAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KActB,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/components/Sidebar/Sidebar.mjs

@@ -0,0 +1,95 @@
+'use client';
+
+import { Primitive } from "../Primitive/Primitive.mjs";
+import { sidebar } from "./Sidebar.styles.mjs";
+import { SidebarContext, SidebarItemContext, useSidebarContext, useSidebarItemContext } from "./hooks/useSidebarContext.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Sidebar/Sidebar.tsx
+const SidebarRoot = ({ children, selected, onSelectChange, ...props }) => {
+	const { root } = sidebar();
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: {
+			selected,
+			onSelectChange
+		},
+		children: /* @__PURE__ */ jsx(Primitive.nav, {
+			className: root(),
+			...props,
+			children
+		})
+	});
+};
+const SidebarHeader = ({ children, ...props }) => {
+	const { header } = sidebar();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		className: header(),
+		...props,
+		children
+	});
+};
+const SidebarContent = ({ children, ...props }) => {
+	const { content } = sidebar();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		className: content(),
+		...props,
+		children
+	});
+};
+const SidebarItem = ({ selected, value, children, onClick, ...props }) => {
+	const rootContext = useSidebarContext();
+	const isSelected = selected ?? (rootContext.selected !== void 0 && value !== void 0 ? rootContext.selected === value : false);
+	const { item } = sidebar({ selected: isSelected });
+	const handleClick = (e) => {
+		onClick?.(e);
+		if (!e.defaultPrevented && rootContext.onSelectChange && value !== void 0) rootContext.onSelectChange(value);
+	};
+	return /* @__PURE__ */ jsx(SidebarItemContext.Provider, {
+		value: { selected: isSelected },
+		children: /* @__PURE__ */ jsx(Primitive.button, {
+			type: "button",
+			className: item(),
+			onClick: handleClick,
+			...props,
+			children
+		})
+	});
+};
+const SidebarItemIcon = ({ children, ...props }) => {
+	const { icon } = sidebar({ selected: useSidebarItemContext().selected });
+	return /* @__PURE__ */ jsx(Primitive.svg, {
+		asChild: true,
+		className: icon(),
+		...props,
+		children
+	});
+};
+const SidebarItemText = ({ children, ...props }) => {
+	const { text } = sidebar({ selected: useSidebarItemContext().selected });
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		className: text(),
+		...props,
+		children
+	});
+};
+const SidebarFooter = ({ children, ...props }) => {
+	const { footer } = sidebar();
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		className: footer(),
+		...props,
+		children
+	});
+};
+const sidebarBadgeClassName = sidebar().badge();
+const Sidebar = Object.assign(SidebarRoot, {
+	Header: SidebarHeader,
+	Content: SidebarContent,
+	Item: SidebarItem,
+	ItemIcon: SidebarItemIcon,
+	ItemText: SidebarItemText,
+	Footer: SidebarFooter
+});
+
+//#endregion
+export { Sidebar };
+//# sourceMappingURL=Sidebar.mjs.map

package/dist/components/Sidebar/Sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentProps, SVGProps } from 'react';\nimport { sidebar, SidebarVariants } from './Sidebar.styles';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\n// Root\nimport {\n  SidebarContext,\n  useSidebarContext,\n  SidebarItemContext,\n  useSidebarItemContext,\n  SidebarValue,\n} from './hooks/useSidebarContext';\n\n// Root\nexport interface SidebarProps extends ComponentProps<'nav'>, PrimitiveProps {\n  children: React.ReactNode;\n  selected?: SidebarValue;\n  onSelectChange?: (value: SidebarValue) => void;\n}\nconst SidebarRoot = ({\n  children,\n  selected,\n  onSelectChange,\n  ...props\n}: SidebarProps) => {\n  const { root } = sidebar();\n  return (\n    <SidebarContext.Provider value={{ selected, onSelectChange }}>\n      <Primitive.nav className={root()} {...props}>\n        {children}\n      </Primitive.nav>\n    </SidebarContext.Provider>\n  );\n};\n\n// Header\nexport interface SidebarHeaderProps\n  extends ComponentProps<'div'>, PrimitiveProps {\n  children: React.ReactNode;\n}\nconst SidebarHeader = ({ children, ...props }: SidebarHeaderProps) => {\n  const { header } = sidebar();\n  return (\n    <Primitive.div className={header()} {...props}>\n      {children}\n    </Primitive.div>\n  );\n};\n\n// Content\n\ninterface SidebarContentProps extends ComponentProps<'div'>, PrimitiveProps {\n  children: React.ReactNode;\n}\n\nconst SidebarContent = ({ children, ...props }: SidebarContentProps) => {\n  const { content } = sidebar();\n  return (\n    <Primitive.div className={content()} {...props}>\n      {children}\n    </Primitive.div>\n  );\n};\n\n// Item\ninterface SidebarItemProps\n  extends\n    ComponentProps<'button'>,\n    PrimitiveProps,\n    Omit<SidebarVariants, 'selected'> {\n  value?: SidebarValue;\n  selected?: boolean;\n}\nconst SidebarItem = ({\n  selected,\n  value,\n  children,\n  onClick,\n  ...props\n}: SidebarItemProps) => {\n  const rootContext = useSidebarContext();\n\n  const isSelected =\n    selected ??\n    (rootContext.selected !== undefined && value !== undefined\n      ? rootContext.selected === value\n      : false);\n\n  const { item } = sidebar({ selected: isSelected });\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    if (\n      !e.defaultPrevented &&\n      rootContext.onSelectChange &&\n      value !== undefined\n    ) {\n      rootContext.onSelectChange(value);\n    }\n  };\n\n  return (\n    <SidebarItemContext.Provider value={{ selected: isSelected }}>\n      <Primitive.button\n        type=\"button\"\n        className={item()}\n        onClick={handleClick}\n        {...props}\n      >\n        {children}\n      </Primitive.button>\n    </SidebarItemContext.Provider>\n  );\n};\n\ninterface SidebarItemIconProps\n  extends SVGProps<SVGSVGElement>, PrimitiveProps {}\nconst SidebarItemIcon = ({ children, ...props }: SidebarItemIconProps) => {\n  const itemContext = useSidebarItemContext();\n  const { icon } = sidebar({ selected: itemContext.selected });\n  return (\n    <Primitive.svg asChild className={icon()} {...props}>\n      {children}\n    </Primitive.svg>\n  );\n};\n\ninterface SidebarItemTextProps extends ComponentProps<'span'>, PrimitiveProps {}\nconst SidebarItemText = ({ children, ...props }: SidebarItemTextProps) => {\n  const itemContext = useSidebarItemContext();\n  const { text } = sidebar({ selected: itemContext.selected });\n  return (\n    <Primitive.span className={text()} {...props}>\n      {children}\n    </Primitive.span>\n  );\n};\n\n// Footer\ninterface SidebarFooterProps extends ComponentProps<'div'>, PrimitiveProps {\n  children: React.ReactNode;\n}\nconst SidebarFooter = ({ children, ...props }: SidebarFooterProps) => {\n  const { footer } = sidebar();\n  return (\n    <Primitive.div className={footer()} {...props}>\n      {children}\n    </Primitive.div>\n  );\n};\n\nexport const sidebarBadgeClassName = sidebar().badge();\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Item: SidebarItem,\n  ItemIcon: SidebarItemIcon,\n  ItemText: SidebarItemText,\n  Footer: SidebarFooter,\n});\n"],"mappings":";;;;;;;;AAqBA,MAAM,eAAe,EACnB,UACA,UACA,gBACA,GAAG,YACe;CAClB,MAAM,EAAE,SAAS,SAAS;AAC1B,QACE,oBAAC,eAAe;EAAS,OAAO;GAAE;GAAU;GAAgB;YAC1D,oBAAC,UAAU;GAAI,WAAW,MAAM;GAAE,GAAI;GACnC;IACa;GACQ;;AAS9B,MAAM,iBAAiB,EAAE,UAAU,GAAG,YAAgC;CACpE,MAAM,EAAE,WAAW,SAAS;AAC5B,QACE,oBAAC,UAAU;EAAI,WAAW,QAAQ;EAAE,GAAI;EACrC;GACa;;AAUpB,MAAM,kBAAkB,EAAE,UAAU,GAAG,YAAiC;CACtE,MAAM,EAAE,YAAY,SAAS;AAC7B,QACE,oBAAC,UAAU;EAAI,WAAW,SAAS;EAAE,GAAI;EACtC;GACa;;AAapB,MAAM,eAAe,EACnB,UACA,OACA,UACA,SACA,GAAG,YACmB;CACtB,MAAM,cAAc,mBAAmB;CAEvC,MAAM,aACJ,aACC,YAAY,aAAa,UAAa,UAAU,SAC7C,YAAY,aAAa,QACzB;CAEN,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,YAAY,CAAC;CAElD,MAAM,eAAe,MAA2C;AAC9D,YAAU,EAAE;AACZ,MACE,CAAC,EAAE,oBACH,YAAY,kBACZ,UAAU,OAEV,aAAY,eAAe,MAAM;;AAIrC,QACE,oBAAC,mBAAmB;EAAS,OAAO,EAAE,UAAU,YAAY;YAC1D,oBAAC,UAAU;GACT,MAAK;GACL,WAAW,MAAM;GACjB,SAAS;GACT,GAAI;GAEH;IACgB;GACS;;AAMlC,MAAM,mBAAmB,EAAE,UAAU,GAAG,YAAkC;CAExE,MAAM,EAAE,SAAS,QAAQ,EAAE,UADP,uBAAuB,CACM,UAAU,CAAC;AAC5D,QACE,oBAAC,UAAU;EAAI;EAAQ,WAAW,MAAM;EAAE,GAAI;EAC3C;GACa;;AAKpB,MAAM,mBAAmB,EAAE,UAAU,GAAG,YAAkC;CAExE,MAAM,EAAE,SAAS,QAAQ,EAAE,UADP,uBAAuB,CACM,UAAU,CAAC;AAC5D,QACE,oBAAC,UAAU;EAAK,WAAW,MAAM;EAAE,GAAI;EACpC;GACc;;AAQrB,MAAM,iBAAiB,EAAE,UAAU,GAAG,YAAgC;CACpE,MAAM,EAAE,WAAW,SAAS;AAC5B,QACE,oBAAC,UAAU;EAAI,WAAW,QAAQ;EAAE,GAAI;EACrC;GACa;;AAIpB,MAAa,wBAAwB,SAAS,CAAC,OAAO;AAEtD,MAAa,UAAU,OAAO,OAAO,aAAa;CAChD,QAAQ;CACR,SAAS;CACT,MAAM;CACN,UAAU;CACV,UAAU;CACV,QAAQ;CACT,CAAC"}

package/dist/components/Sidebar/Sidebar.styles.cjs

@@ -0,0 +1,32 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Sidebar/Sidebar.styles.ts
+const sidebar = (0, tailwind_variants.tv)({
+	slots: {
+		root: "flex h-screen w-65 flex-col bg-white border-r border-gray-100",
+		header: "px-2.5 py-8",
+		content: "flex-1 overflow-y-auto px-2.5 py-2",
+		footer: "border-t border-gray-100 px-4 py-4",
+		item: "group w-full flex items-center gap-2 px-4.5 py-2 rounded-sm text-md transition-colors",
+		badge: "ml-auto px-2 py-0.5 text-sm rounded-sm bg-red-100 text-red-400",
+		icon: "w-4.5 h-4.5",
+		text: "text-md"
+	},
+	variants: { selected: {
+		true: {
+			item: "bg-gray-100",
+			text: "text-gray-700 typo-subtitle-16-bold",
+			icon: "fill-gray-600"
+		},
+		false: {
+			item: "hover:bg-gray-50 active:bg-gray-50",
+			text: "typo-body-16-medium text-gray-500 group-hover:text-gray-700 group-active:text-gray-700",
+			icon: "fill-gray-300 group-hover:fill-gray-600 group-active:fill-gray-600"
+		}
+	} },
+	defaultVariants: { selected: false }
+});
+
+//#endregion
+exports.sidebar = sidebar;

package/dist/components/Sidebar/Sidebar.styles.d.cts

@@ -0,0 +1,75 @@
+import * as tailwind_variants27 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Sidebar/Sidebar.styles.d.ts
+declare const sidebar: tailwind_variants27.TVReturnType<{
+  selected: {
+    true: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+    false: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  content: string;
+  footer: string;
+  item: string;
+  badge: string;
+  icon: string;
+  text: string;
+}, undefined, {
+  selected: {
+    true: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+    false: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  content: string;
+  footer: string;
+  item: string;
+  badge: string;
+  icon: string;
+  text: string;
+}, tailwind_variants27.TVReturnType<{
+  selected: {
+    true: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+    false: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  content: string;
+  footer: string;
+  item: string;
+  badge: string;
+  icon: string;
+  text: string;
+}, undefined, unknown, unknown, undefined>>;
+type SidebarVariants = VariantProps<typeof sidebar>;
+//#endregion
+export { SidebarVariants };
+//# sourceMappingURL=Sidebar.styles.d.cts.map

package/dist/components/Sidebar/Sidebar.styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.styles.d.cts","names":[],"sources":["../../../src/components/Sidebar/Sidebar.styles.ts"],"mappings":";;;;cAEa,OAAA,EA4BX,mBAAA,CA5BkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BlB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,eAAA,GAAkB,YAAA,QAAoB,OAAA"}

package/dist/components/Sidebar/Sidebar.styles.d.mts

@@ -0,0 +1,75 @@
+import * as tailwind_variants27 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Sidebar/Sidebar.styles.d.ts
+declare const sidebar: tailwind_variants27.TVReturnType<{
+  selected: {
+    true: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+    false: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  content: string;
+  footer: string;
+  item: string;
+  badge: string;
+  icon: string;
+  text: string;
+}, undefined, {
+  selected: {
+    true: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+    false: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  content: string;
+  footer: string;
+  item: string;
+  badge: string;
+  icon: string;
+  text: string;
+}, tailwind_variants27.TVReturnType<{
+  selected: {
+    true: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+    false: {
+      item: string;
+      text: string;
+      icon: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  content: string;
+  footer: string;
+  item: string;
+  badge: string;
+  icon: string;
+  text: string;
+}, undefined, unknown, unknown, undefined>>;
+type SidebarVariants = VariantProps<typeof sidebar>;
+//#endregion
+export { SidebarVariants };
+//# sourceMappingURL=Sidebar.styles.d.mts.map

package/dist/components/Sidebar/Sidebar.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.styles.d.mts","names":[],"sources":["../../../src/components/Sidebar/Sidebar.styles.ts"],"mappings":";;;;cAEa,OAAA,EA4BX,mBAAA,CA5BkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BlB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,eAAA,GAAkB,YAAA,QAAoB,OAAA"}

package/dist/components/Sidebar/Sidebar.styles.mjs

@@ -0,0 +1,32 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Sidebar/Sidebar.styles.ts
+const sidebar = tv({
+	slots: {
+		root: "flex h-screen w-65 flex-col bg-white border-r border-gray-100",
+		header: "px-2.5 py-8",
+		content: "flex-1 overflow-y-auto px-2.5 py-2",
+		footer: "border-t border-gray-100 px-4 py-4",
+		item: "group w-full flex items-center gap-2 px-4.5 py-2 rounded-sm text-md transition-colors",
+		badge: "ml-auto px-2 py-0.5 text-sm rounded-sm bg-red-100 text-red-400",
+		icon: "w-4.5 h-4.5",
+		text: "text-md"
+	},
+	variants: { selected: {
+		true: {
+			item: "bg-gray-100",
+			text: "text-gray-700 typo-subtitle-16-bold",
+			icon: "fill-gray-600"
+		},
+		false: {
+			item: "hover:bg-gray-50 active:bg-gray-50",
+			text: "typo-body-16-medium text-gray-500 group-hover:text-gray-700 group-active:text-gray-700",
+			icon: "fill-gray-300 group-hover:fill-gray-600 group-active:fill-gray-600"
+		}
+	} },
+	defaultVariants: { selected: false }
+});
+
+//#endregion
+export { sidebar };
+//# sourceMappingURL=Sidebar.styles.mjs.map

package/dist/components/Sidebar/Sidebar.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.styles.mjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const sidebar = tv({\n  slots: {\n    root: 'flex h-screen w-65 flex-col bg-white border-r border-gray-100',\n    header: 'px-2.5 py-8',\n    content: 'flex-1 overflow-y-auto px-2.5 py-2',\n    footer: 'border-t border-gray-100 px-4 py-4',\n    item: 'group w-full flex items-center gap-2 px-4.5 py-2 rounded-sm text-md transition-colors',\n    badge: 'ml-auto px-2 py-0.5 text-sm rounded-sm bg-red-100 text-red-400',\n    icon: 'w-4.5 h-4.5',\n    text: 'text-md',\n  },\n  variants: {\n    selected: {\n      true: {\n        item: 'bg-gray-100',\n        text: 'text-gray-700 typo-subtitle-16-bold',\n        icon: 'fill-gray-600',\n      },\n      false: {\n        item: 'hover:bg-gray-50 active:bg-gray-50',\n        text: 'typo-body-16-medium text-gray-500 group-hover:text-gray-700 group-active:text-gray-700',\n        icon: 'fill-gray-300 group-hover:fill-gray-600 group-active:fill-gray-600',\n      },\n    },\n  },\n  defaultVariants: {\n    selected: false,\n  },\n});\n\nexport type SidebarVariants = VariantProps<typeof sidebar>;\n"],"mappings":";;;AAEA,MAAa,UAAU,GAAG;CACxB,OAAO;EACL,MAAM;EACN,QAAQ;EACR,SAAS;EACT,QAAQ;EACR,MAAM;EACN,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD,UAAU,EACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,MAAM;GACN,MAAM;GACP;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,MAAM;GACP;EACF,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}

package/dist/components/Sidebar/hooks/useSidebarContext.cjs

@@ -0,0 +1,22 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/Sidebar/hooks/useSidebarContext.ts
+const SidebarContext = (0, react.createContext)(null);
+const useSidebarContext = () => {
+	const context = (0, react.useContext)(SidebarContext);
+	if (!context) throw new Error("Sidebar compound components must be used within Sidebar");
+	return context;
+};
+const SidebarItemContext = (0, react.createContext)(null);
+const useSidebarItemContext = () => {
+	const context = (0, react.useContext)(SidebarItemContext);
+	if (!context) throw new Error("Sidebar Item compound components must be used within Sidebar.Item");
+	return context;
+};
+
+//#endregion
+exports.SidebarContext = SidebarContext;
+exports.SidebarItemContext = SidebarItemContext;
+exports.useSidebarContext = useSidebarContext;
+exports.useSidebarItemContext = useSidebarItemContext;

package/dist/components/Sidebar/hooks/useSidebarContext.d.cts

@@ -0,0 +1,5 @@
+//#region src/components/Sidebar/hooks/useSidebarContext.d.ts
+type SidebarValue = string | number;
+//#endregion
+export { SidebarValue };
+//# sourceMappingURL=useSidebarContext.d.cts.map

package/dist/components/Sidebar/hooks/useSidebarContext.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebarContext.d.cts","names":[],"sources":["../../../../src/components/Sidebar/hooks/useSidebarContext.ts"],"mappings":";KAGY,YAAA"}

package/dist/components/Sidebar/hooks/useSidebarContext.d.mts

@@ -0,0 +1,7 @@
+import "react";
+
+//#region src/components/Sidebar/hooks/useSidebarContext.d.ts
+type SidebarValue = string | number;
+//#endregion
+export { SidebarValue };
+//# sourceMappingURL=useSidebarContext.d.mts.map

package/dist/components/Sidebar/hooks/useSidebarContext.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebarContext.d.mts","names":[],"sources":["../../../../src/components/Sidebar/hooks/useSidebarContext.ts"],"mappings":";;;KAGY,YAAA"}

package/dist/components/Sidebar/hooks/useSidebarContext.mjs

@@ -0,0 +1,19 @@
+import { createContext, useContext } from "react";
+
+//#region src/components/Sidebar/hooks/useSidebarContext.ts
+const SidebarContext = createContext(null);
+const useSidebarContext = () => {
+	const context = useContext(SidebarContext);
+	if (!context) throw new Error("Sidebar compound components must be used within Sidebar");
+	return context;
+};
+const SidebarItemContext = createContext(null);
+const useSidebarItemContext = () => {
+	const context = useContext(SidebarItemContext);
+	if (!context) throw new Error("Sidebar Item compound components must be used within Sidebar.Item");
+	return context;
+};
+
+//#endregion
+export { SidebarContext, SidebarItemContext, useSidebarContext, useSidebarItemContext };
+//# sourceMappingURL=useSidebarContext.mjs.map

package/dist/components/Sidebar/hooks/useSidebarContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebarContext.mjs","names":[],"sources":["../../../../src/components/Sidebar/hooks/useSidebarContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n// Root Context\nexport type SidebarValue = string | number;\n\nexport interface SidebarContextValue {\n  selected?: SidebarValue;\n  onSelectChange?: (value: SidebarValue) => void;\n}\n\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport const useSidebarContext = () => {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error('Sidebar compound components must be used within Sidebar');\n  }\n  return context;\n};\n\n// Item Context\nexport interface SidebarItemContextValue {\n  selected: boolean;\n}\n\nexport const SidebarItemContext = createContext<SidebarItemContextValue | null>(\n  null,\n);\n\nexport const useSidebarItemContext = () => {\n  const context = useContext(SidebarItemContext);\n  if (!context) {\n    throw new Error(\n      'Sidebar Item compound components must be used within Sidebar.Item',\n    );\n  }\n  return context;\n};\n"],"mappings":";;;AAUA,MAAa,iBAAiB,cAA0C,KAAK;AAE7E,MAAa,0BAA0B;CACrC,MAAM,UAAU,WAAW,eAAe;AAC1C,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,0DAA0D;AAE5E,QAAO;;AAQT,MAAa,qBAAqB,cAChC,KACD;AAED,MAAa,8BAA8B;CACzC,MAAM,UAAU,WAAW,mBAAmB;AAC9C,KAAI,CAAC,QACH,OAAM,IAAI,MACR,oEACD;AAEH,QAAO"}

package/dist/components/Sidebar/index.d.mts

@@ -0,0 +1,2 @@
+import { SidebarVariants } from "./Sidebar.styles.mjs";
+import { Sidebar } from "./Sidebar.mjs";

package/dist/components/Spacer/Spacer.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants11 from "tailwind-variants";
+import * as tailwind_variants9 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Spacer/Spacer.styles.d.ts
-declare const spacer: tailwind_variants11.TVReturnType<{
+declare const spacer: tailwind_variants9.TVReturnType<{
   size: {
     1: string;
     2: string;
@@ -30,7 +30,7 @@ declare const spacer: tailwind_variants11.TVReturnType<{
     24: string;
     auto: string;
   };
-}, undefined, tailwind_variants11.TVReturnType<{
+}, undefined, tailwind_variants9.TVReturnType<{
   size: {
     1: string;
     2: string;