@causw/core 0.0.11 → 0.0.13

package/dist/components/Select/Select.d.cts

@@ -1,6 +1,6 @@
 import { SelectVariants } from "./Select.styles.cjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/Select/Select.d.ts
@@ -25,7 +25,7 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps> & {
       children,
       error,
       ...props
-    }: SelectTriggerProps): react_jsx_runtime46.JSX.Element;
+    }: SelectTriggerProps): react_jsx_runtime25.JSX.Element;
     displayName: string | undefined;
   };
   Content: {
@@ -36,14 +36,14 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps> & {
       sideOffset,
       maxHeight,
       ...props
-    }: SelectContentProps): react_jsx_runtime46.JSX.Element;
+    }: SelectContentProps): react_jsx_runtime25.JSX.Element;
     displayName: string | undefined;
   };
   Label: {
     ({
       className,
       ...props
-    }: SelectLabelProps): react_jsx_runtime46.JSX.Element;
+    }: SelectLabelProps): react_jsx_runtime25.JSX.Element;
     displayName: string | undefined;
   };
   Item: {
@@ -51,7 +51,7 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps> & {
       className,
       children,
       ...props
-    }: SelectItemProps): react_jsx_runtime46.JSX.Element;
+    }: SelectItemProps): react_jsx_runtime25.JSX.Element;
     displayName: string | undefined;
   };
 };

package/dist/components/Select/Select.d.mts

@@ -1,6 +1,6 @@
 import { SelectVariants } from "./Select.styles.mjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/Select/Select.d.ts
@@ -25,7 +25,7 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps> & {
       children,
       error,
       ...props
-    }: SelectTriggerProps): react_jsx_runtime20.JSX.Element;
+    }: SelectTriggerProps): react_jsx_runtime25.JSX.Element;
     displayName: string | undefined;
   };
   Content: {
@@ -36,14 +36,14 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps> & {
       sideOffset,
       maxHeight,
       ...props
-    }: SelectContentProps): react_jsx_runtime20.JSX.Element;
+    }: SelectContentProps): react_jsx_runtime25.JSX.Element;
     displayName: string | undefined;
   };
   Label: {
     ({
       className,
       ...props
-    }: SelectLabelProps): react_jsx_runtime20.JSX.Element;
+    }: SelectLabelProps): react_jsx_runtime25.JSX.Element;
     displayName: string | undefined;
   };
   Item: {
@@ -51,7 +51,7 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps> & {
       className,
       children,
       ...props
-    }: SelectItemProps): react_jsx_runtime20.JSX.Element;
+    }: SelectItemProps): react_jsx_runtime25.JSX.Element;
     displayName: string | undefined;
   };
 };

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants13 from "tailwind-variants";
+import * as tailwind_variants11 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Select/Select.styles.d.ts
-declare const select: tailwind_variants13.TVReturnType<{
+declare const select: tailwind_variants11.TVReturnType<{
   error: {
     true: {
       trigger: string;
@@ -44,7 +44,7 @@ declare const select: tailwind_variants13.TVReturnType<{
   item: string[];
   label: string;
   viewport: string;
-}, tailwind_variants13.TVReturnType<{
+}, tailwind_variants11.TVReturnType<{
   error: {
     true: {
       trigger: string;

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants7 from "tailwind-variants";
+import * as tailwind_variants11 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Select/Select.styles.d.ts
-declare const select: tailwind_variants7.TVReturnType<{
+declare const select: tailwind_variants11.TVReturnType<{
   error: {
     true: {
       trigger: string;
@@ -44,7 +44,7 @@ declare const select: tailwind_variants7.TVReturnType<{
   item: string[];
   label: string;
   viewport: string;
-}, tailwind_variants7.TVReturnType<{
+}, tailwind_variants11.TVReturnType<{
   error: {
     true: {
       trigger: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.mts","names":[],"sources":["../../../src/components/Select/Select.styles.ts"],"mappings":";;;;cAEa,MAAA,EA+CX,kBAAA,CA/CiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}
+{"version":3,"file":"Select.styles.d.mts","names":[],"sources":["../../../src/components/Select/Select.styles.ts"],"mappings":";;;;cAEa,MAAA,EA+CX,mBAAA,CA/CiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants3 from "tailwind-variants";
+import * as tailwind_variants7 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Separator/Separator.styles.d.ts
-declare const separator: tailwind_variants3.TVReturnType<{
+declare const separator: tailwind_variants7.TVReturnType<{
   orientation: {
     horizontal: string;
     vertical: string;
@@ -12,7 +12,7 @@ declare const separator: tailwind_variants3.TVReturnType<{
     horizontal: string;
     vertical: string;
   };
-}, undefined, tailwind_variants3.TVReturnType<{
+}, undefined, tailwind_variants7.TVReturnType<{
   orientation: {
     horizontal: string;
     vertical: string;

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

@@ -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/Separator/Separator.styles.d.ts
-declare const separator: tailwind_variants11.TVReturnType<{
+declare const separator: tailwind_variants9.TVReturnType<{
   orientation: {
     horizontal: string;
     vertical: string;
@@ -12,7 +12,7 @@ declare const separator: tailwind_variants11.TVReturnType<{
     horizontal: string;
     vertical: string;
   };
-}, undefined, tailwind_variants11.TVReturnType<{
+}, undefined, tailwind_variants9.TVReturnType<{
   orientation: {
     horizontal: string;
     vertical: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.styles.d.mts","names":[],"sources":["../../../src/components/Separator/Separator.styles.ts"],"mappings":";;;;cAEa,SAAA,EAWX,mBAAA,CAXoB,YAAA;;;;;;;;;;cAWpB,mBAAA,CAAA,YAAA;;;;;;KAEU,iBAAA,GAAoB,YAAA,QAAoB,SAAA"}
+{"version":3,"file":"Separator.styles.d.mts","names":[],"sources":["../../../src/components/Separator/Separator.styles.ts"],"mappings":";;;;cAEa,SAAA,EAWX,kBAAA,CAXoB,YAAA;;;;;;;;;;cAWpB,kBAAA,CAAA,YAAA;;;;;;KAEU,iBAAA,GAAoB,YAAA,QAAoB,SAAA"}

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"}