@causw/core 0.0.12 → 0.0.14

package/dist/components/Avatar/Avatar.d.cts

@@ -1,7 +1,7 @@
 import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import { AvatarVariants } from "./Avatar.styles.cjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/Avatar/Avatar.d.ts
 interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
@@ -17,7 +17,7 @@ declare const Avatar: {
     className,
     fallback,
     ...props
-  }: AvatarProps): react_jsx_runtime64.JSX.Element;
+  }: AvatarProps): react_jsx_runtime41.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Avatar/Avatar.styles.d.ts
-declare const avatar: tailwind_variants25.TVReturnType<{
+declare const avatar: tailwind_variants21.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -46,7 +46,7 @@ declare const avatar: tailwind_variants25.TVReturnType<{
   root: string;
   image: string;
   fallback: string;
-}, tailwind_variants25.TVReturnType<{
+}, tailwind_variants21.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/components/BottomNavigation/BottomNavigation.cjs

@@ -0,0 +1,78 @@
+'use client';
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Primitive = require('../Primitive/Primitive.cjs');
+const require_BottomNavigation_styles = require('./BottomNavigation.styles.cjs');
+const require_useBottomNavigationContext = require('./hooks/useBottomNavigationContext.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/BottomNavigation/BottomNavigation.tsx
+const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props }) => {
+	const { root } = require_BottomNavigation_styles.bottomNavigation();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useBottomNavigationContext.BottomNavigationContext.Provider, {
+		value: {
+			selected,
+			onSelectChange
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.nav, {
+			className: root(),
+			...props,
+			children
+		})
+	});
+};
+const BottomNavigationItem = ({ selected, value, children, onClick, ...props }) => {
+	const rootContext = require_useBottomNavigationContext.useBottomNavigationContext();
+	const isSelected = selected ?? (rootContext.selected !== void 0 && value !== void 0 ? rootContext.selected === value : false);
+	const { item } = require_BottomNavigation_styles.bottomNavigation({
+		selected: isSelected,
+		...props
+	});
+	const handleClick = (e) => {
+		onClick?.(e);
+		if (!e.defaultPrevented && rootContext.onSelectChange && value !== void 0) rootContext.onSelectChange(value);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useBottomNavigationContext.BottomNavigationItemContext.Provider, {
+		value: { selected: isSelected },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.button, {
+			type: "button",
+			className: item(),
+			onClick: handleClick,
+			...props,
+			children
+		})
+	});
+};
+const BottomNavigationIcon = ({ children, selected, ...props }) => {
+	const itemContext = require_useBottomNavigationContext.useBottomNavigationItemContext();
+	const { icon } = require_BottomNavigation_styles.bottomNavigation({
+		selected: selected ?? itemContext.selected,
+		...props
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.svg, {
+		asChild: true,
+		className: icon(),
+		...props,
+		children
+	});
+};
+const BottomNavigationLabel = ({ children, selected, ...props }) => {
+	const itemContext = require_useBottomNavigationContext.useBottomNavigationItemContext();
+	const { label } = require_BottomNavigation_styles.bottomNavigation({
+		selected: selected ?? itemContext.selected,
+		...props
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Primitive.Primitive.span, {
+		className: label(),
+		...props,
+		children
+	});
+};
+const BottomNavigation = Object.assign(BottomNavigationRoot, {
+	Item: BottomNavigationItem,
+	Icon: BottomNavigationIcon,
+	Label: BottomNavigationLabel
+});
+
+//#endregion
+exports.BottomNavigation = BottomNavigation;

package/dist/components/BottomNavigation/BottomNavigation.d.cts

@@ -0,0 +1,48 @@
+import { PrimitiveProps } from "../Primitive/Primitive.cjs";
+import { BottomNavigationVariants } from "./BottomNavigation.styles.cjs";
+import { ComponentProps, SVGProps } from "react";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+
+//#region src/components/BottomNavigation/BottomNavigation.d.ts
+interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
+  selected?: string;
+  onSelectChange?: (value: string) => void;
+}
+interface BottomNavigationItemProps extends ComponentProps<'button'>, PrimitiveProps, Omit<BottomNavigationVariants, 'selected'> {
+  value?: string;
+  selected?: boolean;
+  children: React.ReactNode;
+}
+interface BottomNavigationIconProps extends SVGProps<SVGSVGElement>, PrimitiveProps, BottomNavigationVariants {
+  children: React.ReactNode;
+}
+interface BottomNavigationLabelProps extends ComponentProps<'span'>, PrimitiveProps, BottomNavigationVariants {
+  children: React.ReactNode;
+}
+declare const BottomNavigation: (({
+  children,
+  selected,
+  onSelectChange,
+  ...props
+}: BottomNavigationRootProps) => react_jsx_runtime72.JSX.Element) & {
+  Item: ({
+    selected,
+    value,
+    children,
+    onClick,
+    ...props
+  }: BottomNavigationItemProps) => react_jsx_runtime72.JSX.Element;
+  Icon: ({
+    children,
+    selected,
+    ...props
+  }: BottomNavigationIconProps) => react_jsx_runtime72.JSX.Element;
+  Label: ({
+    children,
+    selected,
+    ...props
+  }: BottomNavigationLabelProps) => react_jsx_runtime72.JSX.Element;
+};
+//#endregion
+export { BottomNavigation };
+//# sourceMappingURL=BottomNavigation.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.d.cts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,UAmBV,yBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,wBAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UA6CR,yBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA,EAAgB,wBAAA;EACjD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAoBR,0BAAA,SACA,cAAA,UAAwB,cAAA,EAAgB,wBAAA;EAChD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAoBL,gBAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,GAAA;AAAA,GA3G1B,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;KA2BzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KA6CzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KAsBzB,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/components/BottomNavigation/BottomNavigation.d.mts

@@ -0,0 +1,49 @@
+import { PrimitiveProps } from "../Primitive/Primitive.mjs";
+import "../Primitive/index.mjs";
+import { BottomNavigationVariants } from "./BottomNavigation.styles.mjs";
+import { ComponentProps, SVGProps } from "react";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
+
+//#region src/components/BottomNavigation/BottomNavigation.d.ts
+interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
+  selected?: string;
+  onSelectChange?: (value: string) => void;
+}
+interface BottomNavigationItemProps extends ComponentProps<'button'>, PrimitiveProps, Omit<BottomNavigationVariants, 'selected'> {
+  value?: string;
+  selected?: boolean;
+  children: React.ReactNode;
+}
+interface BottomNavigationIconProps extends SVGProps<SVGSVGElement>, PrimitiveProps, BottomNavigationVariants {
+  children: React.ReactNode;
+}
+interface BottomNavigationLabelProps extends ComponentProps<'span'>, PrimitiveProps, BottomNavigationVariants {
+  children: React.ReactNode;
+}
+declare const BottomNavigation: (({
+  children,
+  selected,
+  onSelectChange,
+  ...props
+}: BottomNavigationRootProps) => react_jsx_runtime73.JSX.Element) & {
+  Item: ({
+    selected,
+    value,
+    children,
+    onClick,
+    ...props
+  }: BottomNavigationItemProps) => react_jsx_runtime73.JSX.Element;
+  Icon: ({
+    children,
+    selected,
+    ...props
+  }: BottomNavigationIconProps) => react_jsx_runtime73.JSX.Element;
+  Label: ({
+    children,
+    selected,
+    ...props
+  }: BottomNavigationLabelProps) => react_jsx_runtime73.JSX.Element;
+};
+//#endregion
+export { BottomNavigation };
+//# sourceMappingURL=BottomNavigation.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.d.mts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"mappings":";;;;;;;UAgBiB,yBAAA,SACP,cAAA,SAAuB,cAAA;EAC/B,QAAA;EACA,cAAA,IAAkB,KAAA;AAAA;AAAA,UAmBV,yBAAA,SAEN,cAAA,YACA,cAAA,EACA,IAAA,CAAK,wBAAA;EACP,KAAA;EACA,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UA6CR,yBAAA,SACA,QAAA,CAAS,aAAA,GAAgB,cAAA,EAAgB,wBAAA;EACjD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAoBR,0BAAA,SACA,cAAA,UAAwB,cAAA,EAAgB,wBAAA;EAChD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAoBL,gBAAA;EAAgB,QAAA;EAAA,QAAA;EAAA,cAAA;EAAA,GAAA;AAAA,GA3G1B,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;KA2BzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KA6CzB,yBAAA,KAAyB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KAsBzB,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/components/BottomNavigation/BottomNavigation.mjs

@@ -0,0 +1,78 @@
+'use client';
+
+import { Primitive } from "../Primitive/Primitive.mjs";
+import { bottomNavigation } from "./BottomNavigation.styles.mjs";
+import { BottomNavigationContext, BottomNavigationItemContext, useBottomNavigationContext, useBottomNavigationItemContext } from "./hooks/useBottomNavigationContext.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/BottomNavigation/BottomNavigation.tsx
+const BottomNavigationRoot = ({ children, selected, onSelectChange, ...props }) => {
+	const { root } = bottomNavigation();
+	return /* @__PURE__ */ jsx(BottomNavigationContext.Provider, {
+		value: {
+			selected,
+			onSelectChange
+		},
+		children: /* @__PURE__ */ jsx(Primitive.nav, {
+			className: root(),
+			...props,
+			children
+		})
+	});
+};
+const BottomNavigationItem = ({ selected, value, children, onClick, ...props }) => {
+	const rootContext = useBottomNavigationContext();
+	const isSelected = selected ?? (rootContext.selected !== void 0 && value !== void 0 ? rootContext.selected === value : false);
+	const { item } = bottomNavigation({
+		selected: isSelected,
+		...props
+	});
+	const handleClick = (e) => {
+		onClick?.(e);
+		if (!e.defaultPrevented && rootContext.onSelectChange && value !== void 0) rootContext.onSelectChange(value);
+	};
+	return /* @__PURE__ */ jsx(BottomNavigationItemContext.Provider, {
+		value: { selected: isSelected },
+		children: /* @__PURE__ */ jsx(Primitive.button, {
+			type: "button",
+			className: item(),
+			onClick: handleClick,
+			...props,
+			children
+		})
+	});
+};
+const BottomNavigationIcon = ({ children, selected, ...props }) => {
+	const itemContext = useBottomNavigationItemContext();
+	const { icon } = bottomNavigation({
+		selected: selected ?? itemContext.selected,
+		...props
+	});
+	return /* @__PURE__ */ jsx(Primitive.svg, {
+		asChild: true,
+		className: icon(),
+		...props,
+		children
+	});
+};
+const BottomNavigationLabel = ({ children, selected, ...props }) => {
+	const itemContext = useBottomNavigationItemContext();
+	const { label } = bottomNavigation({
+		selected: selected ?? itemContext.selected,
+		...props
+	});
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		className: label(),
+		...props,
+		children
+	});
+};
+const BottomNavigation = Object.assign(BottomNavigationRoot, {
+	Item: BottomNavigationItem,
+	Icon: BottomNavigationIcon,
+	Label: BottomNavigationLabel
+});
+
+//#endregion
+export { BottomNavigation };
+//# sourceMappingURL=BottomNavigation.mjs.map

package/dist/components/BottomNavigation/BottomNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentProps, SVGProps } from 'react';\nimport {\n  bottomNavigation,\n  BottomNavigationVariants,\n} from './BottomNavigation.styles';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nimport {\n  BottomNavigationContext,\n  useBottomNavigationContext,\n  BottomNavigationItemContext,\n  useBottomNavigationItemContext,\n} from './hooks/useBottomNavigationContext';\n\nexport interface BottomNavigationRootProps\n  extends ComponentProps<'nav'>, PrimitiveProps {\n  selected?: string;\n  onSelectChange?: (value: string) => void;\n}\n\nconst BottomNavigationRoot = ({\n  children,\n  selected,\n  onSelectChange,\n  ...props\n}: BottomNavigationRootProps) => {\n  const { root } = bottomNavigation();\n  return (\n    <BottomNavigationContext.Provider value={{ selected, onSelectChange }}>\n      <Primitive.nav className={root()} {...props}>\n        {children}\n      </Primitive.nav>\n    </BottomNavigationContext.Provider>\n  );\n};\n\ninterface BottomNavigationItemProps\n  extends\n    ComponentProps<'button'>,\n    PrimitiveProps,\n    Omit<BottomNavigationVariants, 'selected'> {\n  value?: string;\n  selected?: boolean;\n  children: React.ReactNode;\n}\n\nconst BottomNavigationItem = ({\n  selected,\n  value,\n  children,\n  onClick,\n  ...props\n}: BottomNavigationItemProps) => {\n  const rootContext = useBottomNavigationContext();\n\n  const isSelected =\n    selected ??\n    (rootContext.selected !== undefined && value !== undefined\n      ? rootContext.selected === value\n      : false);\n\n  const { item } = bottomNavigation({ selected: isSelected, ...props });\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    <BottomNavigationItemContext.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    </BottomNavigationItemContext.Provider>\n  );\n};\n\ninterface BottomNavigationIconProps\n  extends SVGProps<SVGSVGElement>, PrimitiveProps, BottomNavigationVariants {\n  children: React.ReactNode;\n}\n\nconst BottomNavigationIcon = ({\n  children,\n  selected,\n  ...props\n}: BottomNavigationIconProps) => {\n  const itemContext = useBottomNavigationItemContext();\n  const isSelected = selected ?? itemContext.selected;\n\n  const { icon } = bottomNavigation({ selected: isSelected, ...props });\n\n  return (\n    <Primitive.svg asChild className={icon()} {...props}>\n      {children}\n    </Primitive.svg>\n  );\n};\n\ninterface BottomNavigationLabelProps\n  extends ComponentProps<'span'>, PrimitiveProps, BottomNavigationVariants {\n  children: React.ReactNode;\n}\n\nconst BottomNavigationLabel = ({\n  children,\n  selected,\n  ...props\n}: BottomNavigationLabelProps) => {\n  const itemContext = useBottomNavigationItemContext();\n  const isSelected = selected ?? itemContext.selected;\n\n  const { label } = bottomNavigation({ selected: isSelected, ...props });\n\n  return (\n    <Primitive.span className={label()} {...props}>\n      {children}\n    </Primitive.span>\n  );\n};\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n  Item: BottomNavigationItem,\n  Icon: BottomNavigationIcon,\n  Label: BottomNavigationLabel,\n});\n"],"mappings":";;;;;;;;AAsBA,MAAM,wBAAwB,EAC5B,UACA,UACA,gBACA,GAAG,YAC4B;CAC/B,MAAM,EAAE,SAAS,kBAAkB;AACnC,QACE,oBAAC,wBAAwB;EAAS,OAAO;GAAE;GAAU;GAAgB;YACnE,oBAAC,UAAU;GAAI,WAAW,MAAM;GAAE,GAAI;GACnC;IACa;GACiB;;AAcvC,MAAM,wBAAwB,EAC5B,UACA,OACA,UACA,SACA,GAAG,YAC4B;CAC/B,MAAM,cAAc,4BAA4B;CAEhD,MAAM,aACJ,aACC,YAAY,aAAa,UAAa,UAAU,SAC7C,YAAY,aAAa,QACzB;CAEN,MAAM,EAAE,SAAS,iBAAiB;EAAE,UAAU;EAAY,GAAG;EAAO,CAAC;CAErE,MAAM,eAAe,MAA2C;AAC9D,YAAU,EAAE;AACZ,MACE,CAAC,EAAE,oBACH,YAAY,kBACZ,UAAU,OAEV,aAAY,eAAe,MAAM;;AAIrC,QACE,oBAAC,4BAA4B;EAAS,OAAO,EAAE,UAAU,YAAY;YACnE,oBAAC,UAAU;GACT,MAAK;GACL,WAAW,MAAM;GACjB,SAAS;GACT,GAAI;GAEH;IACgB;GACkB;;AAS3C,MAAM,wBAAwB,EAC5B,UACA,UACA,GAAG,YAC4B;CAC/B,MAAM,cAAc,gCAAgC;CAGpD,MAAM,EAAE,SAAS,iBAAiB;EAAE,UAFjB,YAAY,YAAY;EAEe,GAAG;EAAO,CAAC;AAErE,QACE,oBAAC,UAAU;EAAI;EAAQ,WAAW,MAAM;EAAE,GAAI;EAC3C;GACa;;AASpB,MAAM,yBAAyB,EAC7B,UACA,UACA,GAAG,YAC6B;CAChC,MAAM,cAAc,gCAAgC;CAGpD,MAAM,EAAE,UAAU,iBAAiB;EAAE,UAFlB,YAAY,YAAY;EAEgB,GAAG;EAAO,CAAC;AAEtE,QACE,oBAAC,UAAU;EAAK,WAAW,OAAO;EAAE,GAAI;EACrC;GACc;;AAIrB,MAAa,mBAAmB,OAAO,OAAO,sBAAsB;CAClE,MAAM;CACN,MAAM;CACN,OAAO;CACR,CAAC"}

package/dist/components/BottomNavigation/BottomNavigation.styles.cjs

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/BottomNavigation/BottomNavigation.styles.ts
+const bottomNavigation = (0, tailwind_variants.tv)({
+	slots: {
+		root: "fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
+		item: "group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors",
+		icon: "w-5 h-5",
+		label: "typo-caption-12-semibold text-center"
+	},
+	variants: { selected: {
+		true: {
+			icon: "fill-gray-700",
+			label: "text-gray-600"
+		},
+		false: {
+			icon: "fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500",
+			label: "text-gray-300 group-hover:text-gray-500 group-active:text-gray-500"
+		}
+	} },
+	defaultVariants: { selected: false }
+});
+
+//#endregion
+exports.bottomNavigation = bottomNavigation;

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

@@ -0,0 +1,57 @@
+import * as tailwind_variants45 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/BottomNavigation/BottomNavigation.styles.d.ts
+declare const bottomNavigation: tailwind_variants45.TVReturnType<{
+  selected: {
+    true: {
+      icon: string;
+      label: string;
+    };
+    false: {
+      icon: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  icon: string;
+  label: string;
+}, undefined, {
+  selected: {
+    true: {
+      icon: string;
+      label: string;
+    };
+    false: {
+      icon: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  icon: string;
+  label: string;
+}, tailwind_variants45.TVReturnType<{
+  selected: {
+    true: {
+      icon: string;
+      label: string;
+    };
+    false: {
+      icon: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  icon: string;
+  label: string;
+}, undefined, unknown, unknown, undefined>>;
+type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;
+//#endregion
+export { BottomNavigationVariants };
+//# sourceMappingURL=BottomNavigation.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.styles.d.cts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"mappings":";;;;cAEa,gBAAA,EAuBX,mBAAA,CAvB2B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuB3B,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;KAEU,wBAAA,GAA2B,YAAA,QAAoB,gBAAA"}

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

@@ -0,0 +1,57 @@
+import * as tailwind_variants47 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/BottomNavigation/BottomNavigation.styles.d.ts
+declare const bottomNavigation: tailwind_variants47.TVReturnType<{
+  selected: {
+    true: {
+      icon: string;
+      label: string;
+    };
+    false: {
+      icon: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  icon: string;
+  label: string;
+}, undefined, {
+  selected: {
+    true: {
+      icon: string;
+      label: string;
+    };
+    false: {
+      icon: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  icon: string;
+  label: string;
+}, tailwind_variants47.TVReturnType<{
+  selected: {
+    true: {
+      icon: string;
+      label: string;
+    };
+    false: {
+      icon: string;
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  icon: string;
+  label: string;
+}, undefined, unknown, unknown, undefined>>;
+type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;
+//#endregion
+export { BottomNavigationVariants };
+//# sourceMappingURL=BottomNavigation.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.styles.d.mts","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"mappings":";;;;cAEa,gBAAA,EAuBX,mBAAA,CAvB2B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuB3B,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;KAEU,wBAAA,GAA2B,YAAA,QAAoB,gBAAA"}

package/dist/components/BottomNavigation/BottomNavigation.styles.mjs

@@ -0,0 +1,26 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/BottomNavigation/BottomNavigation.styles.ts
+const bottomNavigation = tv({
+	slots: {
+		root: "fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe",
+		item: "group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors",
+		icon: "w-5 h-5",
+		label: "typo-caption-12-semibold text-center"
+	},
+	variants: { selected: {
+		true: {
+			icon: "fill-gray-700",
+			label: "text-gray-600"
+		},
+		false: {
+			icon: "fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500",
+			label: "text-gray-300 group-hover:text-gray-500 group-active:text-gray-500"
+		}
+	} },
+	defaultVariants: { selected: false }
+});
+
+//#endregion
+export { bottomNavigation };
+//# sourceMappingURL=BottomNavigation.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.styles.mjs","names":[],"sources":["../../../src/components/BottomNavigation/BottomNavigation.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const bottomNavigation = tv({\n  slots: {\n    root: 'fixed right-0 bottom-0 left-0 z-sticky flex h-15 items-center justify-between border-t border-gray-200 px-12 py-2 pb-safe',\n    item: 'group flex flex-1 flex-col items-center justify-center gap-1 text-xs transition-colors',\n    icon: 'w-5 h-5',\n    label: 'typo-caption-12-semibold text-center',\n  },\n  variants: {\n    selected: {\n      true: {\n        icon: 'fill-gray-700',\n        label: 'text-gray-600',\n      },\n      false: {\n        icon: 'fill-gray-300 group-hover:fill-gray-500 group-active:fill-gray-500',\n        label:\n          'text-gray-300 group-hover:text-gray-500 group-active:text-gray-500',\n      },\n    },\n  },\n  defaultVariants: {\n    selected: false,\n  },\n});\n\nexport type BottomNavigationVariants = VariantProps<typeof bottomNavigation>;\n"],"mappings":";;;AAEA,MAAa,mBAAmB,GAAG;CACjC,OAAO;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACR;CACD,UAAU,EACR,UAAU;EACR,MAAM;GACJ,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OACE;GACH;EACF,EACF;CACD,iBAAiB,EACf,UAAU,OACX;CACF,CAAC"}

package/dist/components/BottomNavigation/hooks/useBottomNavigationContext.cjs

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

package/dist/components/BottomNavigation/hooks/useBottomNavigationContext.mjs

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

package/dist/components/BottomNavigation/hooks/useBottomNavigationContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomNavigationContext.mjs","names":[],"sources":["../../../../src/components/BottomNavigation/hooks/useBottomNavigationContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface BottomNavigationContextValue {\n  selected?: string;\n  onSelectChange?: (value: string) => void;\n}\n\nexport const BottomNavigationContext =\n  createContext<BottomNavigationContextValue | null>(null);\n\nexport const useBottomNavigationContext = () => {\n  const context = useContext(BottomNavigationContext);\n  if (!context) {\n    throw new Error(\n      'BottomNavigation compound components must be used within BottomNavigation',\n    );\n  }\n  return context;\n};\n\n// Item Context (for styling children)\nexport interface BottomNavigationItemContextValue {\n  selected: boolean;\n}\n\nexport const BottomNavigationItemContext =\n  createContext<BottomNavigationItemContextValue | null>(null);\n\nexport const useBottomNavigationItemContext = () => {\n  const context = useContext(BottomNavigationItemContext);\n  if (!context) {\n    throw new Error(\n      'BottomNavigation Item compound components must be used within BottomNavigation.Item',\n    );\n  }\n  return context;\n};\n"],"mappings":";;;AAOA,MAAa,0BACX,cAAmD,KAAK;AAE1D,MAAa,mCAAmC;CAC9C,MAAM,UAAU,WAAW,wBAAwB;AACnD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,4EACD;AAEH,QAAO;;AAQT,MAAa,8BACX,cAAuD,KAAK;AAE9D,MAAa,uCAAuC;CAClD,MAAM,UAAU,WAAW,4BAA4B;AACvD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,sFACD;AAEH,QAAO"}

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

@@ -0,0 +1 @@
+import { BottomNavigation } from "./BottomNavigation.mjs";

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -0,0 +1,94 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Text = require('../Text/Text.cjs');
+const require_useBottomSheet = require('../../hooks/bottomSheet/useBottomSheet.cjs');
+const require_Drawer = require('../Drawer/Drawer.cjs');
+const require_BottomSheet_styles = require('./BottomSheet.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/BottomSheet/BottomSheet.tsx
+const BottomSheetRoot = ({ children, open: controlledOpen, defaultOpen = false, onOpenChange, headerAlign = "left" }) => {
+	const [uncontrolledOpen, setUncontrolledOpen] = (0, react.useState)(defaultOpen);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+	const handleOpenChange = (newOpen) => {
+		if (!isControlled) setUncontrolledOpen(newOpen);
+		onOpenChange?.(newOpen);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useBottomSheet.BottomSheetContext.Provider, {
+		value: {
+			headerAlign,
+			isOpen,
+			onOpen: () => handleOpenChange(true),
+			onClose: () => handleOpenChange(false)
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Drawer.Drawer.Root, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			children
+		})
+	});
+};
+const BottomSheetTrigger = require_Drawer.Drawer.Trigger;
+const BottomSheetHandle = () => {
+	const { handle } = require_BottomSheet_styles.bottomSheet();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: handle() });
+};
+const BottomSheetContent = ({ children, className, ...props }) => {
+	const { content } = require_BottomSheet_styles.bottomSheet();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Drawer.Drawer.Portal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Drawer.Drawer.Overlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Drawer.Drawer.Content, {
+		className: content({ className }),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BottomSheetHandle, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "w-full",
+			children
+		})]
+	})] });
+};
+const BottomSheetHeader = ({ title, className }) => {
+	const { headerAlign } = require_useBottomSheet.useBottomSheet();
+	const { header } = require_BottomSheet_styles.bottomSheet({ headerAlign });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: header({ className }),
+		children: title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Drawer.Drawer.Title, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				as: "h2",
+				typography: "subtitle-18-bold",
+				children: title
+			})
+		})
+	});
+};
+const BottomSheetBody = ({ className, children, maxHeight }) => {
+	const { body } = require_BottomSheet_styles.bottomSheet();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: body({ className }),
+		style: { maxHeight },
+		children
+	});
+};
+const BottomSheetFooter = ({ className, children }) => {
+	const { footer } = require_BottomSheet_styles.bottomSheet();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: footer({ className }),
+		children
+	});
+};
+const BottomSheet = Object.assign(BottomSheetRoot, {
+	Trigger: BottomSheetTrigger,
+	Content: BottomSheetContent,
+	Header: BottomSheetHeader,
+	Body: BottomSheetBody,
+	Footer: BottomSheetFooter
+});
+BottomSheetRoot.displayName = "BottomSheet";
+BottomSheetTrigger.displayName = "BottomSheet.Trigger";
+BottomSheetContent.displayName = "BottomSheet.Content";
+BottomSheetHeader.displayName = "BottomSheet.Header";
+BottomSheetBody.displayName = "BottomSheet.Body";
+BottomSheetFooter.displayName = "BottomSheet.Footer";
+
+//#endregion
+exports.BottomSheet = BottomSheet;