@lssm/lib.ui-kit 1.42.0 → 1.42.2

package/dist/ui/fab.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import * as react_jsx_runtime91 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_runtime91.JSX.Element;
+declare function MiniFAB({
+  icon,
+  onPress,
+  className,
+  color
+}: {
+  icon: React.ReactNode;
+  onPress: () => void;
+  className?: string;
+  color?: string;
+}): react_jsx_runtime91.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

@@ -1,8 +1,8 @@
-import { cn } from "../-core/src/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 { cn } from "@lssm/lib.ui-kit-core/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region ui/fab.tsx
@@ -100,4 +100,5 @@ function MiniFAB({ icon, onPress, className, color = "bg-primary" }) {
 }
 
 //#endregion
-export { FAB, MiniFAB };
+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 '@lssm/lib.ui-kit-core/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"}

package/dist/ui/field.d.ts

@@ -0,0 +1,67 @@
+import { Label } from "./label.js";
+import { BoxProps } from "./stack.js";
+import { TypographyProps } from "./typography.js";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
+
+//#region ui/field.d.ts
+declare function FieldSet({
+  className,
+  ...props
+}: BoxProps): react_jsx_runtime95.JSX.Element;
+declare function FieldLegend({
+  className,
+  variant,
+  ...props
+}: BoxProps & {
+  variant?: 'legend' | 'label';
+}): react_jsx_runtime95.JSX.Element;
+declare function FieldGroup({
+  className,
+  ...props
+}: BoxProps): react_jsx_runtime95.JSX.Element;
+declare const fieldVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
+declare function Field({
+  className,
+  orientation,
+  ...props
+}: BoxProps & VariantProps<typeof fieldVariants>): react_jsx_runtime95.JSX.Element;
+declare function FieldContent({
+  className,
+  ...props
+}: BoxProps): react_jsx_runtime95.JSX.Element;
+declare function FieldLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>): react_jsx_runtime95.JSX.Element;
+declare function FieldTitle({
+  className,
+  ...props
+}: BoxProps): react_jsx_runtime95.JSX.Element;
+declare function FieldDescription({
+  className,
+  ...props
+}: TypographyProps): react_jsx_runtime95.JSX.Element;
+declare function FieldSeparator({
+  children,
+  className,
+  ...props
+}: BoxProps & {
+  children?: React.ReactNode;
+}): react_jsx_runtime95.JSX.Element;
+declare function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: BoxProps & {
+  errors?: ({
+    message?: string;
+  } | undefined)[];
+}): react_jsx_runtime95.JSX.Element | null;
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","names":[],"sources":["../../ui/field.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAWS,QAAA;;;GAAkC,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAc1C,WAAA;;;;GAIN;;IAA2C,mBAAA,CAAA,GAAA,CAAA;AApBS,iBAoC9C,UAAA,CAlCQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkC4B,QAlC5B,CAAA,EAkCoC,mBAAA,CAAA,GAAA,CAAA,OAlCpC;cA+CX,aA/Cc,EAAA,CAAA,KAA+B,CAA/B,EAAA,CAAA;EAAuB,WAAA,CAAA,EAAA,YAAA,GAAA,UAAA,GAAA,YAAA,GAAA,IAAA,GAAA,SAAA;CAAQ,GAqElD,+BAAA,CAAA,SArEkD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAuE1C,KAAA,CAvE0C;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA2EhD,QA3EgD,GA2ErC,YA3EqC,CAAA,OA2EjB,aA3EiB,CAAA,CAAA,EA2EH,mBAAA,CAAA,GAAA,CAAA,OA3EG;AAAA,iBAuF1C,YAAA,CAzEW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyE2B,QAzE3B,CAAA,EAyEmC,mBAAA,CAAA,GAAA,CAAA,OAzEnC;iBAsFX,UAAA,CArFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwFC,KAAA,CAAM,cAxFP,CAAA,OAwF6B,KAxF7B,CAAA,CAAA,EAwFmC,mBAAA,CAAA,GAAA,CAAA,OAxFnC;iBAuGO,UAAA,CAtGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsG2C,QAtG3C,CAAA,EAsGmD,mBAAA,CAAA,GAAA,CAAA,OAtGnD;iBAmHO,gBAAA,CAjHN;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiHgD,eAjHhD,CAAA,EAiH+D,mBAAA,CAAA,GAAA,CAAA,OAjH/D;iBAgIM,cAAA,CAhIqC;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoI3C,QApI2C,GAAA;EAAA,QAAA,CAAA,EAqIjC,KAAA,CAAM,SArI2B;AAAA,CAAA,CAAA,EAsI7C,mBAAA,CAAA,GAAA,CAAA,OAtHkB;iBA8IV,UAAA,CA9Ia;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;AAA+B,CAA/B,EAmJnB,QAnJmB,GAAA;EAAuB,MAAA,CAAA,EAAA,CAAA;IAAQ,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,CAAA,EAAA;AAAA,CAAA,CAAA,EAqJpD,mBAAA,CAAA,GAAA,CAAA,OAAA,GAlHA,IAAA"}

package/dist/ui/field.js

@@ -1,11 +1,11 @@
 'use client';
 
-import { cn } from "../-core/src/utils.js";
 import { Box, VStack } from "./stack.js";
 import { P } from "./typography.js";
 import { Label } from "./label.js";
 import { Separator } from "./separator.js";
 import { useMemo } from "react";
+import { cn } from "@lssm/lib.ui-kit-core/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
@@ -119,4 +119,5 @@ function FieldError({ className, children, errors, ...props }) {
 }
 
 //#endregion
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
+//# sourceMappingURL=field.js.map

package/dist/ui/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../ui/field.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { Label } from './label';\nimport { Separator } from './separator';\nimport { Box, VStack, type BoxProps } from './stack';\nimport { P, type TypographyProps } from './typography';\n\nfunction FieldSet({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-6',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: BoxProps & { variant?: 'legend' | 'label' }) {\n  return (\n    <Box\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-3 font-medium',\n        'data-[variant=legend]:text-base',\n        'data-[variant=label]:text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 data-[slot=field-group]:*:gap-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  'group/field flex w-full gap-3 data-[invalid=true]:text-destructive',\n  {\n    variants: {\n      orientation: {\n        vertical: ['flex-col *:w-full [&>.sr-only]:w-auto'],\n        horizontal: [\n          'flex-row items-center',\n          'data-[slot=field-label]:*:flex-auto',\n          'has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        ],\n        responsive: [\n          'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto',\n          '@md/field-group:data-[slot=field-label]:*:flex-auto',\n          '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: 'vertical',\n    },\n  }\n);\n\nfunction Field({\n  className,\n  orientation = 'vertical',\n  ...props\n}: BoxProps & VariantProps<typeof fieldVariants>) {\n  return (\n    <Box\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-content\"\n      className={cn(\n        'group/field-content flex flex-1 flex-col gap-1.5 leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4',\n        'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-label\"\n      className={cn(\n        'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: TypographyProps) {\n  return (\n    <P\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance',\n        'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: BoxProps & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <Box\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <Box\n          className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: BoxProps & {\n  errors?: ({ message?: string } | undefined)[];\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    if (errors?.length == 1) {\n      return errors[0]?.message;\n    }\n\n    return (\n      <VStack className=\"ml-4 flex list-disc flex-col gap-1\">\n        {errors.map(\n          (error, index) => error?.message && <P key={index}>{error.message}</P>\n        )}\n      </VStack>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <Box\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </Box>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n"],"mappings":";;;;;;;;;;;;AAWA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAmB;AACnD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uBACA,gFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,UAAU,UACV,GAAG,SAC2C;AAC9C,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GACT,oBACA,mCACA,gCACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAmB;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,wIACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,gBAAgB,IACpB,sEACA;CACE,UAAU,EACR,aAAa;EACX,UAAU,CAAC,wCAAwC;EACnD,YAAY;GACV;GACA;GACA;GACD;EACD,YAAY;GACV;GACA;GACA;GACD;EACF,EACF;CACD,iBAAiB,EACf,aAAa,YACd;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,cAAc,YACd,GAAG,SAC6C;AAChD,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,oBAAkB;EAClB,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;EACxD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAmB;AACvD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,GAAG,SACkC;AACrC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,gHACA,iKACA,6HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAmB;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,8GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAA0B;AAClE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uHACA,gEACA,qEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,WACA,GAAG,SAGF;AACD,QACE,qBAAC;EACC,aAAU;EACV,gBAAc,CAAC,CAAC;EAChB,WAAW,GACT,6EACA,UACD;EACD,GAAI;aAEJ,oBAAC,aAAU,WAAU,6BAA6B,EACjD,YACC,oBAAC;GACC,WAAU;GACV,aAAU;GAET;IACG;GAEJ;;AAIV,SAAS,WAAW,EAClB,WACA,UACA,QACA,GAAG,SAGF;CACD,MAAM,UAAU,cAAc;AAC5B,MAAI,SACF,QAAO;AAGT,MAAI,CAAC,QAAQ,OACX,QAAO;AAGT,MAAI,QAAQ,UAAU,EACpB,QAAO,OAAO,IAAI;AAGpB,SACE,oBAAC;GAAO,WAAU;aACf,OAAO,KACL,OAAO,UAAU,OAAO,WAAW,oBAAC,eAAe,MAAM,WAAd,MAA0B,CACvE;IACM;IAEV,CAAC,UAAU,OAAO,CAAC;AAEtB,KAAI,CAAC,QACH,QAAO;AAGT,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,WAAW,GAAG,wCAAwC,UAAU;EAChE,GAAI;YAEH;GACG"}

package/dist/ui/form.d.ts

@@ -0,0 +1,50 @@
+import { Label } from "./label.js";
+import * as React$1 from "react";
+import { View } from "react-native";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
+import * as react_hook_form0 from "react-hook-form";
+import { ControllerProps, FieldPath, FieldValues, UseFormReturn, useFieldArray, useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+
+//#region ui/form.d.ts
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime106.JSX.Element;
+declare const useFormField: () => {
+  invalid: boolean;
+  isDirty: boolean;
+  isTouched: boolean;
+  isValidating: boolean;
+  error?: react_hook_form0.FieldError;
+  id: string;
+  name: string;
+  formItemId: string;
+  formDescriptionId: string;
+  formMessageId: string;
+};
+declare function FormItem({
+  className,
+  ...props
+}: React$1.ComponentProps<'div'>): react_jsx_runtime106.JSX.Element;
+declare function FormLabel({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Label>): react_jsx_runtime106.JSX.Element;
+declare function FormControl({
+  asChild,
+  ...props
+}: React$1.ComponentProps<typeof View> & {
+  asChild?: boolean;
+}): react_jsx_runtime106.JSX.Element;
+declare function FormDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<'p'>): react_jsx_runtime106.JSX.Element;
+declare function FormMessage({
+  className,
+  ...props
+}: React$1.ComponentProps<'p'>): react_jsx_runtime106.JSX.Element | null;
+//#endregion
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type UseFormReturn, useFieldArray, useForm, useFormField, zodResolver };
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","names":[],"sources":["../../ui/form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAqBM,4BAAI,kDAAA,qBAAA,gBAAA,CAAA,kBAAA,cAAA,UAAA,wBAAA,OAAA,CAAA,GAAA,CAAA;cAaJ,iCACiB,cAAc,2BACrB,UAAU,gBAAgB,UAAU;;GAGjD,gBAAgB,cAAc,WAAM,oBAAA,CAAA,GAAA,CAAA;cAQjC;EA1BA,OAAmB,EAAA,OAAA;EAAf,OAAA,EAAA,OAAA;EAAA,SAAA,EAAA,OAAA;EAAA,YAAA,EAAA,OAAA;EAAA,KAAA,CAAA,EA+CT,gBAAA,CAAA,UA/CS;EAAA,EAAA,EAAA,MAAA;EAAA,IAAA,EAAA,MAAA;EAAA,UAAA,EAAA,MAAA;EAAe,iBAAA,EAAA,MAAA;EAanB,aAWL,EAAA,MAAA;CAVsB;iBA2Cd,QAAA,CA3C4B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CM,OAAA,CAAM,cA3CZ,CAAA,KAAA,CAAA,CAAA,EA2CiC,oBAAA,CAAA,GAAA,CAAA,OA3CjC;iBAyD5B,SAAA,CAxDiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2DvB,OAAA,CAAM,cA3DiB,CAAA,OA2DK,KA3DL,CAAA,CAAA,EA2DW,oBAAA,CAAA,GAAA,CAAA,OA3DX;iBAyEjB,WAAA,CAzEO;EAAA,OAAA;EAAA,GAAA;CAAA,EA4Eb,OAAA,CAAM,cA5EO,CAAA,OA4Ee,IA5Ef,CAAA,GAAA;EAAoC,OAAA,CAAA,EAAA,OAAA;CAAV,CAAA,EA8EzC,oBAAA,CAAA,GAAA,CAAA,OA9EyC;iBAkGjC,eAAA,CA/FU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+F+B,OAAA,CAAM,cA/FrC,CAAA,GAAA,CAAA,CAAA,EA+FwD,oBAAA,CAAA,GAAA,CAAA,OA/FxD;iBA4GV,WAAA,CA5GwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4Ga,OAAA,CAAM,cA5GnB,CAAA,GAAA,CAAA,CAAA,EA4GsC,oBAAA,CAAA,GAAA,CAAA,OAAA,GA5GtC,IAAA"}

package/dist/ui/form.js

@@ -1,13 +1,13 @@
 'use client';
 
-import { cn } from "../-core/src/utils.js";
 import { Label } from "./label.js";
-import { Controller, FormProvider, useFieldArray, useForm, useFormContext, useFormState } from "../node_modules/react-hook-form/dist/index.esm.js";
-import { a } from "../node_modules/@hookform/resolvers/zod/dist/zod.js";
 import * as React$1 from "react";
 import { View } from "react-native";
 import * as Slot from "@rn-primitives/slot";
+import { cn } from "@lssm/lib.ui-kit-core/utils";
 import { jsx } from "react/jsx-runtime";
+import { Controller, FormProvider, useFieldArray, useForm, useFormContext, useFormState } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
 
 //#region ui/form.tsx
 const Form = FormProvider;
@@ -91,4 +91,5 @@ function FormMessage({ className, ...props }) {
 }
 
 //#endregion
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFieldArray, useForm, useFormField, a as zodResolver };
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFieldArray, useForm, useFormField, zodResolver };
+//# sourceMappingURL=form.js.map

package/dist/ui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":["React","RNView"],"sources":["../../ui/form.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as Slot from '@rn-primitives/slot';\nimport { View as RNView } from 'react-native';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from 'react-hook-form';\n\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { Label } from './label';\n\nexport { zodResolver } from '@hookform/resolvers/zod';\nexport { useForm, type UseFormReturn, useFieldArray } from 'react-hook-form';\n\nconst Form = FormProvider;\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName;\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ninterface FormItemContextValue {\n  id: string;\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn('grid gap-2', className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn('data-[error=true]:text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({\n  asChild = false,\n  ...props\n}: React.ComponentProps<typeof RNView> & {\n  asChild?: boolean;\n}) {\n  const Component = asChild ? Slot.Text : RNView;\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Component\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<'p'>) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn('text-destructive text-sm', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n};\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,OAAO;AASb,MAAM,mBAAmBA,QAAM,cAC7B,EAAE,CACH;AAED,MAAM,aAGJ,EACA,GAAG,YACuC;AAC1C,QACE,oBAAC,iBAAiB;EAAS,OAAO,EAAE,MAAM,MAAM,MAAM;YACpD,oBAAC,cAAW,GAAI,QAAS;GACC;;AAIhC,MAAM,qBAAqB;CACzB,MAAM,eAAeA,QAAM,WAAW,iBAAiB;CACvD,MAAM,cAAcA,QAAM,WAAW,gBAAgB;CACrD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,YAAY,aAAa,EAAE,MAAM,aAAa,MAAM,CAAC;CAC3D,MAAM,aAAa,cAAc,aAAa,MAAM,UAAU;AAE9D,KAAI,CAAC,aACH,OAAM,IAAI,MAAM,iDAAiD;CAGnE,MAAM,EAAE,OAAO;AAEf,QAAO;EACL;EACA,MAAM,aAAa;EACnB,YAAY,GAAG,GAAG;EAClB,mBAAmB,GAAG,GAAG;EACzB,eAAe,GAAG,GAAG;EACrB,GAAG;EACJ;;AAOH,MAAM,kBAAkBA,QAAM,cAC5B,EAAE,CACH;AAED,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;CACtE,MAAM,KAAKA,QAAM,OAAO;AAExB,QACE,oBAAC,gBAAgB;EAAS,OAAO,EAAE,IAAI;YACrC,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,cAAc,UAAU;GACtC,GAAI;IACJ;GACuB;;AAI/B,SAAS,UAAU,EACjB,WACA,GAAG,SACkC;CACrC,MAAM,EAAE,OAAO,eAAe,cAAc;AAE5C,QACE,oBAAC;EACC,aAAU;EACV,cAAY,CAAC,CAAC;EACd,WAAW,GAAG,sCAAsC,UAAU;EAC9D,SAAS;EACT,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,UAAU,OACV,GAAG,SAGF;CACD,MAAM,YAAY,UAAU,KAAK,OAAOC;CACxC,MAAM,EAAE,OAAO,YAAY,mBAAmB,kBAC5C,cAAc;AAEhB,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,oBACE,CAAC,QACG,GAAG,sBACH,GAAG,kBAAkB,GAAG;EAE9B,gBAAc,CAAC,CAAC;EAChB,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAoC;CAC3E,MAAM,EAAE,sBAAsB,cAAc;AAE5C,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAoC;CACvE,MAAM,EAAE,OAAO,kBAAkB,cAAc;CAC/C,MAAM,OAAO,QAAQ,OAAO,OAAO,WAAW,GAAG,GAAG,MAAM;AAE1D,KAAI,CAAC,KACH,QAAO;AAGT,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;YAEH;GACC"}

package/dist/ui/hover-card.d.ts

@@ -0,0 +1,30 @@
+import * as React$1 from "react";
+import * as react_native41 from "react-native";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as _rn_primitives_hover_card0 from "@rn-primitives/hover-card";
+
+//#region ui/hover-card.d.ts
+declare const HoverCard: React$1.ForwardRefExoticComponent<react_native41.ViewProps & {
+  asChild?: boolean;
+} & {
+  onOpenChange?: (open: boolean) => void;
+  openDelay?: number;
+  closeDelay?: number;
+} & React$1.RefAttributes<react_native41.View>>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<Omit<react_native41.PressableProps & React$1.RefAttributes<react_native41.View>, "ref"> & {
+  asChild?: boolean;
+} & {
+  onKeyDown?: (ev: React$1.KeyboardEvent) => void;
+  onKeyUp?: (ev: React$1.KeyboardEvent) => void;
+} & React$1.RefAttributes<_rn_primitives_hover_card0.TriggerRef>>;
+declare function HoverCardContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: _rn_primitives_hover_card0.ContentProps & {
+  ref?: React$1.RefObject<_rn_primitives_hover_card0.ContentRef>;
+}): react_jsx_runtime84.JSX.Element;
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/ui/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../ui/hover-card.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM,WAAS,OAAA,CAAA,0BAA0B,cAAA,CAA1B,SAAA;;;;EAAT,SAAA,CAAA,EAAmC,MAAA;EAAA,UAAA,CAAA,EAA1B,MAAA;CAAA,wBAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA;cAET,kBAAgB,OAAA,CAAA,0BAAA,KAA6B,cAAA,CAA7B,cAAA,GAAA,OAAA,CAAA,cAAA,cAAA,CAAA,IAAA;EAFP,OAAA,CAAA,EAAA,OAAA;CAAA,GAAA;EAET,SAAA,CAAA,EAAA,CAAA,EAAA,uBAA6C,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,EAA7B,uBAAA,EAAA,GAAA,IAAA;CAAA,wBAAA,uCAAA,CAAA;iBAEb,gBAAA,CAFa;EAAA,SAAA;EAAA,KAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAOnB,0BAAA,CAAmB,YAPA,GAAA;EAAA,GAAA,CAAA,EAQd,OAAA,CAAM,SARQ,CAQE,0BAAA,CAAmB,UARrB,CAAA;IASrB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/hover-card.js

@@ -1,8 +1,8 @@
-import { cn } from "../-core/src/utils.js";
 import { TextClassContext } from "./text.js";
 import "react";
 import { Platform, StyleSheet } from "react-native";
 import Animated, { FadeIn } from "react-native-reanimated";
+import { cn } from "@lssm/lib.ui-kit-core/utils";
 import { jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from "@rn-primitives/hover-card";
 
@@ -29,4 +29,5 @@ function HoverCardContent({ className, align = "center", sideOffset = 4, ...prop
 }
 
 //#endregion
-export { HoverCard, HoverCardContent, HoverCardTrigger };
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.js.map

package/dist/ui/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","names":[],"sources":["../../ui/hover-card.tsx"],"sourcesContent":["import * as HoverCardPrimitive from '@rn-primitives/hover-card';\nimport * as React from 'react';\nimport { Platform, StyleSheet } from 'react-native';\nimport Animated, { FadeIn } from 'react-native-reanimated';\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { TextClassContext } from './text';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nfunction HoverCardContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: HoverCardPrimitive.ContentProps & {\n  ref?: React.RefObject<HoverCardPrimitive.ContentRef>;\n}) {\n  const { open } = HoverCardPrimitive.useRootContext();\n  return (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Overlay\n        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n      >\n        <Animated.View entering={FadeIn}>\n          <TextClassContext.Provider value=\"text-popover-foreground\">\n            <HoverCardPrimitive.Content\n              align={align}\n              sideOffset={sideOffset}\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 web:cursor-auto web:outline-hidden z-50 w-64 rounded-md border p-4 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          </TextClassContext.Provider>\n        </Animated.View>\n      </HoverCardPrimitive.Overlay>\n    </HoverCardPrimitive.Portal>\n  );\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,mBAAmB;AAErC,MAAM,mBAAmB,mBAAmB;AAE5C,SAAS,iBAAiB,EACxB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,mBAAmB,gBAAgB;AACpD,QACE,oBAAC,mBAAmB,oBAClB,oBAAC,mBAAmB;EAClB,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;YAEzD,oBAAC,SAAS;GAAK,UAAU;aACvB,oBAAC,iBAAiB;IAAS,OAAM;cAC/B,oBAAC,mBAAmB;KACX;KACK;KACZ,WAAW,GACT,yRACA,OACI,gDACA,kDACJ,UACD;KACD,GAAI;MACJ;KACwB;IACd;GACW,GACH"}

package/dist/ui/icons/Check.d.ts

@@ -0,0 +1,2 @@
+import { Check } from "lucide-react-native";
+export { Check };

package/dist/ui/icons/Check.js

@@ -5,4 +5,5 @@ import { Check } from "lucide-react-native";
 iconWithClassName(Check);
 
 //#endregion
-export { Check };
+export { Check };
+//# sourceMappingURL=Check.js.map

package/dist/ui/icons/Check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Check.js","names":[],"sources":["../../../ui/icons/Check.tsx"],"sourcesContent":["import { Check } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(Check);\nexport { Check };\n"],"mappings":";;;;AAGA,kBAAkB,MAAM"}

package/dist/ui/icons/ChevronDown.d.ts

@@ -0,0 +1,2 @@
+import { ChevronDown } from "lucide-react-native";
+export { ChevronDown };

package/dist/ui/icons/ChevronDown.js

@@ -5,4 +5,5 @@ import { ChevronDown } from "lucide-react-native";
 iconWithClassName(ChevronDown);
 
 //#endregion
-export { ChevronDown };
+export { ChevronDown };
+//# sourceMappingURL=ChevronDown.js.map

package/dist/ui/icons/ChevronDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown.js","names":[],"sources":["../../../ui/icons/ChevronDown.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(ChevronDown);\nexport { ChevronDown };\n"],"mappings":";;;;AAGA,kBAAkB,YAAY"}

package/dist/ui/icons/ChevronRight.d.ts

@@ -0,0 +1,2 @@
+import { ChevronRight } from "lucide-react-native";
+export { ChevronRight };

package/dist/ui/icons/ChevronRight.js

@@ -5,4 +5,5 @@ import { ChevronRight } from "lucide-react-native";
 iconWithClassName(ChevronRight);
 
 //#endregion
-export { ChevronRight };
+export { ChevronRight };
+//# sourceMappingURL=ChevronRight.js.map

package/dist/ui/icons/ChevronRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRight.js","names":[],"sources":["../../../ui/icons/ChevronRight.tsx"],"sourcesContent":["import { ChevronRight } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(ChevronRight);\nexport { ChevronRight };\n"],"mappings":";;;;AAGA,kBAAkB,aAAa"}

package/dist/ui/icons/ChevronUp.d.ts

@@ -0,0 +1,2 @@
+import { ChevronUp } from "lucide-react-native";
+export { ChevronUp };

package/dist/ui/icons/ChevronUp.js

@@ -5,4 +5,5 @@ import { ChevronUp } from "lucide-react-native";
 iconWithClassName(ChevronUp);
 
 //#endregion
-export { ChevronUp };
+export { ChevronUp };
+//# sourceMappingURL=ChevronUp.js.map

package/dist/ui/icons/ChevronUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUp.js","names":[],"sources":["../../../ui/icons/ChevronUp.tsx"],"sourcesContent":["import { ChevronUp } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(ChevronUp);\nexport { ChevronUp };\n"],"mappings":";;;;AAGA,kBAAkB,UAAU"}

package/dist/ui/icons/CircleUser.d.ts

@@ -0,0 +1,2 @@
+import { CircleUserRoundIcon } from "lucide-react-native";
+export { CircleUserRoundIcon };

package/dist/ui/icons/CircleUser.js

@@ -5,4 +5,5 @@ import { CircleUserRoundIcon } from "lucide-react-native";
 iconWithClassName(CircleUserRoundIcon);
 
 //#endregion
-export { CircleUserRoundIcon };
+export { CircleUserRoundIcon };
+//# sourceMappingURL=CircleUser.js.map

package/dist/ui/icons/CircleUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleUser.js","names":[],"sources":["../../../ui/icons/CircleUser.tsx"],"sourcesContent":["import { CircleUserRoundIcon } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(CircleUserRoundIcon);\nexport { CircleUserRoundIcon };\n"],"mappings":";;;;AAGA,kBAAkB,oBAAoB"}

package/dist/ui/icons/Info.d.ts

@@ -0,0 +1,2 @@
+import { Info } from "lucide-react-native";
+export { Info };

package/dist/ui/icons/Info.js

@@ -5,4 +5,5 @@ import { Info } from "lucide-react-native";
 iconWithClassName(Info);
 
 //#endregion
-export { Info };
+export { Info };
+//# sourceMappingURL=Info.js.map

package/dist/ui/icons/Info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Info.js","names":[],"sources":["../../../ui/icons/Info.tsx"],"sourcesContent":["import { Info } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(Info);\nexport { Info };\n"],"mappings":";;;;AAGA,kBAAkB,KAAK"}

package/dist/ui/icons/Key.d.ts

@@ -0,0 +1,2 @@
+import { KeyRoundIcon } from "lucide-react-native";
+export { KeyRoundIcon };

package/dist/ui/icons/Key.js

@@ -5,4 +5,5 @@ import { KeyRoundIcon } from "lucide-react-native";
 iconWithClassName(KeyRoundIcon);
 
 //#endregion
-export { KeyRoundIcon };
+export { KeyRoundIcon };
+//# sourceMappingURL=Key.js.map

package/dist/ui/icons/Key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Key.js","names":[],"sources":["../../../ui/icons/Key.tsx"],"sourcesContent":["import { KeyRoundIcon } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(KeyRoundIcon);\nexport { KeyRoundIcon };\n"],"mappings":";;;;AAGA,kBAAkB,aAAa"}

package/dist/ui/icons/MoonStar.d.ts

@@ -0,0 +1,2 @@
+import { MoonStar } from "lucide-react-native";
+export { MoonStar };

package/dist/ui/icons/MoonStar.js

@@ -5,4 +5,5 @@ import { MoonStar } from "lucide-react-native";
 iconWithClassName(MoonStar);
 
 //#endregion
-export { MoonStar };
+export { MoonStar };
+//# sourceMappingURL=MoonStar.js.map

package/dist/ui/icons/MoonStar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoonStar.js","names":[],"sources":["../../../ui/icons/MoonStar.tsx"],"sourcesContent":["import { MoonStar } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(MoonStar);\nexport { MoonStar };\n"],"mappings":";;;;AAGA,kBAAkB,SAAS"}

package/dist/ui/icons/Sun.d.ts

@@ -0,0 +1,2 @@
+import { Sun } from "lucide-react-native";
+export { Sun };

package/dist/ui/icons/Sun.js

@@ -5,4 +5,5 @@ import { Sun } from "lucide-react-native";
 iconWithClassName(Sun);
 
 //#endregion
-export { Sun };
+export { Sun };
+//# sourceMappingURL=Sun.js.map

package/dist/ui/icons/Sun.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sun.js","names":[],"sources":["../../../ui/icons/Sun.tsx"],"sourcesContent":["import { Sun } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(Sun);\nexport { Sun };\n"],"mappings":";;;;AAGA,kBAAkB,IAAI"}

package/dist/ui/icons/X.d.ts

@@ -0,0 +1,2 @@
+import { X } from "lucide-react-native";
+export { X };

package/dist/ui/icons/X.js

@@ -5,4 +5,5 @@ import { X } from "lucide-react-native";
 iconWithClassName(X);
 
 //#endregion
-export { X };
+export { X };
+//# sourceMappingURL=X.js.map

package/dist/ui/icons/X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.js","names":[],"sources":["../../../ui/icons/X.tsx"],"sourcesContent":["import { X } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(X);\nexport { X };\n"],"mappings":";;;;AAGA,kBAAkB,EAAE"}

package/dist/ui/icons/iconWithClassName.d.ts

@@ -0,0 +1,7 @@
+import { LucideIcon } from "lucide-react-native";
+
+//#region ui/icons/iconWithClassName.d.ts
+declare function iconWithClassName(icon: LucideIcon): void;
+//#endregion
+export { iconWithClassName };
+//# sourceMappingURL=iconWithClassName.d.ts.map

package/dist/ui/icons/iconWithClassName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconWithClassName.d.ts","names":[],"sources":["../../../ui/icons/iconWithClassName.ts"],"sourcesContent":[],"mappings":";;;iBAGgB,iBAAA,OAAwB"}

package/dist/ui/icons/iconWithClassName.js

@@ -12,4 +12,5 @@ function iconWithClassName(icon) {
 }
 
 //#endregion
-export { iconWithClassName };
+export { iconWithClassName };
+//# sourceMappingURL=iconWithClassName.js.map

package/dist/ui/icons/iconWithClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconWithClassName.js","names":[],"sources":["../../../ui/icons/iconWithClassName.ts"],"sourcesContent":["import type { LucideIcon } from 'lucide-react-native';\nimport { styled } from 'nativewind';\n\nexport function iconWithClassName(icon: LucideIcon) {\n  styled(icon, {\n    className: {\n      target: 'style',\n      nativeStyleMapping: {\n        color: true,\n        opacity: true,\n      },\n    },\n  });\n}\n"],"mappings":";;;AAGA,SAAgB,kBAAkB,MAAkB;AAClD,QAAO,MAAM,EACX,WAAW;EACT,QAAQ;EACR,oBAAoB;GAClB,OAAO;GACP,SAAS;GACV;EACF,EACF,CAAC"}

package/dist/ui/input.d.ts

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import { TextInput, TextInputProps } from "react-native";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
+
+//#region ui/input.d.ts
+declare function Input({
+  className,
+  placeholderClassName,
+  ...props
+}: TextInputProps & {
+  ref?: React$1.RefObject<TextInput>;
+}): react_jsx_runtime93.JSX.Element;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../ui/input.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,KAAA;;;;GAIN;QACK,OAAA,CAAM,UAAU;IACvB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/input.js

@@ -1,6 +1,6 @@
-import { cn } from "../-core/src/utils.js";
 import "react";
 import { TextInput } from "react-native";
+import { cn } from "@lssm/lib.ui-kit-core/utils";
 import { jsx } from "react/jsx-runtime";
 
 //#region ui/input.tsx
@@ -13,4 +13,5 @@ function Input({ className, placeholderClassName, ...props }) {
 }
 
 //#endregion
-export { Input };
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../ui/input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextInput, type TextInputProps } from 'react-native';\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\n\nfunction Input({\n  className,\n  placeholderClassName,\n  ...props\n}: TextInputProps & {\n  ref?: React.RefObject<TextInput>;\n}) {\n  return (\n    <TextInput\n      className={cn(\n        'native:h-12 native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:w-full web:py-2 web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-10 rounded-md border px-3 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm',\n        props.editable === false && 'web:cursor-not-allowed opacity-50',\n        className\n      )}\n      placeholderClassName={cn('text-muted-foreground', placeholderClassName)}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;AAIA,SAAS,MAAM,EACb,WACA,sBACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,WAAW,GACT,kZACA,MAAM,aAAa,SAAS,qCAC5B,UACD;EACD,sBAAsB,GAAG,yBAAyB,qBAAqB;EACvE,GAAI;GACJ"}

package/dist/ui/label.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime105 from "react/jsx-runtime";
+import * as LabelPrimitive from "@rn-primitives/label";
+
+//#region ui/label.d.ts
+declare function Label({
+  className,
+  onPress,
+  onLongPress,
+  onPressIn,
+  onPressOut,
+  disabled,
+  ...props
+}: LabelPrimitive.TextProps & React.RefAttributes<LabelPrimitive.TextRef>): react_jsx_runtime105.JSX.Element;
+//#endregion
+export { Label };
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../ui/label.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,KAAA;;;;;;;;GAQN,cAAA,CAAe,YAAY,KAAA,CAAM,cAAc,cAAA,CAAe,WAAQ,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/label.js

@@ -1,5 +1,5 @@
-import { cn } from "../-core/src/utils.js";
 import { Platform } from "react-native";
+import { cn } from "@lssm/lib.ui-kit-core/utils";
 import { jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@rn-primitives/label";
 
@@ -20,4 +20,5 @@ function Label({ className, onPress, onLongPress, onPressIn, onPressOut, disable
 }
 
 //#endregion
-export { Label };
+export { Label };
+//# sourceMappingURL=label.js.map