@lssm/lib.ui-kit 0.0.0-canary-20251120170226

package/dist/ui/dropdown-menu.d.ts

@@ -0,0 +1,112 @@
+import * as React$1 from "react";
+import * as react_native4 from "react-native";
+import { StyleProp, TextProps, View, ViewStyle } from "react-native";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as _rn_primitives_dropdown_menu0 from "@rn-primitives/dropdown-menu";
+
+//#region ui/dropdown-menu.d.ts
+declare const DropdownMenu: React$1.ForwardRefExoticComponent<react_native4.ViewProps & {
+  asChild?: boolean;
+} & {
+  onOpenChange?: (open: boolean) => void;
+} & React$1.RefAttributes<View>>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<Omit<react_native4.PressableProps & React$1.RefAttributes<View>, "ref"> & {
+  asChild?: boolean;
+} & {
+  onKeyDown?: (ev: React$1.KeyboardEvent) => void;
+  onKeyUp?: (ev: React$1.KeyboardEvent) => void;
+} & React$1.RefAttributes<_rn_primitives_dropdown_menu0.TriggerRef>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<react_native4.ViewProps & {
+  asChild?: boolean;
+} & React$1.RefAttributes<View>>;
+declare const DropdownMenuPortal: typeof _rn_primitives_dropdown_menu0.Portal;
+declare const DropdownMenuSub: React$1.ForwardRefExoticComponent<react_native4.ViewProps & {
+  asChild?: boolean;
+} & {
+  defaultOpen?: boolean;
+  open?: boolean;
+  onOpenChange?: (value: boolean) => void;
+} & React$1.RefAttributes<View>>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<react_native4.ViewProps & {
+  asChild?: boolean;
+} & {
+  value: string | undefined;
+  onValueChange: (value: string) => void;
+} & React$1.RefAttributes<View>>;
+declare function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: _rn_primitives_dropdown_menu0.SubTriggerProps & {
+  ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.SubTriggerRef>;
+  className?: string;
+  inset?: boolean;
+  children?: React$1.ReactNode;
+}): react_jsx_runtime42.JSX.Element;
+declare function DropdownMenuSubContent({
+  className,
+  ...props
+}: _rn_primitives_dropdown_menu0.SubContentProps & {
+  ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.SubContentRef>;
+}): react_jsx_runtime42.JSX.Element;
+declare function DropdownMenuContent({
+  className,
+  overlayClassName,
+  overlayStyle,
+  portalHost,
+  ...props
+}: _rn_primitives_dropdown_menu0.ContentProps & {
+  ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.ContentRef>;
+  overlayStyle?: StyleProp<ViewStyle>;
+  overlayClassName?: string;
+  portalHost?: string;
+}): react_jsx_runtime42.JSX.Element;
+declare function DropdownMenuItem({
+  className,
+  inset,
+  ...props
+}: _rn_primitives_dropdown_menu0.ItemProps & {
+  ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.ItemRef>;
+  className?: string;
+  inset?: boolean;
+}): react_jsx_runtime42.JSX.Element;
+declare function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: _rn_primitives_dropdown_menu0.CheckboxItemProps & {
+  ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.CheckboxItemRef>;
+  children?: React$1.ReactNode;
+}): react_jsx_runtime42.JSX.Element;
+declare function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: _rn_primitives_dropdown_menu0.RadioItemProps & {
+  ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.RadioItemRef>;
+  children?: React$1.ReactNode;
+}): react_jsx_runtime42.JSX.Element;
+declare function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: _rn_primitives_dropdown_menu0.LabelProps & {
+  ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.LabelRef>;
+  className?: string;
+  inset?: boolean;
+}): react_jsx_runtime42.JSX.Element;
+declare function DropdownMenuSeparator({
+  className,
+  ...props
+}: _rn_primitives_dropdown_menu0.SeparatorProps & {
+  ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.SeparatorRef>;
+}): react_jsx_runtime42.JSX.Element;
+declare function DropdownMenuShortcut({
+  className,
+  ...props
+}: TextProps): react_jsx_runtime42.JSX.Element;
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/ui/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../../ui/dropdown-menu.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/ui/dropdown-menu.js

@@ -0,0 +1,110 @@
+import { ChevronDown } from "./icons/ChevronDown.js";
+import { cn } from "./utils.js";
+import { TextClassContext } from "./text.js";
+import { Check } from "./icons/Check.js";
+import { ChevronRight } from "./icons/ChevronRight.js";
+import { ChevronUp } from "./icons/ChevronUp.js";
+import "react";
+import { Platform, StyleSheet, Text, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@rn-primitives/dropdown-menu";
+
+//#region ui/dropdown-menu.tsx
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+function DropdownMenuSubTrigger({ className, inset, children,...props }) {
+	const { open } = DropdownMenuPrimitive.useSubContext();
+	const Icon = Platform.OS === "web" ? ChevronRight : open ? ChevronUp : ChevronDown;
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: cn("native:text-lg text-primary text-sm select-none", open && "native:text-accent-foreground"),
+		children: /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+			className: cn("native:py-2 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent web:focus:bg-accent flex flex-row items-center gap-2 rounded-xs px-2 py-1.5", open && "bg-accent", inset && "pl-8", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(Icon, {
+				size: 18,
+				className: "text-foreground ml-auto"
+			})]
+		})
+	});
+}
+function DropdownMenuSubContent({ className,...props }) {
+	const { open } = DropdownMenuPrimitive.useSubContext();
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+		className: cn("border-border bg-popover shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out", className),
+		...props
+	});
+}
+function DropdownMenuContent({ className, overlayClassName, overlayStyle, portalHost,...props }) {
+	const { open } = DropdownMenuPrimitive.useRootContext();
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+		hostName: portalHost,
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Overlay, {
+			style: overlayStyle ? StyleSheet.flatten([Platform.OS !== "web" ? StyleSheet.absoluteFill : void 0, overlayStyle]) : Platform.OS !== "web" ? StyleSheet.absoluteFill : void 0,
+			className: overlayClassName,
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+				className: cn("border-border bg-popover shadow-foreground/5 web:data-[side=bottom]:slide-in-from-top-2 web:data-[side=left]:slide-in-from-right-2 web:data-[side=right]:slide-in-from-left-2 web:data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out-95", className),
+				...props
+			})
+		})
+	});
+}
+function DropdownMenuItem({ className, inset,...props }) {
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: "select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+			className: cn("native:py-2 group active:bg-accent web:cursor-default web:outline-hidden web:hover:bg-accent web:focus:bg-accent relative flex flex-row items-center gap-2 rounded-xs px-2 py-1.5", inset && "pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
+			...props
+		})
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked,...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		className: cn("web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx(View, {
+			className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+				size: 14,
+				strokeWidth: 3,
+				className: "text-foreground"
+			}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioItem({ className, children,...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		className: cn("web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(View, {
+			className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(View, { className: "bg-foreground h-2 w-2 rounded-full" }) })
+		}), children]
+	});
+}
+function DropdownMenuLabel({ className, inset,...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		className: cn("native:text-base text-foreground web:cursor-default px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className,...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+function DropdownMenuShortcut({ className,...props }) {
+	return /* @__PURE__ */ jsx(Text, {
+		className: cn("native:text-sm text-muted-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/ui/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from '@rn-primitives/dropdown-menu';\nimport * as React from 'react';\nimport {\n  Platform,\n  type StyleProp,\n  StyleSheet,\n  Text,\n  type TextProps,\n  View,\n  type ViewStyle,\n} from 'react-native';\nimport { Check } from './icons/Check';\nimport { ChevronDown } from './icons/ChevronDown';\nimport { ChevronRight } from './icons/ChevronRight';\nimport { ChevronUp } from './icons/ChevronUp';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: DropdownMenuPrimitive.SubTriggerProps & {\n  ref?: React.RefObject<DropdownMenuPrimitive.SubTriggerRef>;\n  className?: string;\n  inset?: boolean;\n  children?: React.ReactNode;\n}) {\n  const { open } = DropdownMenuPrimitive.useSubContext();\n  const Icon =\n    Platform.OS === 'web' ? ChevronRight : open ? ChevronUp : ChevronDown;\n  return (\n    <TextClassContext.Provider\n      value={cn(\n        'native:text-lg text-primary text-sm select-none',\n        open && 'native:text-accent-foreground'\n      )}\n    >\n      <DropdownMenuPrimitive.SubTrigger\n        className={cn(\n          'native:py-2 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent web:focus:bg-accent flex flex-row items-center gap-2 rounded-xs px-2 py-1.5',\n          open && 'bg-accent',\n          inset && 'pl-8',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <Icon size={18} className=\"text-foreground ml-auto\" />\n      </DropdownMenuPrimitive.SubTrigger>\n    </TextClassContext.Provider>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: DropdownMenuPrimitive.SubContentProps & {\n  ref?: React.RefObject<DropdownMenuPrimitive.SubContentRef>;\n}) {\n  const { open } = DropdownMenuPrimitive.useSubContext();\n  return (\n    <DropdownMenuPrimitive.SubContent\n      className={cn(\n        'border-border bg-popover shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md',\n        open\n          ? 'web:animate-in web:fade-in-0 web:zoom-in-95'\n          : 'web:animate-out web:fade-out-0 web:zoom-out',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  overlayClassName,\n  overlayStyle,\n  portalHost,\n  ...props\n}: DropdownMenuPrimitive.ContentProps & {\n  ref?: React.RefObject<DropdownMenuPrimitive.ContentRef>;\n  overlayStyle?: StyleProp<ViewStyle>;\n  overlayClassName?: string;\n  portalHost?: string;\n}) {\n  const { open } = DropdownMenuPrimitive.useRootContext();\n  return (\n    <DropdownMenuPrimitive.Portal hostName={portalHost}>\n      <DropdownMenuPrimitive.Overlay\n        style={\n          overlayStyle\n            ? StyleSheet.flatten([\n                Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined,\n                overlayStyle as typeof StyleSheet.absoluteFill,\n              ])\n            : Platform.OS !== 'web'\n              ? StyleSheet.absoluteFill\n              : undefined\n        }\n        className={overlayClassName}\n      >\n        <DropdownMenuPrimitive.Content\n          className={cn(\n            'border-border bg-popover shadow-foreground/5 web:data-[side=bottom]:slide-in-from-top-2 web:data-[side=left]:slide-in-from-right-2 web:data-[side=right]:slide-in-from-left-2 web:data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md',\n            open\n              ? 'web:animate-in web:fade-in-0 web:zoom-in-95'\n              : 'web:animate-out web:fade-out-0 web:zoom-out-95',\n            className\n          )}\n          {...props}\n        />\n      </DropdownMenuPrimitive.Overlay>\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  ...props\n}: DropdownMenuPrimitive.ItemProps & {\n  ref?: React.RefObject<DropdownMenuPrimitive.ItemRef>;\n  className?: string;\n  inset?: boolean;\n}) {\n  return (\n    <TextClassContext.Provider value=\"select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground\">\n      <DropdownMenuPrimitive.Item\n        className={cn(\n          'native:py-2 group active:bg-accent web:cursor-default web:outline-hidden web:hover:bg-accent web:focus:bg-accent relative flex flex-row items-center gap-2 rounded-xs px-2 py-1.5',\n          inset && 'pl-8',\n          props.disabled && 'web:pointer-events-none opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: DropdownMenuPrimitive.CheckboxItemProps & {\n  ref?: React.RefObject<DropdownMenuPrimitive.CheckboxItemRef>;\n  children?: React.ReactNode;\n}) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      className={cn(\n        'web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8',\n        props.disabled && 'web:pointer-events-none opacity-50',\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <View className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Check size={14} strokeWidth={3} className=\"text-foreground\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </View>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: DropdownMenuPrimitive.RadioItemProps & {\n  ref?: React.RefObject<DropdownMenuPrimitive.RadioItemRef>;\n  children?: React.ReactNode;\n}) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      className={cn(\n        'web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8',\n        props.disabled && 'web:pointer-events-none opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <View className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <View className=\"bg-foreground h-2 w-2 rounded-full\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </View>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: DropdownMenuPrimitive.LabelProps & {\n  ref?: React.RefObject<DropdownMenuPrimitive.LabelRef>;\n  className?: string;\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      className={cn(\n        'native:text-base text-foreground web:cursor-default px-2 py-1.5 text-sm font-semibold',\n        inset && 'pl-8',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: DropdownMenuPrimitive.SeparatorProps & {\n  ref?: React.RefObject<DropdownMenuPrimitive.SeparatorRef>;\n}) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: TextProps) {\n  return (\n    <Text\n      className={cn(\n        'native:text-sm text-muted-foreground ml-auto text-xs tracking-widest',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,eAAe,sBAAsB;AAE3C,MAAM,sBAAsB,sBAAsB;AAElD,MAAM,oBAAoB,sBAAsB;AAEhD,MAAM,qBAAqB,sBAAsB;AAEjD,MAAM,kBAAkB,sBAAsB;AAE9C,MAAM,yBAAyB,sBAAsB;AAErD,SAAS,uBAAuB,EAC9B,WACA,OACA,SACA,GAAG,SAMF;CACD,MAAM,EAAE,SAAS,sBAAsB,eAAe;CACtD,MAAM,OACJ,SAAS,OAAO,QAAQ,eAAe,OAAO,YAAY;AAC5D,QACE,oBAAC,iBAAiB;EAChB,OAAO,GACL,mDACA,QAAQ,gCACT;YAED,qBAAC,sBAAsB;GACrB,WAAW,GACT,sLACA,QAAQ,aACR,SAAS,QACT,UACD;GACD,GAAI;cAEH,UACD,oBAAC;IAAK,MAAM;IAAI,WAAU;KAA4B;IACrB;GACT;;AAIhC,SAAS,uBAAuB,EAC9B,UACA,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,sBAAsB,eAAe;AACtD,QACE,oBAAC,sBAAsB;EACrB,WAAW,GACT,+QACA,OACI,gDACA,+CACJ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,kBACA,cACA,WACA,GAAG,SAMF;CACD,MAAM,EAAE,SAAS,sBAAsB,gBAAgB;AACvD,QACE,oBAAC,sBAAsB;EAAO,UAAU;YACtC,oBAAC,sBAAsB;GACrB,OACE,eACI,WAAW,QAAQ,CACjB,SAAS,OAAO,QAAQ,WAAW,eAAe,QAClD,aACD,CAAC,GACF,SAAS,OAAO,QACd,WAAW,eACX;GAER,WAAW;aAEX,oBAAC,sBAAsB;IACrB,WAAW,GACT,0RACA,OACI,gDACA,kDACJ,UACD;IACD,GAAI;KACJ;IAC4B;GACH;;AAInC,SAAS,iBAAiB,EACxB,WACA,MACA,GAAG,SAKF;AACD,QACE,oBAAC,iBAAiB;EAAS,OAAM;YAC/B,oBAAC,sBAAsB;GACrB,WAAW,GACT,qLACA,SAAS,QACT,MAAM,YAAY,sCAClB,UACD;GACD,GAAI;IACJ;GACwB;;AAIhC,SAAS,yBAAyB,EAChC,WACA,UACA,QACA,GAAG,SAIF;AACD,QACE,qBAAC,sBAAsB;EACrB,WAAW,GACT,oKACA,MAAM,YAAY,sCAClB,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,sBAAsB,2BACrB,oBAAC;IAAM,MAAM;IAAI,aAAa;IAAG,WAAU;KAAoB,GAC3B;IACjC,EACN;GACkC;;AAIzC,SAAS,sBAAsB,EAC7B,WACA,SACA,GAAG,SAIF;AACD,QACE,qBAAC,sBAAsB;EACrB,WAAW,GACT,oKACA,MAAM,YAAY,sCAClB,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,sBAAsB,2BACrB,oBAAC,QAAK,WAAU,uCAAuC,GACnB;IACjC,EACN;GAC+B;;AAItC,SAAS,kBAAkB,EACzB,WACA,MACA,GAAG,SAKF;AACD,QACE,oBAAC,sBAAsB;EACrB,WAAW,GACT,yFACA,SAAS,QACT,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,UACA,GAAG,SAGF;AACD,QACE,oBAAC,sBAAsB;EACrB,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAAE,UAAW,GAAG,SAAoB;AAChE,QACE,oBAAC;EACC,WAAW,GACT,wEACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/empty-state.d.ts

@@ -0,0 +1,29 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
+
+//#region ui/empty-state.d.ts
+declare const containerVariants: (props?: ({
+  density?: "default" | "compact" | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
+interface EmptyStateProps extends VariantProps<typeof containerVariants> {
+  icon?: React$1.ReactNode;
+  title: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  primaryAction?: React$1.ReactNode;
+  secondaryAction?: React$1.ReactNode;
+  className?: string;
+}
+declare function EmptyState({
+  icon,
+  title,
+  description,
+  primaryAction,
+  secondaryAction,
+  className,
+  density
+}: EmptyStateProps): react_jsx_runtime51.JSX.Element;
+//#endregion
+export { EmptyState, EmptyStateProps };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/ui/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","names":[],"sources":["../../ui/empty-state.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQM;;IAUJ,+BAAA,CAAA;UAEe,eAAA,SACP,oBAAoB;EAbxB,IAAA,CAAA,EAcG,OAAA,CAAM,SAJb;EAEe,KAAA,EAGR,OAAA,CAAM,SAFb;EAA4B,WAAA,CAAA,EAGd,OAAA,CAAM,SAHQ;EACrB,aAAM,CAAA,EAGG,OAAA,CAAM,SAHT;EACN,eAAM,CAAA,EAGK,OAAA,CAAM,SAHX;EACC,SAAM,CAAA,EAAA,MAAA;;AAEF,iBAIJ,UAAA,CAJU;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,aAAA;EAAA,eAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAYvB,eAZuB,CAAA,EAYR,mBAAA,CAAA,GAAA,CAAA,OAZQ"}

package/dist/ui/empty-state.js

@@ -0,0 +1,46 @@
+import { cn } from "./utils.js";
+import { Text as Text$1 } from "./text.js";
+import { VStack } from "./stack.js";
+import { H3 } from "./typography.js";
+import "react";
+import { View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ui/empty-state.tsx
+const containerVariants = cva("items-center text-center", {
+	variants: { density: {
+		compact: "gap-3 p-6",
+		default: "gap-4 p-8"
+	} },
+	defaultVariants: { density: "default" }
+});
+function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: cn(containerVariants({ density }), className),
+		children: [
+			icon ? /* @__PURE__ */ jsx(View, {
+				className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
+				children: /* @__PURE__ */ jsx(View, {
+					className: "text-muted-foreground flex items-center justify-center",
+					children: icon
+				})
+			}) : null,
+			/* @__PURE__ */ jsxs(View, { children: [/* @__PURE__ */ jsx(H3, {
+				className: "font-medium",
+				children: title
+			}), description ? /* @__PURE__ */ jsx(View, {
+				className: "text-muted-foreground text-base",
+				children: /* @__PURE__ */ jsx(Text$1, { children: description })
+			}) : null] }),
+			(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs(View, {
+				className: "flex items-center justify-center gap-2",
+				children: [primaryAction, secondaryAction]
+			})
+		]
+	});
+}
+
+//#endregion
+export { EmptyState };
+//# sourceMappingURL=empty-state.js.map

package/dist/ui/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":["Text"],"sources":["../../ui/empty-state.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\nimport { VStack } from './stack';\nimport { H3 } from './typography';\nimport { Text } from './text';\nimport { View } from 'react-native';\n\nconst containerVariants = cva('items-center text-center', {\n  variants: {\n    density: {\n      compact: 'gap-3 p-6',\n      default: 'gap-4 p-8',\n    },\n  },\n  defaultVariants: {\n    density: 'default',\n  },\n});\n\nexport interface EmptyStateProps\n  extends VariantProps<typeof containerVariants> {\n  icon?: React.ReactNode;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  className?: string;\n}\n\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  primaryAction,\n  secondaryAction,\n  className,\n  density,\n}: EmptyStateProps) {\n  return (\n    <VStack className={cn(containerVariants({ density }), className)}>\n      {icon ? (\n        <View className=\"bg-muted flex h-12 w-12 items-center justify-center rounded-full\">\n          {/* Consumers pass their own icon; keep neutral backdrop */}\n          <View className=\"text-muted-foreground flex items-center justify-center\">\n            {icon}\n          </View>\n        </View>\n      ) : null}\n\n      <View>\n        <H3 className=\"font-medium\">{title}</H3>\n        {description ? (\n          <View className=\"text-muted-foreground text-base\">\n            <Text>{description}</Text>\n          </View>\n        ) : null}\n      </View>\n\n      {(primaryAction || secondaryAction) && (\n        <View className=\"flex items-center justify-center gap-2\">\n          {primaryAction}\n          {secondaryAction}\n        </View>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;AAQA,MAAM,oBAAoB,IAAI,4BAA4B;CACxD,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAYF,SAAgB,WAAW,EACzB,MACA,OACA,aACA,eACA,iBACA,WACA,WACkB;AAClB,QACE,qBAAC;EAAO,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;;GAC7D,OACC,oBAAC;IAAK,WAAU;cAEd,oBAAC;KAAK,WAAU;eACb;MACI;KACF,GACL;GAEJ,qBAAC,mBACC,oBAAC;IAAG,WAAU;cAAe;KAAW,EACvC,cACC,oBAAC;IAAK,WAAU;cACd,oBAACA,oBAAM,cAAmB;KACrB,GACL,QACC;IAEL,iBAAiB,oBACjB,qBAAC;IAAK,WAAU;eACb,eACA;KACI;;GAEF"}

package/dist/ui/empty.d.ts

@@ -0,0 +1,37 @@
+import { ViewProps } from "react-native";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
+
+//#region ui/empty.d.ts
+declare function Empty({
+  className,
+  ...props
+}: ViewProps): react_jsx_runtime61.JSX.Element;
+declare function EmptyHeader({
+  className,
+  ...props
+}: ViewProps): react_jsx_runtime61.JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+  variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+declare function EmptyMedia({
+  className,
+  variant,
+  ...props
+}: ViewProps & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime61.JSX.Element;
+declare function EmptyTitle({
+  className,
+  ...props
+}: ViewProps): react_jsx_runtime61.JSX.Element;
+declare function EmptyDescription({
+  className,
+  ...props
+}: ViewProps): react_jsx_runtime61.JSX.Element;
+declare function EmptyContent({
+  className,
+  ...props
+}: ViewProps): react_jsx_runtime61.JSX.Element;
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.d.ts.map

package/dist/ui/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","names":[],"sources":["../../ui/empty.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAKS,KAAA;;;GAA+B,YAAS,mBAAA,CAAA,GAAA,CAAA;iBAaxC,WAAA;;;GAAqC,YAAS,mBAAA,CAAA,GAAA,CAAA;cAajD,0BA1BQ;;AAFsC,CAAA,GAyCnD,+BAAA,CAAA,SAvCa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAyCL,UAAA,CAzCQ;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA6Cd,SA7Cc,GA6CF,YA7CE,CAAA,OA6CkB,kBA7ClB,CAAA,CAAA,EA6CqC,mBAAA,CAAA,GAAA,CAAA,OA7CrC;iBAwDR,UAAA,CAxD+B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwDK,SAxDL,CAAA,EAwDc,mBAAA,CAAA,GAAA,CAAA,OAxDd;iBAkE/B,gBAAA,CAlEwC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkEE,SAlEF,CAAA,EAkEW,mBAAA,CAAA,GAAA,CAAA,OAlEX;iBA+ExC,YAAA,CA/EwC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EF,SA/EE,CAAA,EA+EO,mBAAA,CAAA,GAAA,CAAA,OA/EP"}

package/dist/ui/empty.js

@@ -0,0 +1,63 @@
+import { cn } from "./utils.js";
+import { View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ui/empty.tsx
+function Empty({ className,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		"data-slot": "empty",
+		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className),
+		...props
+	});
+}
+function EmptyHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		"data-slot": "empty-header",
+		className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
+		...props
+	});
+}
+const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function EmptyMedia({ className, variant = "default",...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function EmptyTitle({ className,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		"data-slot": "empty-title",
+		className: cn("text-lg font-medium tracking-tight", className),
+		...props
+	});
+}
+function EmptyDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		"data-slot": "empty-description",
+		className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function EmptyContent({ className,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		"data-slot": "empty-content",
+		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
+		...props
+	});
+}
+
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.js.map

package/dist/ui/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../ui/empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from './utils';\nimport { View, type ViewProps } from 'react-native';\n\nfunction Empty({ className, ...props }: ViewProps) {\n  return (\n    <View\n      data-slot=\"empty\"\n      className={cn(\n        'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyHeader({ className, ...props }: ViewProps) {\n  return (\n    <View\n      data-slot=\"empty-header\"\n      className={cn(\n        'flex max-w-sm flex-col items-center gap-2 text-center',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst emptyMediaVariants = cva(\n  'flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nfunction EmptyMedia({\n  className,\n  variant = 'default',\n  ...props\n}: ViewProps & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <View\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyTitle({ className, ...props }: ViewProps) {\n  return (\n    <View\n      data-slot=\"empty-title\"\n      className={cn('text-lg font-medium tracking-tight', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyDescription({ className, ...props }: ViewProps) {\n  return (\n    <View\n      data-slot=\"empty-description\"\n      className={cn(\n        'text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyContent({ className, ...props }: ViewProps) {\n  return (\n    <View\n      data-slot=\"empty-content\"\n      className={cn(\n        'flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n};\n"],"mappings":";;;;;;AAKA,SAAS,MAAM,EAAE,UAAW,GAAG,SAAoB;AACjD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,gIACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,UAAW,GAAG,SAAoB;AACvD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,qBAAqB,IACzB,+FACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,WAAW,EAClB,WACA,UAAU,UACV,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAW,CAAC,CAAC;EACzD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,UAAW,GAAG,SAAoB;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,UAAW,GAAG,SAAoB;AAC5D,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,2GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,UAAW,GAAG,SAAoB;AACxD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,iFACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/fab.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
+
+//#region ui/fab.d.ts
+interface FABAction {
+  icon: React.ReactNode;
+  label: string;
+  onPress: () => void;
+  color?: string;
+}
+interface FABProps {
+  actions: FABAction[];
+  className?: string;
+  mainIcon?: React.ReactNode;
+  mainColor?: string;
+}
+declare function FAB({
+  actions,
+  className,
+  mainIcon,
+  mainColor
+}: FABProps): react_jsx_runtime67.JSX.Element;
+declare function MiniFAB({
+  icon,
+  onPress,
+  className,
+  color
+}: {
+  icon: React.ReactNode;
+  onPress: () => void;
+  className?: string;
+  color?: string;
+}): react_jsx_runtime67.JSX.Element;
+//#endregion
+export { FAB, MiniFAB };
+//# sourceMappingURL=fab.d.ts.map

package/dist/ui/fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.d.ts","names":[],"sources":["../../ui/fab.tsx"],"sourcesContent":[],"mappings":";;;;UAUU,SAAA;QACF,KAAA,CAAM;;EADJ,OAAA,EAAA,GAAS,GAAA,IAAA;EAOT,KAAA,CAAA,EAAA,MAAQ;AASlB;UATU,QAAA,CAUR;EACA,OAAA,EAVS,SAUT,EAAA;EACA,SAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAVW,KAAA,CAAM,SAUjB;EACC,SAAA,CAAA,EAAA,MAAA;;AAAQ,iBALK,GAAA,CAKL;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAR,QAAQ,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA;AAuHK,iBAAA,OAAA,CAAO;EAAA,IAAA;EAAA,OAAA;EAAA,SAAA;EAAA;CAAA,EAAA;EACrB,IAAA,EAKM,KAAA,CAAM,SALZ;EACA,OAAA,EAAA,GAAA,GAAA,IAAA;EACA,SAAA,CAAA,EAAA,MAAA;EACA,KAAA,CAAA,EAAA,MAAA;CAEM,CAAA,EAIP,mBAAA,CAAA,GAAA,CAAA,OAJa"}

package/dist/ui/fab.js

@@ -0,0 +1,104 @@
+import { cn } from "./utils.js";
+import React, { useState } from "react";
+import { Pressable, StyleSheet, View } from "react-native";
+import Animated, { useAnimatedStyle, withSpring, withTiming } from "react-native-reanimated";
+import { Plus, X } from "lucide-react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/fab.tsx
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+function FAB({ actions, className, mainIcon, mainColor = "bg-primary" }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const toggleMenu = () => {
+		setIsOpen(!isOpen);
+	};
+	const rotation = useAnimatedStyle(() => {
+		return { transform: [{ rotate: withSpring(isOpen ? "45deg" : "0deg", {
+			damping: 15,
+			stiffness: 150
+		}) }] };
+	});
+	return /* @__PURE__ */ jsxs(View, {
+		className: cn("absolute right-4 bottom-24 z-50", className),
+		children: [
+			isOpen && /* @__PURE__ */ jsx(Pressable, {
+				style: StyleSheet.absoluteFillObject,
+				className: "fixed inset-0 -top-full -left-full h-[200%] w-[200%]",
+				onPress: () => setIsOpen(false)
+			}),
+			actions.map((action, index) => {
+				return /* @__PURE__ */ jsx(AnimatedPressable, {
+					style: [useAnimatedStyle(() => {
+						return {
+							transform: [{ translateY: withSpring(isOpen ? -(index + 1) * 65 : 0, {
+								damping: 15,
+								stiffness: 150,
+								mass: 1 + index * .1
+							}) }],
+							opacity: withTiming(isOpen ? 1 : 0, { duration: 200 }),
+							pointerEvents: isOpen ? "auto" : "none"
+						};
+					}), useAnimatedStyle(() => {
+						return { transform: [{ scale: withSpring(isOpen ? 1 : .8, {
+							damping: 15,
+							stiffness: 150
+						}) }] };
+					})],
+					className: "absolute right-0 bottom-0",
+					onPress: () => {
+						action.onPress();
+						setIsOpen(false);
+					},
+					children: /* @__PURE__ */ jsx(View, {
+						className: cn("h-12 w-12 items-center justify-center rounded-full shadow-lg", action.color || "bg-secondary"),
+						children: action.icon
+					})
+				}, index);
+			}),
+			/* @__PURE__ */ jsx(AnimatedPressable, {
+				onPress: toggleMenu,
+				className: cn("h-14 w-14 items-center justify-center rounded-full shadow-xl", mainColor),
+				style: [rotation, {
+					shadowColor: "#000",
+					shadowOffset: {
+						width: 0,
+						height: 4
+					},
+					shadowOpacity: .3,
+					shadowRadius: 8,
+					elevation: 8
+				}],
+				children: isOpen ? /* @__PURE__ */ jsx(X, {
+					size: 24,
+					color: "white",
+					strokeWidth: 2.5
+				}) : mainIcon || /* @__PURE__ */ jsx(Plus, {
+					size: 24,
+					color: "white",
+					strokeWidth: 2.5
+				})
+			})
+		]
+	});
+}
+function MiniFAB({ icon, onPress, className, color = "bg-primary" }) {
+	return /* @__PURE__ */ jsx(Pressable, {
+		onPress,
+		className: cn("h-12 w-12 items-center justify-center rounded-full shadow-lg", color, className),
+		style: {
+			shadowColor: "#000",
+			shadowOffset: {
+				width: 0,
+				height: 2
+			},
+			shadowOpacity: .25,
+			shadowRadius: 4,
+			elevation: 5
+		},
+		children: icon
+	});
+}
+
+//#endregion
+export { FAB, MiniFAB };
+//# sourceMappingURL=fab.js.map

package/dist/ui/fab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.js","names":[],"sources":["../../ui/fab.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable, StyleSheet, View } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated';\nimport { cn } from './utils';\nimport { Plus, X } from 'lucide-react-native';\n\ninterface FABAction {\n  icon: React.ReactNode;\n  label: string;\n  onPress: () => void;\n  color?: string;\n}\n\ninterface FABProps {\n  actions: FABAction[];\n  className?: string;\n  mainIcon?: React.ReactNode;\n  mainColor?: string;\n}\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport function FAB({\n  actions,\n  className,\n  mainIcon,\n  mainColor = 'bg-primary',\n}: FABProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggleMenu = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const rotation = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          rotate: withSpring(isOpen ? '45deg' : '0deg', {\n            damping: 15,\n            stiffness: 150,\n          }),\n        },\n      ],\n    };\n  });\n\n  return (\n    <View className={cn('absolute right-4 bottom-24 z-50', className)}>\n      {/* Backdrop */}\n      {isOpen && (\n        <Pressable\n          style={StyleSheet.absoluteFillObject}\n          className=\"fixed inset-0 -top-full -left-full h-[200%] w-[200%]\"\n          onPress={() => setIsOpen(false)}\n        />\n      )}\n\n      {/* Action buttons */}\n      {actions.map((action, index) => {\n        const translateY = useAnimatedStyle(() => {\n          const baseTranslation = isOpen ? -(index + 1) * 65 : 0;\n          return {\n            transform: [\n              {\n                translateY: withSpring(baseTranslation, {\n                  damping: 15,\n                  stiffness: 150,\n                  mass: 1 + index * 0.1,\n                }),\n              },\n            ],\n            opacity: withTiming(isOpen ? 1 : 0, {\n              duration: 200,\n            }),\n            pointerEvents: isOpen ? 'auto' : 'none',\n          };\n        });\n\n        const scale = useAnimatedStyle(() => {\n          return {\n            transform: [\n              {\n                scale: withSpring(isOpen ? 1 : 0.8, {\n                  damping: 15,\n                  stiffness: 150,\n                }),\n              },\n            ],\n          };\n        });\n\n        return (\n          <AnimatedPressable\n            key={index}\n            style={[translateY, scale]}\n            className=\"absolute right-0 bottom-0\"\n            onPress={() => {\n              action.onPress();\n              setIsOpen(false);\n            }}\n          >\n            <View\n              className={cn(\n                'h-12 w-12 items-center justify-center rounded-full shadow-lg',\n                action.color || 'bg-secondary'\n              )}\n            >\n              {action.icon}\n            </View>\n          </AnimatedPressable>\n        );\n      })}\n\n      {/* Main FAB button */}\n      <AnimatedPressable\n        onPress={toggleMenu}\n        className={cn(\n          'h-14 w-14 items-center justify-center rounded-full shadow-xl',\n          mainColor\n        )}\n        style={[\n          rotation,\n          {\n            shadowColor: '#000',\n            shadowOffset: {\n              width: 0,\n              height: 4,\n            },\n            shadowOpacity: 0.3,\n            shadowRadius: 8,\n            elevation: 8,\n          },\n        ]}\n      >\n        {isOpen ? (\n          <X size={24} color=\"white\" strokeWidth={2.5} />\n        ) : (\n          mainIcon || <Plus size={24} color=\"white\" strokeWidth={2.5} />\n        )}\n      </AnimatedPressable>\n    </View>\n  );\n}\n\n// Mini FAB for single actions\nexport function MiniFAB({\n  icon,\n  onPress,\n  className,\n  color = 'bg-primary',\n}: {\n  icon: React.ReactNode;\n  onPress: () => void;\n  className?: string;\n  color?: string;\n}) {\n  return (\n    <Pressable\n      onPress={onPress}\n      className={cn(\n        'h-12 w-12 items-center justify-center rounded-full shadow-lg',\n        color,\n        className\n      )}\n      style={{\n        shadowColor: '#000',\n        shadowOffset: {\n          width: 0,\n          height: 2,\n        },\n        shadowOpacity: 0.25,\n        shadowRadius: 4,\n        elevation: 5,\n      }}\n    >\n      {icon}\n    </Pressable>\n  );\n}\n"],"mappings":";;;;;;;;AAwBA,MAAM,oBAAoB,SAAS,wBAAwB,UAAU;AAErE,SAAgB,IAAI,EAClB,SACA,WACA,UACA,YAAY,gBACD;CACX,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAE3C,MAAM,mBAAmB;AACvB,YAAU,CAAC,OAAO;;CAGpB,MAAM,WAAW,uBAAuB;AACtC,SAAO,EACL,WAAW,CACT,EACE,QAAQ,WAAW,SAAS,UAAU,QAAQ;GAC5C,SAAS;GACT,WAAW;GACZ,CAAC,EACH,CACF,EACF;GACD;AAEF,QACE,qBAAC;EAAK,WAAW,GAAG,mCAAmC,UAAU;;GAE9D,UACC,oBAAC;IACC,OAAO,WAAW;IAClB,WAAU;IACV,eAAe,UAAU,MAAM;KAC/B;GAIH,QAAQ,KAAK,QAAQ,UAAU;AAiC9B,WACE,oBAAC;KAEC,OAAO,CAnCQ,uBAAuB;AAExC,aAAO;OACL,WAAW,CACT,EACE,YAAY,WAJM,SAAS,EAAE,QAAQ,KAAK,KAAK,GAIP;QACtC,SAAS;QACT,WAAW;QACX,MAAM,IAAI,QAAQ;QACnB,CAAC,EACH,CACF;OACD,SAAS,WAAW,SAAS,IAAI,GAAG,EAClC,UAAU,KACX,CAAC;OACF,eAAe,SAAS,SAAS;OAClC;OACD,EAEY,uBAAuB;AACnC,aAAO,EACL,WAAW,CACT,EACE,OAAO,WAAW,SAAS,IAAI,IAAK;OAClC,SAAS;OACT,WAAW;OACZ,CAAC,EACH,CACF,EACF;OACD,CAK4B;KAC1B,WAAU;KACV,eAAe;AACb,aAAO,SAAS;AAChB,gBAAU,MAAM;;eAGlB,oBAAC;MACC,WAAW,GACT,gEACA,OAAO,SAAS,eACjB;gBAEA,OAAO;OACH;OAfF,MAgBa;KAEtB;GAGF,oBAAC;IACC,SAAS;IACT,WAAW,GACT,gEACA,UACD;IACD,OAAO,CACL,UACA;KACE,aAAa;KACb,cAAc;MACZ,OAAO;MACP,QAAQ;MACT;KACD,eAAe;KACf,cAAc;KACd,WAAW;KACZ,CACF;cAEA,SACC,oBAAC;KAAE,MAAM;KAAI,OAAM;KAAQ,aAAa;MAAO,GAE/C,YAAY,oBAAC;KAAK,MAAM;KAAI,OAAM;KAAQ,aAAa;MAAO;KAE9C;;GACf;;AAKX,SAAgB,QAAQ,EACtB,MACA,SACA,WACA,QAAQ,gBAMP;AACD,QACE,oBAAC;EACU;EACT,WAAW,GACT,gEACA,OACA,UACD;EACD,OAAO;GACL,aAAa;GACb,cAAc;IACZ,OAAO;IACP,QAAQ;IACT;GACD,eAAe;GACf,cAAc;GACd,WAAW;GACZ;YAEA;GACS"}