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

package/dist/ui/marketing/PricingTable.js

@@ -0,0 +1,60 @@
+import { cn } from "../utils.js";
+import { Button } from "../button.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "expo-router";
+
+//#region ui/marketing/PricingTable.tsx
+function PricingTable({ tiers, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cn("mx-auto max-w-6xl py-12", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-1 gap-6 md:grid-cols-3",
+			children: tiers.map((t, idx) => /* @__PURE__ */ jsxs("div", {
+				className: cn("flex flex-col rounded-lg border p-6", t.highlighted && "border-primary shadow-lg"),
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground mb-2 text-base font-medium",
+						children: t.name
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "text-3xl font-semibold",
+						children: t.price
+					}),
+					t.tagline && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground mt-1 text-base",
+						children: t.tagline
+					}),
+					/* @__PURE__ */ jsx("ul", {
+						className: "mt-4 space-y-2 text-base",
+						children: t.features.map((f, i) => /* @__PURE__ */ jsxs("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ jsx("span", { className: "bg-primary mt-1 h-1.5 w-1.5 rounded-full" }), /* @__PURE__ */ jsx("span", { children: f })]
+						}, i))
+					}),
+					t.cta && /* @__PURE__ */ jsx("div", {
+						className: "mt-6",
+						children: t.cta.href ? /* @__PURE__ */ jsx(Button, {
+							className: "w-full",
+							children: /* @__PURE__ */ jsx(Link, {
+								href: t.cta.href,
+								children: t.cta.label
+							})
+						}) : /* @__PURE__ */ jsx(Button, {
+							className: "w-full",
+							onPress: t.cta.onClick,
+							children: t.cta.label
+						})
+					})
+				]
+			}, idx))
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-6 text-center text-base",
+			children: "Usage-based tiers inspired by generous free allowances and per-unit pricing."
+		})]
+	});
+}
+
+//#endregion
+export { PricingTable };
+//# sourceMappingURL=PricingTable.js.map

package/dist/ui/marketing/PricingTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingTable.js","names":[],"sources":["../../../ui/marketing/PricingTable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../button';\nimport { cn } from '../utils';\nimport { Link } from 'expo-router';\n\nexport interface PricingTier {\n  name: string;\n  price: string;\n  tagline?: string;\n  features: string[];\n  cta?: { label: string; href?: string; onClick?: () => void };\n  highlighted?: boolean;\n}\n\nexport function PricingTable({\n  tiers,\n  className,\n}: {\n  tiers: PricingTier[];\n  className?: string;\n}) {\n  return (\n    <section className={cn('mx-auto max-w-6xl py-12', className)}>\n      <div className=\"grid grid-cols-1 gap-6 md:grid-cols-3\">\n        {tiers.map((t, idx) => (\n          <div\n            key={idx}\n            className={cn(\n              'flex flex-col rounded-lg border p-6',\n              t.highlighted && 'border-primary shadow-lg'\n            )}\n          >\n            <div className=\"text-muted-foreground mb-2 text-base font-medium\">\n              {t.name}\n            </div>\n            <div className=\"text-3xl font-semibold\">{t.price}</div>\n            {t.tagline && (\n              <div className=\"text-muted-foreground mt-1 text-base\">\n                {t.tagline}\n              </div>\n            )}\n            <ul className=\"mt-4 space-y-2 text-base\">\n              {t.features.map((f, i) => (\n                <li key={i} className=\"flex items-start gap-2\">\n                  <span className=\"bg-primary mt-1 h-1.5 w-1.5 rounded-full\" />\n                  <span>{f}</span>\n                </li>\n              ))}\n            </ul>\n            {t.cta && (\n              <div className=\"mt-6\">\n                {t.cta.href ? (\n                  <Button className=\"w-full\">\n                    <Link href={t.cta.href}>{t.cta.label}</Link>\n                  </Button>\n                ) : (\n                  <Button className=\"w-full\" onPress={t.cta.onClick}>\n                    {t.cta.label}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n      <p className=\"text-muted-foreground mt-6 text-center text-base\">\n        Usage-based tiers inspired by generous free allowances and per-unit\n        pricing.\n      </p>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,aAAa,EAC3B,OACA,aAIC;AACD,QACE,qBAAC;EAAQ,WAAW,GAAG,2BAA2B,UAAU;aAC1D,oBAAC;GAAI,WAAU;aACZ,MAAM,KAAK,GAAG,QACb,qBAAC;IAEC,WAAW,GACT,uCACA,EAAE,eAAe,2BAClB;;KAED,oBAAC;MAAI,WAAU;gBACZ,EAAE;OACC;KACN,oBAAC;MAAI,WAAU;gBAA0B,EAAE;OAAY;KACtD,EAAE,WACD,oBAAC;MAAI,WAAU;gBACZ,EAAE;OACC;KAER,oBAAC;MAAG,WAAU;gBACX,EAAE,SAAS,KAAK,GAAG,MAClB,qBAAC;OAAW,WAAU;kBACpB,oBAAC,UAAK,WAAU,6CAA6C,EAC7D,oBAAC,oBAAM,IAAS;SAFT,EAGJ,CACL;OACC;KACJ,EAAE,OACD,oBAAC;MAAI,WAAU;gBACZ,EAAE,IAAI,OACL,oBAAC;OAAO,WAAU;iBAChB,oBAAC;QAAK,MAAM,EAAE,IAAI;kBAAO,EAAE,IAAI;SAAa;QACrC,GAET,oBAAC;OAAO,WAAU;OAAS,SAAS,EAAE,IAAI;iBACvC,EAAE,IAAI;QACA;OAEP;;MAlCH,IAoCD,CACN;IACE,EACN,oBAAC;GAAE,WAAU;aAAmD;IAG5D;GACI"}

package/dist/ui/marketing/index.d.ts

@@ -0,0 +1,4 @@
+import { FeatureGrid, FeatureItem } from "./FeatureGrid.js";
+import { Hero } from "./Hero.js";
+import { PricingTable, PricingTier } from "./PricingTable.js";
+export { FeatureGrid, type FeatureItem, Hero, PricingTable, type PricingTier };

package/dist/ui/marketing/index.js

@@ -0,0 +1,5 @@
+import { FeatureGrid } from "./FeatureGrid.js";
+import { Hero } from "./Hero.js";
+import { PricingTable } from "./PricingTable.js";
+
+export { FeatureGrid, Hero, PricingTable };

package/dist/ui/menubar.d.ts

@@ -0,0 +1,115 @@
+import * as React$1 from "react";
+import * as react_native29 from "react-native";
+import { TextProps, View } from "react-native";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as MenubarPrimitive from "@rn-primitives/menubar";
+
+//#region ui/menubar.d.ts
+declare const MenubarMenu: React$1.ForwardRefExoticComponent<react_native29.ViewProps & {
+  asChild?: boolean;
+} & {
+  value: string | undefined;
+} & React$1.RefAttributes<View>>;
+declare const MenubarGroup: React$1.ForwardRefExoticComponent<react_native29.ViewProps & {
+  asChild?: boolean;
+} & React$1.RefAttributes<View>>;
+declare const MenubarPortal: typeof MenubarPrimitive.Portal;
+declare const MenubarSub: React$1.ForwardRefExoticComponent<react_native29.ViewProps & {
+  asChild?: boolean;
+} & {
+  defaultOpen?: boolean;
+  open?: boolean;
+  onOpenChange?: (value: boolean) => void;
+} & React$1.RefAttributes<View>>;
+declare const MenubarRadioGroup: React$1.ForwardRefExoticComponent<react_native29.ViewProps & {
+  asChild?: boolean;
+} & {
+  value: string | undefined;
+  onValueChange: (value: string) => void;
+} & React$1.RefAttributes<View>>;
+declare function Menubar({
+  className,
+  ...props
+}: MenubarPrimitive.RootProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.RootRef>;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarTrigger({
+  className,
+  ...props
+}: MenubarPrimitive.TriggerProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.TriggerRef>;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: MenubarPrimitive.SubTriggerProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.SubTriggerRef>;
+  className?: string;
+  inset?: boolean;
+  children?: React$1.ReactNode;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarSubContent({
+  className,
+  ...props
+}: MenubarPrimitive.SubContentProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.SubContentRef>;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarContent({
+  className,
+  portalHost,
+  ...props
+}: MenubarPrimitive.ContentProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.ContentRef>;
+  className?: string;
+  portalHost?: string;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarItem({
+  className,
+  inset,
+  ...props
+}: MenubarPrimitive.ItemProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.ItemRef>;
+  className?: string;
+  inset?: boolean;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: MenubarPrimitive.CheckboxItemProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.CheckboxItemRef>;
+  children?: React$1.ReactNode;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}: MenubarPrimitive.RadioItemProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.RadioItemRef>;
+  children?: React$1.ReactNode;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: MenubarPrimitive.LabelProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.LabelRef>;
+  className?: string;
+  inset?: boolean;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarSeparator({
+  className,
+  ...props
+}: MenubarPrimitive.SeparatorProps & {
+  ref?: React$1.RefObject<MenubarPrimitive.SeparatorRef>;
+}): react_jsx_runtime91.JSX.Element;
+declare function MenubarShortcut({
+  className,
+  ...props
+}: TextProps): react_jsx_runtime91.JSX.Element;
+//#endregion
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=menubar.d.ts.map

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

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

package/dist/ui/menubar.js

@@ -0,0 +1,120 @@
+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, Text, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as MenubarPrimitive from "@rn-primitives/menubar";
+
+//#region ui/menubar.tsx
+const MenubarMenu = MenubarPrimitive.Menu;
+const MenubarGroup = MenubarPrimitive.Group;
+const MenubarPortal = MenubarPrimitive.Portal;
+const MenubarSub = MenubarPrimitive.Sub;
+const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+function Menubar({ className,...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
+		className: cn("native:h-12 border-border bg-background flex h-10 flex-row items-center gap-x-1 rounded-md border p-1", className),
+		...props
+	});
+}
+function MenubarTrigger({ className,...props }) {
+	const { value } = MenubarPrimitive.useRootContext();
+	const { value: itemValue } = MenubarPrimitive.useMenuContext();
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, {
+		className: cn("native:h-10 native:px-5 native:py-0 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:focus:bg-accent web:focus:text-accent-foreground flex flex-row items-center rounded-xs px-3 py-1.5 text-sm font-medium", value === itemValue && "bg-accent text-accent-foreground", className),
+		...props
+	});
+}
+function MenubarSubTrigger({ className, inset, children,...props }) {
+	const { open } = MenubarPrimitive.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(MenubarPrimitive.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 MenubarSubContent({ className,...props }) {
+	const { open } = MenubarPrimitive.useSubContext();
+	return /* @__PURE__ */ jsx(MenubarPrimitive.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 MenubarContent({ className, portalHost,...props }) {
+	const { value } = MenubarPrimitive.useRootContext();
+	const { value: itemValue } = MenubarPrimitive.useMenuContext();
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, {
+		hostName: portalHost,
+		children: /* @__PURE__ */ jsx(MenubarPrimitive.Content, {
+			className: cn("border-border bg-popover shadow-foreground/5 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", value === itemValue ? "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 MenubarItem({ 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(MenubarPrimitive.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 MenubarCheckboxItem({ className, children, checked,...props }) {
+	return /* @__PURE__ */ jsxs(MenubarPrimitive.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(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+				size: 14,
+				strokeWidth: 3,
+				className: "text-foreground"
+			}) })
+		}), children]
+	});
+}
+function MenubarRadioItem({ className, children,...props }) {
+	return /* @__PURE__ */ jsxs(MenubarPrimitive.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(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(View, { className: "bg-foreground h-2 w-2 rounded-full" }) })
+		}), children]
+	});
+}
+function MenubarLabel({ className, inset,...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.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 MenubarSeparator({ className,...props }) {
+	return /* @__PURE__ */ jsx(MenubarPrimitive.Separator, {
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+function MenubarShortcut({ className,...props }) {
+	return /* @__PURE__ */ jsx(Text, {
+		className: cn("native:text-sm text-muted-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+
+//#endregion
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=menubar.js.map

package/dist/ui/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","names":[],"sources":["../../ui/menubar.tsx"],"sourcesContent":["import * as MenubarPrimitive from '@rn-primitives/menubar';\nimport * as React from 'react';\nimport { Platform, Text, type TextProps, View } 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 MenubarMenu = MenubarPrimitive.Menu;\n\nconst MenubarGroup = MenubarPrimitive.Group;\n\nconst MenubarPortal = MenubarPrimitive.Portal;\n\nconst MenubarSub = MenubarPrimitive.Sub;\n\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\nfunction Menubar({\n  className,\n  ...props\n}: MenubarPrimitive.RootProps & {\n  ref?: React.RefObject<MenubarPrimitive.RootRef>;\n}) {\n  return (\n    <MenubarPrimitive.Root\n      className={cn(\n        'native:h-12 border-border bg-background flex h-10 flex-row items-center gap-x-1 rounded-md border p-1',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: MenubarPrimitive.TriggerProps & {\n  ref?: React.RefObject<MenubarPrimitive.TriggerRef>;\n}) {\n  const { value } = MenubarPrimitive.useRootContext();\n  const { value: itemValue } = MenubarPrimitive.useMenuContext();\n\n  return (\n    <MenubarPrimitive.Trigger\n      className={cn(\n        'native:h-10 native:px-5 native:py-0 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:focus:bg-accent web:focus:text-accent-foreground flex flex-row items-center rounded-xs px-3 py-1.5 text-sm font-medium',\n        value === itemValue && 'bg-accent text-accent-foreground',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: MenubarPrimitive.SubTriggerProps & {\n  ref?: React.RefObject<MenubarPrimitive.SubTriggerRef>;\n  className?: string;\n  inset?: boolean;\n  children?: React.ReactNode;\n}) {\n  const { open } = MenubarPrimitive.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      <MenubarPrimitive.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      </MenubarPrimitive.SubTrigger>\n    </TextClassContext.Provider>\n  );\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: MenubarPrimitive.SubContentProps & {\n  ref?: React.RefObject<MenubarPrimitive.SubContentRef>;\n}) {\n  const { open } = MenubarPrimitive.useSubContext();\n  return (\n    <MenubarPrimitive.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 MenubarContent({\n  className,\n  portalHost,\n  ...props\n}: MenubarPrimitive.ContentProps & {\n  ref?: React.RefObject<MenubarPrimitive.ContentRef>;\n  className?: string;\n  portalHost?: string;\n}) {\n  const { value } = MenubarPrimitive.useRootContext();\n  const { value: itemValue } = MenubarPrimitive.useMenuContext();\n  return (\n    <MenubarPrimitive.Portal hostName={portalHost}>\n      <MenubarPrimitive.Content\n        className={cn(\n          'border-border bg-popover shadow-foreground/5 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md',\n          value === itemValue\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    </MenubarPrimitive.Portal>\n  );\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  ...props\n}: MenubarPrimitive.ItemProps & {\n  ref?: React.RefObject<MenubarPrimitive.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      <MenubarPrimitive.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 MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: MenubarPrimitive.CheckboxItemProps & {\n  ref?: React.RefObject<MenubarPrimitive.CheckboxItemRef>;\n  children?: React.ReactNode;\n}) {\n  return (\n    <MenubarPrimitive.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        <MenubarPrimitive.ItemIndicator>\n          <Check size={14} strokeWidth={3} className=\"text-foreground\" />\n        </MenubarPrimitive.ItemIndicator>\n      </View>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: MenubarPrimitive.RadioItemProps & {\n  ref?: React.RefObject<MenubarPrimitive.RadioItemRef>;\n  children?: React.ReactNode;\n}) {\n  return (\n    <MenubarPrimitive.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        <MenubarPrimitive.ItemIndicator>\n          <View className=\"bg-foreground h-2 w-2 rounded-full\" />\n        </MenubarPrimitive.ItemIndicator>\n      </View>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: MenubarPrimitive.LabelProps & {\n  ref?: React.RefObject<MenubarPrimitive.LabelRef>;\n  className?: string;\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.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 MenubarSeparator({\n  className,\n  ...props\n}: MenubarPrimitive.SeparatorProps & {\n  ref?: React.RefObject<MenubarPrimitive.SeparatorRef>;\n}) {\n  return (\n    <MenubarPrimitive.Separator\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarShortcut({ 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  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n"],"mappings":"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"}

package/dist/ui/molecules/Autocomplete/index.d.ts

@@ -0,0 +1,5 @@
+//#region ui/molecules/Autocomplete/index.d.ts
+declare const autocomplete = "todo";
+//#endregion
+export { autocomplete };
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/Autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../ui/molecules/Autocomplete/index.tsx"],"sourcesContent":[],"mappings":";cAAa,YAAA"}

package/dist/ui/molecules/Autocomplete/index.js

@@ -0,0 +1,6 @@
+//#region ui/molecules/Autocomplete/index.tsx
+const autocomplete = "todo";
+
+//#endregion
+export { autocomplete };
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/Autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../ui/molecules/Autocomplete/index.tsx"],"sourcesContent":["export const autocomplete = 'todo';\n"],"mappings":";AAAA,MAAa,eAAe"}

package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.d.ts

@@ -0,0 +1,8 @@
+import { SearchAndFilterProps } from "./types.js";
+import React from "react";
+
+//#region ui/molecules/SearchAndFilter/SearchAndFilter.d.ts
+declare const SearchAndFilter: React.FC<SearchAndFilterProps>;
+//#endregion
+export { SearchAndFilter };
+//# sourceMappingURL=SearchAndFilter.d.ts.map

package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAndFilter.d.ts","names":[],"sources":["../../../../ui/molecules/SearchAndFilter/SearchAndFilter.tsx"],"sourcesContent":[],"mappings":";;;;cAYa,iBAAiB,KAAA,CAAM,GAAG"}

package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js

@@ -0,0 +1,106 @@
+import { Button } from "../../button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../collapsible.js";
+import { FilterSelect } from "../../atoms/FilterSelect/FilterSelect.js";
+import { SearchInput } from "../../atoms/SearchInput/SearchInput.js";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp, Filter } from "lucide-react";
+
+//#region ui/molecules/SearchAndFilter/SearchAndFilter.tsx
+const SearchAndFilter = ({ searchValue, onSearchChange, searchPlaceholder, filters = [], isLoading = false, disabled = false, className = "", collapsible = true, defaultCollapsed = false }) => {
+	const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+	const hasFilters = filters.length > 0;
+	const activeFiltersCount = filters.filter((f) => f.value).length;
+	const shouldUseCollapsible = collapsible && hasFilters;
+	console.log("SearchAndFilter", { filters });
+	const FilterComponents = () => /* @__PURE__ */ jsx("div", {
+		className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+		children: filters.map((filter) => /* @__PURE__ */ jsx(FilterSelect, {
+			value: {
+				value: filter.value,
+				label: filter.value
+			},
+			options: filter.options,
+			onChange: filter.onChange,
+			label: filter.label,
+			disabled: disabled || isLoading,
+			showCounts: filter.showCounts,
+			className: "min-w-0"
+		}, filter.key))
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: `space-y-4 ${className}`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-4 sm:flex-row",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ jsx(SearchInput, {
+						value: searchValue,
+						onChange: onSearchChange,
+						placeholder: searchPlaceholder,
+						disabled: disabled || isLoading,
+						className: "w-full"
+					})
+				}), shouldUseCollapsible && /* @__PURE__ */ jsxs(Collapsible, {
+					open: !isCollapsed,
+					onOpenChange: setIsCollapsed,
+					className: "sm:hidden",
+					children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Button, {
+							variant: "outline",
+							className: "sm:hidden",
+							disabled: disabled || isLoading,
+							children: [
+								/* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
+								"Filtres",
+								activeFiltersCount > 0 && /* @__PURE__ */ jsx("span", {
+									className: "bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm",
+									children: activeFiltersCount
+								}),
+								isCollapsed ? /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronUp, { className: "ml-2 h-4 w-4" })
+							]
+						})
+					}), /* @__PURE__ */ jsx(CollapsibleContent, {
+						className: "mt-4 space-y-4",
+						children: /* @__PURE__ */ jsx(FilterComponents, {})
+					})]
+				})]
+			}),
+			hasFilters && /* @__PURE__ */ jsx("div", {
+				className: "hidden sm:block",
+				children: /* @__PURE__ */ jsx(FilterComponents, {})
+			}),
+			activeFiltersCount > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-base",
+					children: "Filtres actifs:"
+				}), filters.filter((f) => f.value).map((filter) => {
+					const selectedOption = filter.options.find((opt) => opt.value === filter.value);
+					return /* @__PURE__ */ jsxs(Button, {
+						variant: "secondary",
+						size: "sm",
+						onPress: () => filter.onChange(void 0),
+						disabled: disabled || isLoading,
+						className: "h-7 px-2 text-sm",
+						children: [
+							filter.label,
+							": ",
+							selectedOption?.label,
+							/* @__PURE__ */ jsx("span", {
+								className: "ml-1",
+								children: "×"
+							})
+						]
+					}, filter.key);
+				})]
+			})
+		]
+	});
+};
+
+//#endregion
+export { SearchAndFilter };
+//# sourceMappingURL=SearchAndFilter.js.map

package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAndFilter.js","names":["SearchAndFilter: React.FC<SearchAndFilterProps>"],"sources":["../../../../ui/molecules/SearchAndFilter/SearchAndFilter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronUp, Filter } from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../../collapsible';\nimport { SearchInput } from '../../atoms/SearchInput';\nimport { FilterSelect } from '../../atoms/FilterSelect';\nimport type { SearchAndFilterProps } from './types';\n\nexport const SearchAndFilter: React.FC<SearchAndFilterProps> = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  filters = [],\n  isLoading = false,\n  disabled = false,\n  className = '',\n  collapsible = true,\n  defaultCollapsed = false,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\n  const hasFilters = filters.length > 0;\n  const activeFiltersCount = filters.filter((f) => f.value).length;\n\n  // On mobile, show collapsible by default; on desktop, always show filters\n  const shouldUseCollapsible = collapsible && hasFilters;\n\n  console.log('SearchAndFilter', { filters });\n\n  const FilterComponents = () => (\n    <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n      {filters.map((filter) => (\n        <FilterSelect\n          key={filter.key}\n          value={{ value: filter.value, label: filter.value }}\n          options={filter.options}\n          onChange={filter.onChange}\n          label={filter.label}\n          disabled={disabled || isLoading}\n          showCounts={filter.showCounts}\n          className=\"min-w-0\"\n        />\n      ))}\n    </div>\n  );\n\n  return (\n    <div className={`space-y-4 ${className}`}>\n      {/* Search - Always visible */}\n      <div className=\"flex flex-col gap-4 sm:flex-row\">\n        <div className=\"flex-1\">\n          <SearchInput\n            value={searchValue}\n            onChange={onSearchChange}\n            placeholder={searchPlaceholder}\n            disabled={disabled || isLoading}\n            className=\"w-full\"\n          />\n        </div>\n\n        {/* Filter toggle for mobile */}\n        {shouldUseCollapsible && (\n          <Collapsible\n            open={!isCollapsed}\n            onOpenChange={setIsCollapsed}\n            className=\"sm:hidden\"\n          >\n            <CollapsibleTrigger asChild>\n              <Button\n                variant=\"outline\"\n                className=\"sm:hidden\"\n                disabled={disabled || isLoading}\n              >\n                <Filter className=\"mr-2 h-4 w-4\" />\n                Filtres\n                {activeFiltersCount > 0 && (\n                  <span className=\"bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm\">\n                    {activeFiltersCount}\n                  </span>\n                )}\n                {isCollapsed ? (\n                  <ChevronDown className=\"ml-2 h-4 w-4\" />\n                ) : (\n                  <ChevronUp className=\"ml-2 h-4 w-4\" />\n                )}\n              </Button>\n            </CollapsibleTrigger>\n            <CollapsibleContent className=\"mt-4 space-y-4\">\n              <FilterComponents />\n            </CollapsibleContent>\n          </Collapsible>\n        )}\n      </div>\n\n      {/* Filters - Always visible on desktop, collapsible on mobile */}\n      {hasFilters && (\n        <div className=\"hidden sm:block\">\n          <FilterComponents />\n        </div>\n      )}\n\n      {/* Active filters summary */}\n      {activeFiltersCount > 0 && (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"text-muted-foreground text-base\">\n            Filtres actifs:\n          </span>\n          {filters\n            .filter((f) => f.value)\n            .map((filter) => {\n              const selectedOption = filter.options.find(\n                (opt) => opt.value === filter.value\n              );\n              return (\n                <Button\n                  key={filter.key}\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onPress={() => filter.onChange(undefined)}\n                  disabled={disabled || isLoading}\n                  className=\"h-7 px-2 text-sm\"\n                >\n                  {filter.label}: {selectedOption?.label}\n                  <span className=\"ml-1\">×</span>\n                </Button>\n              );\n            })}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAYA,MAAaA,mBAAmD,EAC9D,aACA,gBACA,mBACA,UAAU,EAAE,EACZ,YAAY,OACZ,WAAW,OACX,YAAY,IACZ,cAAc,MACd,mBAAmB,YACf;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,iBAAiB;CAEhE,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,qBAAqB,QAAQ,QAAQ,MAAM,EAAE,MAAM,CAAC;CAG1D,MAAM,uBAAuB,eAAe;AAE5C,SAAQ,IAAI,mBAAmB,EAAE,SAAS,CAAC;CAE3C,MAAM,yBACJ,oBAAC;EAAI,WAAU;YACZ,QAAQ,KAAK,WACZ,oBAAC;GAEC,OAAO;IAAE,OAAO,OAAO;IAAO,OAAO,OAAO;IAAO;GACnD,SAAS,OAAO;GAChB,UAAU,OAAO;GACjB,OAAO,OAAO;GACd,UAAU,YAAY;GACtB,YAAY,OAAO;GACnB,WAAU;KAPL,OAAO,IAQZ,CACF;GACE;AAGR,QACE,qBAAC;EAAI,WAAW,aAAa;;GAE3B,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,OAAO;MACP,UAAU;MACV,aAAa;MACb,UAAU,YAAY;MACtB,WAAU;OACV;MACE,EAGL,wBACC,qBAAC;KACC,MAAM,CAAC;KACP,cAAc;KACd,WAAU;gBAEV,oBAAC;MAAmB;gBAClB,qBAAC;OACC,SAAQ;OACR,WAAU;OACV,UAAU,YAAY;;QAEtB,oBAAC,UAAO,WAAU,iBAAiB;;QAElC,qBAAqB,KACpB,oBAAC;SAAK,WAAU;mBACb;UACI;QAER,cACC,oBAAC,eAAY,WAAU,iBAAiB,GAExC,oBAAC,aAAU,WAAU,iBAAiB;;QAEjC;OACU,EACrB,oBAAC;MAAmB,WAAU;gBAC5B,oBAAC,qBAAmB;OACD;MACT;KAEZ;GAGL,cACC,oBAAC;IAAI,WAAU;cACb,oBAAC,qBAAmB;KAChB;GAIP,qBAAqB,KACpB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAkC;MAE3C,EACN,QACE,QAAQ,MAAM,EAAE,MAAM,CACtB,KAAK,WAAW;KACf,MAAM,iBAAiB,OAAO,QAAQ,MACnC,QAAQ,IAAI,UAAU,OAAO,MAC/B;AACD,YACE,qBAAC;MAEC,SAAQ;MACR,MAAK;MACL,eAAe,OAAO,SAAS,OAAU;MACzC,UAAU,YAAY;MACtB,WAAU;;OAET,OAAO;OAAM;OAAG,gBAAgB;OACjC,oBAAC;QAAK,WAAU;kBAAO;SAAQ;;QAR1B,OAAO,IASL;MAEX;KACA;;GAEJ"}

package/dist/ui/molecules/SearchAndFilter/index.d.ts

@@ -0,0 +1,3 @@
+import { SearchAndFilterProps } from "./types.js";
+import { SearchAndFilter } from "./SearchAndFilter.js";
+export { SearchAndFilter, type SearchAndFilterProps };

package/dist/ui/molecules/SearchAndFilter/index.js

@@ -0,0 +1,3 @@
+import { SearchAndFilter } from "./SearchAndFilter.js";
+
+export { SearchAndFilter };

package/dist/ui/molecules/SearchAndFilter/types.d.ts

@@ -0,0 +1,25 @@
+import { FilterOption } from "../../atoms/FilterSelect/types.js";
+import "../../atoms/FilterSelect/index.js";
+
+//#region ui/molecules/SearchAndFilter/types.d.ts
+interface SearchAndFilterProps {
+  searchValue: string;
+  onSearchChange: (value: string) => void;
+  searchPlaceholder?: string;
+  filters?: {
+    key: string;
+    label: string;
+    value: string;
+    options: FilterOption[];
+    onChange: (value: FilterOption | undefined) => void;
+    showCounts?: boolean;
+  }[];
+  isLoading?: boolean;
+  disabled?: boolean;
+  className?: string;
+  collapsible?: boolean;
+  defaultCollapsed?: boolean;
+}
+//#endregion
+export { SearchAndFilterProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/molecules/SearchAndFilter/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/molecules/SearchAndFilter/types.ts"],"sourcesContent":[],"mappings":";;;;UAEiB,oBAAA;;;EAAA,iBAAA,CAAA,EAAA,MAAoB;;;;;aAWxB;sBACS"}

package/dist/ui/molecules/SkeletonList.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime136 from "react/jsx-runtime";
+
+//#region ui/molecules/SkeletonList.d.ts
+interface Props {
+  count?: number;
+  className?: string;
+  itemClassName?: string;
+}
+declare function SkeletonList({
+  count,
+  className,
+  itemClassName
+}: Props): react_jsx_runtime136.JSX.Element;
+//#endregion
+export { SkeletonList };
+//# sourceMappingURL=SkeletonList.d.ts.map

package/dist/ui/molecules/SkeletonList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.d.ts","names":[],"sources":["../../../ui/molecules/SkeletonList.tsx"],"sourcesContent":[],"mappings":";;;UAGU,KAAA;;;EAAA,aAAK,CAAA,EAAA,MAAA;AAMf;AACE,iBADc,YAAA,CACd;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAGC,KAHD,CAAA,EAGM,oBAAA,CAAA,GAAA,CAAA,OAHN"}

package/dist/ui/molecules/SkeletonList.js

@@ -0,0 +1,15 @@
+import { Skeleton } from "../skeleton.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/molecules/SkeletonList.tsx
+function SkeletonList({ count = 6, className = "", itemClassName = "" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `space-y-3 ${className}`,
+		children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: `h-20 rounded-md ${itemClassName}` }, i))
+	});
+}
+
+//#endregion
+export { SkeletonList };
+//# sourceMappingURL=SkeletonList.js.map

package/dist/ui/molecules/SkeletonList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.js","names":[],"sources":["../../../ui/molecules/SkeletonList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Skeleton } from '../skeleton';\n\ninterface Props {\n  count?: number;\n  className?: string;\n  itemClassName?: string;\n}\n\nexport function SkeletonList({\n  count = 6,\n  className = '',\n  itemClassName = '',\n}: Props) {\n  return (\n    <div className={`space-y-3 ${className}`}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={i} className={`h-20 rounded-md ${itemClassName}`} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,aAAa,EAC3B,QAAQ,GACR,YAAY,IACZ,gBAAgB,MACR;AACR,QACE,oBAAC;EAAI,WAAW,aAAa;YAC1B,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,GAAG,MACrC,oBAAC,YAAiB,WAAW,mBAAmB,mBAAjC,EAAoD,CACnE;GACE"}

package/dist/ui/nativewind-env.d.ts

@@ -0,0 +1 @@
+export { };