@lssm-tech/lib.ui-kit 4.1.6

package/dist/ui/date-range-picker.d.ts

@@ -0,0 +1,6 @@
+import type { SharedDateRange, SharedDateRangePickerProps } from '@contractspec/lib.ui-kit-core/interfaces';
+export interface DateRange extends SharedDateRange {
+}
+export interface DateRangePickerProps extends SharedDateRangePickerProps {
+}
+export declare function DateRangePicker({ value, onChange, disabled, minDate, maxDate, placeholders, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/date-range-picker.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as j}from"@contractspec/lib.ui-kit-core/utils";import*as E from"@rn-primitives/slot";import*as W from"react";import{Text as h}from"react-native";import{jsx as x}from"react/jsx-runtime";var g=W.createContext(void 0);function Z({className:q,asChild:F=!1,...z}){let A=W.useContext(g);return x(F?E.Text:h,{className:j("web:select-text text-base text-foreground",A,q),...z})}import{cn as _}from"@contractspec/lib.ui-kit-core/utils";import{cva as $}from"class-variance-authority";import{View as B}from"react-native";import{jsx as R}from"react/jsx-runtime";var M="flex",m=$([M,"flex-col"],{variants:{spacing:{none:"",xs:"gap-y-1",sm:"gap-y-2",md:"gap-y-4",lg:"gap-y-6",xl:"gap-y-8","2xl":"gap-y-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"}},defaultVariants:{spacing:"md",align:"stretch",justify:"start",width:"auto",padding:"none",gap:"none"}}),o=$([M,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"start",width:"auto",padding:"none",gap:"none",wrap:"wrap"}}),v=$([M,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"center",width:"auto",padding:"none",gap:"none",wrap:"wrap"}});function s({className:q,spacing:F,align:z,justify:A,width:G,padding:J,gap:K,wrap:L,...O}){return R(B,{className:_(v({spacing:F,align:z,justify:A,width:G,padding:J,gap:K,wrap:L}),q),...O})}function P({className:q,spacing:F,align:z,justify:A,width:G,padding:J,gap:K,wrap:L,...O}){return R(B,{className:_(o({spacing:F,align:z,justify:A,width:G,padding:J,gap:K,wrap:L}),q),...O})}function T({className:q,spacing:F,align:z,justify:A,width:G,padding:J,gap:K,...L}){return R(B,{className:_(m({spacing:F,align:z,justify:A,width:G,padding:J,gap:K}),q),...L})}import{cn as U}from"@contractspec/lib.ui-kit-core/utils";import V from"@react-native-community/datetimepicker";import{useMemo as p,useState as y}from"react";import{Platform as X,Pressable as N}from"react-native";import{jsx as Q,jsxs as C}from"react/jsx-runtime";function f(q){if(!q)return"";try{return q.toLocaleDateString()}catch{return""}}function Iq({value:q,onChange:F,disabled:z,minDate:A,maxDate:G,placeholders:J,className:K}){let[L,O]=y(!1),[k,H]=y(!1),D=p(()=>({minimumDate:A,maximumDate:G}),[A,G]),b=(S,I)=>{if(X.OS!=="ios")O(!1);if(!I)return;let Y=q.end&&I>q.end?I:q.end;F({start:I,end:Y})},w=(S,I)=>{if(X.OS!=="ios")H(!1);if(!I)return;let Y=q.start&&I<q.start?I:q.start;F({start:Y,end:I})};return C(T,{className:U("w-full",K),spacing:"sm",children:[C(P,{gap:"sm",children:[Q(N,{disabled:z,onPress:()=>O(!0),className:U("h-12 flex-1 flex-row items-center rounded-md border border-input bg-background px-3",z&&"opacity-50"),children:Q(Z,{className:U("text-base text-foreground",!q.start&&"opacity-50"),children:q.start?f(q.start):J?.start||"Start date"})}),Q(N,{disabled:z,onPress:()=>H(!0),className:U("h-12 flex-1 flex-row items-center rounded-md border border-input bg-background px-3",z&&"opacity-50"),children:Q(Z,{className:U("text-base text-foreground",!q.end&&"opacity-50"),children:q.end?f(q.end):J?.end||"End date"})})]}),L&&Q(V,{value:q.start??new Date,mode:"date",display:X.OS==="ios"?"inline":"default",onChange:b,...D}),k&&Q(V,{value:q.end??q.start??new Date,mode:"date",display:X.OS==="ios"?"inline":"default",onChange:w,minimumDate:q.start??A,maximumDate:G})]})}export{Iq as DateRangePicker};

package/dist/ui/datetime-picker.d.ts

@@ -0,0 +1,6 @@
+import type { SharedDateTimePickerProps } from '@contractspec/lib.ui-kit-core/interfaces';
+export interface DateTimePickerProps extends SharedDateTimePickerProps {
+    datePlaceholder?: string;
+    timePlaceholder?: string;
+}
+export declare function DateTimePicker({ value, onChange, disabled, minDate, maxDate, datePlaceholder, timePlaceholder, is24Hour, className, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/datetime-picker.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as N}from"@contractspec/lib.ui-kit-core/utils";import*as T from"@rn-primitives/slot";import*as M from"react";import{Text as h}from"react-native";import{jsx as b}from"react/jsx-runtime";var y=M.createContext(void 0);function O({className:P,asChild:f=!1,...q}){let A=M.useContext(y);return b(f?T.Text:h,{className:N("web:select-text text-base text-foreground",A,P),...q})}import{cn as U}from"@contractspec/lib.ui-kit-core/utils";import{cva as W}from"class-variance-authority";import{View as X}from"react-native";import{jsx as Z}from"react/jsx-runtime";var Y="flex",g=W([Y,"flex-col"],{variants:{spacing:{none:"",xs:"gap-y-1",sm:"gap-y-2",md:"gap-y-4",lg:"gap-y-6",xl:"gap-y-8","2xl":"gap-y-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"}},defaultVariants:{spacing:"md",align:"stretch",justify:"start",width:"auto",padding:"none",gap:"none"}}),w=W([Y,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"start",width:"auto",padding:"none",gap:"none",wrap:"wrap"}}),m=W([Y,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"center",width:"auto",padding:"none",gap:"none",wrap:"wrap"}});function F0({className:P,spacing:f,align:q,justify:A,width:z,padding:F,gap:G,wrap:E,...I}){return Z(X,{className:U(m({spacing:f,align:q,justify:A,width:z,padding:F,gap:G,wrap:E}),P),...I})}function k({className:P,spacing:f,align:q,justify:A,width:z,padding:F,gap:G,wrap:E,...I}){return Z(X,{className:U(w({spacing:f,align:q,justify:A,width:z,padding:F,gap:G,wrap:E}),P),...I})}function G0({className:P,spacing:f,align:q,justify:A,width:z,padding:F,gap:G,...E}){return Z(X,{className:U(g({spacing:f,align:q,justify:A,width:z,padding:F,gap:G}),P),...E})}import{cn as _}from"@contractspec/lib.ui-kit-core/utils";import o from"@react-native-community/datetimepicker";import{useMemo as j,useState as r}from"react";import{Platform as H,Pressable as x,View as n}from"react-native";import{jsx as $,jsxs as u}from"react/jsx-runtime";function v(P){if(!P)return"";try{return P.toLocaleDateString(void 0,{day:"2-digit",month:"long",year:"numeric"})}catch{return""}}function D({value:P,onChange:f,disabled:q,minDate:A,maxDate:z,placeholder:F="Select date",className:G}){let[E,I]=r(!1),L=j(()=>({minimumDate:A,maximumDate:z,timeZoneName:void 0}),[A,z]),Q=(J,K)=>{if(H.OS!=="ios")I(!1);if(K)f(K)};return u(n,{className:_("w-full",G),children:[$(x,{disabled:q,onPress:()=>I(!0),className:_("h-12 flex-row items-center rounded-md border border-input bg-background px-3",q&&"opacity-50"),children:$(O,{className:_("text-base text-foreground",!P&&"opacity-50"),children:P?v(P):F})}),E&&$(o,{value:P??new Date,mode:"date",display:H.OS==="ios"?"inline":"default",onChange:Q,...L})]})}import{cn as B}from"@contractspec/lib.ui-kit-core/utils";import p from"@react-native-community/datetimepicker";import{useMemo as d,useState as c}from"react";import{Platform as C,Pressable as l,View as i}from"react-native";import{jsx as R,jsxs as s}from"react/jsx-runtime";function t(P,f){if(!P)return"";try{return P.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!f})}catch{return""}}function S({value:P,onChange:f,disabled:q,placeholder:A="Select time",is24Hour:z=!0,className:F}){let[G,E]=c(!1),I=d(()=>({is24Hour:z,timeZoneName:void 0}),[z]),L=(Q,J)=>{if(C.OS!=="ios")E(!1);if(J)f(J)};return s(i,{className:B("w-full",F),children:[R(l,{disabled:q,onPress:()=>E(!0),className:B("h-12 flex-row items-center rounded-md border border-input bg-background px-3",q&&"opacity-50"),children:R(O,{className:B("text-base text-foreground",!P&&"opacity-50"),children:P?t(P,z):A})}),G&&R(p,{value:P??new Date,mode:"time",display:C.OS==="ios"?"spinner":"default",onChange:L,...I})]})}import{jsx as V,jsxs as e}from"react/jsx-runtime";function D0({value:P,onChange:f,disabled:q,minDate:A,maxDate:z,datePlaceholder:F,timePlaceholder:G,is24Hour:E,className:I}){return e(k,{className:I,gap:"sm",children:[V(D,{value:P,onChange:(J)=>{if(!J)return;let K=new Date(J);if(P)K.setHours(P.getHours(),P.getMinutes(),0,0);f(K)},disabled:q,minDate:A,maxDate:z,placeholder:F,className:"flex-1"}),V(S,{value:P,onChange:(J)=>{if(!J)return;let K=new Date(P??new Date);K.setHours(J.getHours(),J.getMinutes(),0,0),f(K)},disabled:q,is24Hour:E,placeholder:G,className:"flex-1"})]})}export{D0 as DateTimePicker};

package/dist/ui/dialog.d.ts

@@ -0,0 +1,51 @@
+import * as DialogPrimitive from '@rn-primitives/dialog';
+import * as React from 'react';
+import { View, type ViewProps } from 'react-native';
+declare const Dialog: {
+    ({ asChild, open: openProp, defaultOpen, onOpenChange: onOpenChangeProp, ref, ...viewProps }: ViewProps & {
+        asChild?: boolean;
+    } & {
+        open?: boolean;
+        defaultOpen?: boolean;
+        onOpenChange?: (value: boolean) => void;
+    } & React.RefAttributes<View>): React.JSX.Element;
+    displayName: string;
+};
+declare const DialogTrigger: {
+    ({ asChild, onPress: onPressProp, disabled, ref, ...props }: Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+        asChild?: boolean;
+    } & {
+        onKeyDown?: (ev: React.KeyboardEvent) => void;
+        onKeyUp?: (ev: React.KeyboardEvent) => void;
+    } & React.RefAttributes<View>): React.JSX.Element;
+    displayName: string;
+};
+declare const DialogPortal: typeof DialogPrimitive.Portal;
+declare const DialogClose: {
+    ({ asChild, onPress: onPressProp, disabled, ref, ...props }: Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+        asChild?: boolean;
+    } & {
+        onKeyDown?: (ev: React.KeyboardEvent) => void;
+        onKeyUp?: (ev: React.KeyboardEvent) => void;
+    } & React.RefAttributes<View>): React.JSX.Element;
+    displayName: string;
+};
+declare function DialogOverlayNative({ className, children, ...props }: DialogPrimitive.OverlayProps & {
+    ref?: React.RefObject<DialogPrimitive.OverlayRef>;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare const DialogOverlay: typeof DialogOverlayNative;
+declare function DialogContent({ className, children, portalHost, ...props }: DialogPrimitive.ContentProps & {
+    ref?: React.RefObject<DialogPrimitive.ContentRef>;
+    className?: string;
+    portalHost?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogPrimitive.TitleProps & {
+    ref?: React.RefObject<DialogPrimitive.TitleRef>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogPrimitive.DescriptionProps & {
+    ref?: React.RefObject<DialogPrimitive.DescriptionRef>;
+}): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/ui/dialog.js

@@ -0,0 +1,2 @@
+// @bun
+import{styled as G}from"nativewind";function z(u){G(u,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}import{X as q}from"lucide-react-native";z(q);import{cn as M}from"@contractspec/lib.ui-kit-core/utils";import*as f from"@rn-primitives/dialog";import{Platform as B,StyleSheet as J,View as C}from"react-native";import K,{FadeIn as Q,FadeOut as R}from"react-native-reanimated";import{jsx as I,jsxs as $}from"react/jsx-runtime";var F=f.Root,H=f.Trigger,U=f.Portal,P=f.Close;function Y({className:u,...L}){let{open:W}=f.useRootContext();return I(f.Overlay,{className:M("absolute top-0 right-0 bottom-0 left-0 flex items-center justify-center bg-black/80 p-2",W?"web:fade-in-0 web:animate-in":"web:fade-out-0 web:animate-out",u),...L})}function Z({className:u,children:L,...W}){return I(f.Overlay,{style:J.absoluteFill,className:M("flex items-center justify-center bg-black/80 p-2",u),...W,children:I(K.View,{entering:Q.duration(150),exiting:R.duration(150),children:L})})}var _=B.select({web:Y,default:Z});function O({className:u,children:L,portalHost:W,...E}){let{open:y}=f.useRootContext();return I(U,{hostName:W,children:I(_,{children:$(f.Content,{className:M("max-w-lg web:cursor-default gap-4 rounded-lg border border-border bg-background p-6 shadow-lg web:duration-200",y?"web:fade-in-0 web:zoom-in-95 web:animate-in":"web:fade-out-0 web:zoom-out-95 web:animate-out",u),...E,children:[L,I(f.Close,{className:"web:group absolute top-4 right-4 rounded-xs p-0.5 opacity-70 web:ring-offset-background web:transition-opacity web:hover:opacity-100 web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 web:disabled:pointer-events-none",children:I(q,{size:B.OS==="web"?16:18,className:M("text-muted-foreground",y&&"text-accent-foreground")})})]})})})}function d({className:u,...L}){return I(C,{className:M("flex flex-col gap-1.5 text-center sm:text-left",u),...L})}function v({className:u,...L}){return I(C,{className:M("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",u),...L})}function m({className:u,...L}){return I(f.Title,{className:M("font-semibold native:text-xl text-foreground text-lg leading-none tracking-tight",u),...L})}function t({className:u,...L}){return I(f.Description,{className:M("native:text-base text-muted-foreground text-sm",u),...L})}export{H as DialogTrigger,m as DialogTitle,U as DialogPortal,_ as DialogOverlay,d as DialogHeader,v as DialogFooter,t as DialogDescription,O as DialogContent,P as DialogClose,F as Dialog};

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

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

package/dist/ui/dropdown-menu.js

@@ -0,0 +1,2 @@
+// @bun
+import{styled as I}from"nativewind";function E(W){I(W,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}import{ChevronDown as Q}from"lucide-react-native";E(Q);import{cn as g}from"@contractspec/lib.ui-kit-core/utils";import*as H from"@rn-primitives/slot";import*as J from"react";import{Text as V}from"react-native";import{jsx as P}from"react/jsx-runtime";var K=J.createContext(void 0);function S({className:W,asChild:L=!1,...q}){let B=J.useContext(K);return P(L?H.Text:V,{className:g("web:select-text text-base text-foreground",B,W),...q})}import{Check as X}from"lucide-react-native";E(X);import{ChevronUp as Y}from"lucide-react-native";E(Y);import{ChevronRight as Z}from"lucide-react-native";E(Z);import{cn as A}from"@contractspec/lib.ui-kit-core/utils";import*as f from"@rn-primitives/dropdown-menu";import{Platform as $,StyleSheet as _,Text as R,View as U}from"react-native";import{jsx as z,jsxs as G}from"react/jsx-runtime";var e=f.Root,s=f.Trigger,ff=f.Group,Wf=f.Portal,Lf=f.Sub,qf=f.RadioGroup;function zf({className:W,inset:L,children:q,...B}){let{open:F}=f.useSubContext(),O=$.OS==="web"?Z:F?Y:Q;return z(K.Provider,{value:A("select-none native:text-lg text-primary text-sm",F&&"native:text-accent-foreground"),children:G(f.SubTrigger,{className:A("flex web:cursor-default web:select-none flex-row items-center gap-2 rounded-xs px-2 native:py-2 py-1.5 web:outline-hidden web:hover:bg-accent web:focus:bg-accent active:bg-accent",F&&"bg-accent",L&&"pl-8",W),...B,children:[q,z(O,{size:18,className:"ml-auto text-foreground"})]})})}function Af({className:W,...L}){let{open:q}=f.useSubContext();return z(f.SubContent,{className:A("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 border-border bg-popover p-1 shadow-foreground/5 shadow-md",q?"web:fade-in-0 web:zoom-in-95 web:animate-in":"web:fade-out-0 web:zoom-out web:animate-out",W),...L})}function Bf({className:W,overlayClassName:L,overlayStyle:q,portalHost:B,...F}){let{open:O}=f.useRootContext();return z(f.Portal,{hostName:B,children:z(f.Overlay,{style:q?_.flatten([$.OS!=="web"?_.absoluteFill:void 0,q]):$.OS!=="web"?_.absoluteFill:void 0,className:L,children:z(f.Content,{className:A("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 border-border bg-popover p-1 shadow-foreground/5 shadow-md",O?"web:fade-in-0 web:zoom-in-95 web:animate-in":"web:fade-out-0 web:zoom-out-95 web:animate-out",W),...F})})})}function Ef({className:W,inset:L,...q}){return z(K.Provider,{value:"select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground",children:z(f.Item,{className:A("group relative flex web:cursor-default flex-row items-center gap-2 rounded-xs px-2 native:py-2 py-1.5 web:outline-hidden web:hover:bg-accent web:focus:bg-accent active:bg-accent",L&&"pl-8",q.disabled&&"web:pointer-events-none opacity-50",W),...q})})}function Ff({className:W,children:L,checked:q,...B}){return G(f.CheckboxItem,{className:A("web:group relative flex web:cursor-default flex-row items-center rounded-xs native:py-2 py-1.5 pr-2 pl-8 web:outline-hidden web:focus:bg-accent active:bg-accent",B.disabled&&"web:pointer-events-none opacity-50",W),checked:q,...B,children:[z(U,{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:z(f.ItemIndicator,{children:z(X,{size:14,strokeWidth:3,className:"text-foreground"})})}),L]})}function Jf({className:W,children:L,...q}){return G(f.RadioItem,{className:A("web:group relative flex web:cursor-default flex-row items-center rounded-xs native:py-2 py-1.5 pr-2 pl-8 web:outline-hidden web:focus:bg-accent active:bg-accent",q.disabled&&"web:pointer-events-none opacity-50",W),...q,children:[z(U,{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:z(f.ItemIndicator,{children:z(U,{className:"h-2 w-2 rounded-full bg-foreground"})})}),L]})}function Kf({className:W,inset:L,...q}){return z(f.Label,{className:A("web:cursor-default px-2 py-1.5 font-semibold native:text-base text-foreground text-sm",L&&"pl-8",W),...q})}function Of({className:W,...L}){return z(f.Separator,{className:A("-mx-1 my-1 h-px bg-border",W),...L})}function Qf({className:W,...L}){return z(R,{className:A("ml-auto native:text-sm text-muted-foreground text-xs tracking-widest",W),...L})}export{s as DropdownMenuTrigger,zf as DropdownMenuSubTrigger,Af as DropdownMenuSubContent,Lf as DropdownMenuSub,Qf as DropdownMenuShortcut,Of as DropdownMenuSeparator,Jf as DropdownMenuRadioItem,qf as DropdownMenuRadioGroup,Wf as DropdownMenuPortal,Kf as DropdownMenuLabel,Ef as DropdownMenuItem,ff as DropdownMenuGroup,Bf as DropdownMenuContent,Ff as DropdownMenuCheckboxItem,e as DropdownMenu};

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

@@ -0,0 +1,9 @@
+import type { SharedEmptyStateProps } from '@contractspec/lib.ui-kit-core/interfaces';
+import { type VariantProps } from 'class-variance-authority';
+declare const containerVariants: (props?: ({
+    density?: "default" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface EmptyStateProps extends SharedEmptyStateProps, VariantProps<typeof containerVariants> {
+}
+export declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/empty-state.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as A}from"@contractspec/lib.ui-kit-core/utils";import*as P from"@rn-primitives/slot";import*as Z from"react";import{Text as S}from"react-native";import{jsx as v}from"react/jsx-runtime";var k=Z.createContext(void 0);function F({className:q,asChild:D=!1,...z}){let E=Z.useContext(k);return v(D?P.Text:S,{className:A("web:select-text text-base text-foreground",E,q),...z})}import{cn as $}from"@contractspec/lib.ui-kit-core/utils";import{cva as M}from"class-variance-authority";import{View as Q}from"react-native";import{jsx as B}from"react/jsx-runtime";var R="flex",V=M([R,"flex-col"],{variants:{spacing:{none:"",xs:"gap-y-1",sm:"gap-y-2",md:"gap-y-4",lg:"gap-y-6",xl:"gap-y-8","2xl":"gap-y-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"}},defaultVariants:{spacing:"md",align:"stretch",justify:"start",width:"auto",padding:"none",gap:"none"}}),T=M([R,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"start",width:"auto",padding:"none",gap:"none",wrap:"wrap"}}),w=M([R,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"center",width:"auto",padding:"none",gap:"none",wrap:"wrap"}});function o({className:q,spacing:D,align:z,justify:E,width:K,padding:O,gap:U,wrap:W,..._}){return B(Q,{className:$(w({spacing:D,align:z,justify:E,width:K,padding:O,gap:U,wrap:W}),q),..._})}function n({className:q,spacing:D,align:z,justify:E,width:K,padding:O,gap:U,wrap:W,..._}){return B(Q,{className:$(T({spacing:D,align:z,justify:E,width:K,padding:O,gap:U,wrap:W}),q),..._})}function H({className:q,spacing:D,align:z,justify:E,width:K,padding:O,gap:U,...W}){return B(Q,{className:$(V({spacing:D,align:z,justify:E,width:K,padding:O,gap:U}),q),...W})}import{cn as I}from"@contractspec/lib.ui-kit-core/utils";import*as G from"@rn-primitives/slot";import{Platform as b}from"react-native";import{jsx as J}from"react/jsx-runtime";function t({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{role:"heading","aria-level":"1",className:I("web:select-text web:scroll-m-20 font-extrabold text-4xl text-foreground tracking-tight lg:text-5xl",q),...z})}function i({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{role:"heading","aria-level":"2",className:I("web:select-text web:scroll-m-20 border-border border-b pb-2 font-semibold text-3xl text-foreground tracking-tight first:mt-0",q),...z})}function f({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{role:"heading","aria-level":"3",className:I("web:select-text web:scroll-m-20 font-semibold text-2xl text-foreground tracking-tight",q),...z})}function a({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{role:"heading","aria-level":"4",className:I("web:select-text web:scroll-m-20 font-semibold text-foreground text-xl tracking-tight",q),...z})}function s({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{className:I("web:select-text text-base text-foreground",q),...z})}function qq({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{role:b.OS==="web"?"blockquote":void 0,className:I("mt-6 native:mt-4 web:select-text border-border border-l-2 native:pl-3 pl-6 text-base text-foreground italic",q),...z})}function zq({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{role:b.OS==="web"?"code":void 0,className:I("relative web:select-text rounded-md bg-muted px-[0.3rem] py-[0.2rem] font-semibold text-foreground text-sm",q),...z})}function Dq({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{className:I("web:select-text text-muted-foreground text-xl",q),...z})}function Eq({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{className:I("web:select-text font-semibold text-foreground text-xl",q),...z})}function Fq({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{className:I("web:select-text font-medium text-foreground text-sm leading-none",q),...z})}function Gq({className:q,asChild:D=!1,...z}){return J(D?G.Text:F,{className:I("web:select-text text-muted-foreground text-sm",q),...z})}import{cn as u}from"@contractspec/lib.ui-kit-core/utils";import{cva as y}from"class-variance-authority";import{View as X}from"react-native";import{jsx as Y,jsxs as L}from"react/jsx-runtime";var g=y("items-center text-center",{variants:{density:{compact:"gap-3 p-6",default:"gap-4 p-8"}},defaultVariants:{density:"default"}});function Zq({icon:q,title:D,description:z,primaryAction:E,secondaryAction:K,className:O,density:U}){return L(H,{className:u(g({density:U}),O),children:[q?Y(X,{className:"flex h-12 w-12 items-center justify-center rounded-full bg-muted",children:Y(X,{className:"flex items-center justify-center text-muted-foreground",children:q})}):null,L(X,{children:[Y(f,{className:"font-medium",children:D}),z?Y(X,{className:"text-base text-muted-foreground",children:Y(F,{children:z})}):null]}),(E||K)&&L(X,{className:"flex items-center justify-center gap-2",children:[E,K]})]})}export{Zq as EmptyState};

package/dist/ui/empty.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type ViewProps } from 'react-native';
+declare function Empty({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyHeader({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: ViewProps & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function EmptyTitle({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyDescription({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContent({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, };

package/dist/ui/empty.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as q}from"@contractspec/lib.ui-kit-core/utils";import{cva as F}from"class-variance-authority";import{View as z}from"react-native";import{jsx as A}from"react/jsx-runtime";function L({className:g,...f}){return A(z,{"data-slot":"empty",className:q("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",g),...f})}function O({className:g,...f}){return A(z,{"data-slot":"empty-header",className:q("flex max-w-sm flex-col items-center gap-2 text-center",g),...f})}var G=F("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{default:"bg-transparent",icon:"flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"}},defaultVariants:{variant:"default"}});function P({className:g,variant:f="default",...B}){return A(z,{"data-slot":"empty-icon","data-variant":f,className:q(G({variant:f,className:g})),...B})}function Q({className:g,...f}){return A(z,{"data-slot":"empty-title",className:q("font-medium text-lg tracking-tight",g),...f})}function R({className:g,...f}){return A(z,{"data-slot":"empty-description",className:q("text-muted-foreground text-sm/relaxed [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",g),...f})}function S({className:g,...f}){return A(z,{"data-slot":"empty-content",className:q("flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",g),...f})}export{Q as EmptyTitle,P as EmptyMedia,O as EmptyHeader,R as EmptyDescription,S as EmptyContent,L as Empty};

package/dist/ui/fab.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface FABAction {
+    icon: React.ReactNode;
+    label: string;
+    onPress: () => void;
+    color?: string;
+}
+interface FABProps {
+    actions: FABAction[];
+    className?: string;
+    mainIcon?: React.ReactNode;
+    mainColor?: string;
+}
+export declare function FAB({ actions, className, mainIcon, mainColor, }: FABProps): import("react/jsx-runtime").JSX.Element;
+export declare function MiniFAB({ icon, onPress, className, color, }: {
+    icon: React.ReactNode;
+    onPress: () => void;
+    className?: string;
+    color?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/fab.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as z}from"@contractspec/lib.ui-kit-core/utils";import{Plus as M,X}from"lucide-react-native";import{useState as Y}from"react";import{Pressable as Q,StyleSheet as C,View as R}from"react-native";import T,{useAnimatedStyle as K,withSpring as L,withTiming as V}from"react-native-reanimated";import{jsx as q,jsxs as v}from"react/jsx-runtime";var U=T.createAnimatedComponent(Q);function A({actions:B,className:D,mainIcon:E,mainColor:F="bg-primary"}){let[f,G]=Y(!1),W=()=>{G(!f)},Z=K(()=>{return{transform:[{rotate:L(f?"45deg":"0deg",{damping:15,stiffness:150})}]}});return v(R,{className:z("absolute right-4 bottom-24 z-50",D),children:[f&&q(Q,{style:C.absoluteFillObject,className:"fixed inset-0 -top-full -left-full h-[200%] w-[200%]",onPress:()=>G(!1)}),B.map((H,J)=>{let _=K(()=>{let k=f?-(J+1)*65:0;return{transform:[{translateY:L(k,{damping:15,stiffness:150,mass:1+J*0.1})}],opacity:V(f?1:0,{duration:200}),pointerEvents:f?"auto":"none"}}),$=K(()=>{return{transform:[{scale:L(f?1:0.8,{damping:15,stiffness:150})}]}});return q(U,{style:[_,$],className:"absolute right-0 bottom-0",onPress:()=>{H.onPress(),G(!1)},children:q(R,{className:z("h-12 w-12 items-center justify-center rounded-full shadow-lg",H.color||"bg-secondary"),children:H.icon})},J)}),q(U,{onPress:W,className:z("h-14 w-14 items-center justify-center rounded-full shadow-xl",F),style:[Z,{shadowColor:"#000",shadowOffset:{width:0,height:4},shadowOpacity:0.3,shadowRadius:8,elevation:8}],children:f?q(X,{size:24,color:"white",strokeWidth:2.5}):E||q(M,{size:24,color:"white",strokeWidth:2.5})})]})}function b({icon:B,onPress:D,className:E,color:F="bg-primary"}){return q(Q,{onPress:D,className:z("h-12 w-12 items-center justify-center rounded-full shadow-lg",F,E),style:{shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:0.25,shadowRadius:4,elevation:5},children:B})}export{b as MiniFAB,A as FAB};

package/dist/ui/field.d.ts

@@ -0,0 +1,21 @@
+import type { SharedFieldErrorProps, SharedFieldLegendProps, SharedFieldProps } from '@contractspec/lib.ui-kit-core/interfaces';
+import { type VariantProps } from 'class-variance-authority';
+import { Label } from './label';
+import { type BoxProps } from './stack';
+import { type TypographyProps } from './typography';
+declare function FieldSet({ className, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: BoxProps & SharedFieldLegendProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: BoxProps & SharedFieldProps & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: BoxProps & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: BoxProps & SharedFieldErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };

package/dist/ui/field.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as v}from"@contractspec/lib.ui-kit-core/utils";import*as f from"@rn-primitives/slot";import*as Q from"react";import{Text as g}from"react-native";import{jsx as u}from"react/jsx-runtime";var C=Q.createContext(void 0);function U({className:z,asChild:q=!1,...A}){let J=Q.useContext(C);return u(q?f.Text:g,{className:v("web:select-text text-base text-foreground",J,z),...A})}import{cn as B}from"@contractspec/lib.ui-kit-core/utils";import*as R from"@rn-primitives/label";import{Platform as k}from"react-native";import{jsx as w}from"react/jsx-runtime";function y({className:z,onPress:q,onLongPress:A,onPressIn:J,onPressOut:X,disabled:Y,...E}){return w(R.Root,{className:B("flex select-none flex-row items-center gap-2",k.select({web:"cursor-default leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50"}),Y&&"opacity-50"),onPress:q,onLongPress:A,onPressIn:J,onPressOut:X,disabled:Y,children:w(R.Text,{className:B("font-medium text-foreground text-sm",k.select({web:"leading-none"}),z),...E})})}import{cn as M}from"@contractspec/lib.ui-kit-core/utils";import{cva as O}from"class-variance-authority";import{View as H}from"react-native";import{jsx as V}from"react/jsx-runtime";var L="flex",j=O([L,"flex-col"],{variants:{spacing:{none:"",xs:"gap-y-1",sm:"gap-y-2",md:"gap-y-4",lg:"gap-y-6",xl:"gap-y-8","2xl":"gap-y-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"}},defaultVariants:{spacing:"md",align:"stretch",justify:"start",width:"auto",padding:"none",gap:"none"}}),h=O([L,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"start",width:"auto",padding:"none",gap:"none",wrap:"wrap"}}),N=O([L,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"center",width:"auto",padding:"none",gap:"none",wrap:"wrap"}});function $({className:z,spacing:q,align:A,justify:J,width:X,padding:Y,gap:E,wrap:G,...I}){return V(H,{className:M(N({spacing:q,align:A,justify:J,width:X,padding:Y,gap:E,wrap:G}),z),...I})}function Jq({className:z,spacing:q,align:A,justify:J,width:X,padding:Y,gap:E,wrap:G,...I}){return V(H,{className:M(h({spacing:q,align:A,justify:J,width:X,padding:Y,gap:E,wrap:G}),z),...I})}function S({className:z,spacing:q,align:A,justify:J,width:X,padding:Y,gap:E,...G}){return V(H,{className:M(j({spacing:q,align:A,justify:J,width:X,padding:Y,gap:E}),z),...G})}import{cn as Z}from"@contractspec/lib.ui-kit-core/utils";import*as W from"@rn-primitives/slot";import{Platform as P}from"react-native";import{jsx as _}from"react/jsx-runtime";function Zq({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{role:"heading","aria-level":"1",className:Z("web:select-text web:scroll-m-20 font-extrabold text-4xl text-foreground tracking-tight lg:text-5xl",z),...A})}function _q({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{role:"heading","aria-level":"2",className:Z("web:select-text web:scroll-m-20 border-border border-b pb-2 font-semibold text-3xl text-foreground tracking-tight first:mt-0",z),...A})}function $q({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{role:"heading","aria-level":"3",className:Z("web:select-text web:scroll-m-20 font-semibold text-2xl text-foreground tracking-tight",z),...A})}function Dq({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{role:"heading","aria-level":"4",className:Z("web:select-text web:scroll-m-20 font-semibold text-foreground text-xl tracking-tight",z),...A})}function F({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{className:Z("web:select-text text-base text-foreground",z),...A})}function Eq({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{role:P.OS==="web"?"blockquote":void 0,className:Z("mt-6 native:mt-4 web:select-text border-border border-l-2 native:pl-3 pl-6 text-base text-foreground italic",z),...A})}function Gq({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{role:P.OS==="web"?"code":void 0,className:Z("relative web:select-text rounded-md bg-muted px-[0.3rem] py-[0.2rem] font-semibold text-foreground text-sm",z),...A})}function Qq({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{className:Z("web:select-text text-muted-foreground text-xl",z),...A})}function Rq({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{className:Z("web:select-text font-semibold text-foreground text-xl",z),...A})}function Iq({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{className:Z("web:select-text font-medium text-foreground text-sm leading-none",z),...A})}function Mq({className:z,asChild:q=!1,...A}){return _(q?W.Text:U,{className:Z("web:select-text text-muted-foreground text-sm",z),...A})}import{cn as m}from"@contractspec/lib.ui-kit-core/utils";import*as T from"@rn-primitives/separator";import{jsx as x}from"react/jsx-runtime";function b({className:z,orientation:q="horizontal",decorative:A=!0,...J}){return x(T.Root,{decorative:A,orientation:q,className:m("shrink-0 bg-border",q==="horizontal"?"h-px w-full":"h-full w-px",z),...J})}import{cn as D}from"@contractspec/lib.ui-kit-core/utils";import{cva as d}from"class-variance-authority";import{useMemo as n}from"react";import{jsx as K,jsxs as l}from"react/jsx-runtime";function Tq({className:z,...q}){return K($,{"data-slot":"field-set",className:D("flex flex-col gap-6","has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",z),...q})}function bq({className:z,variant:q="legend",...A}){return K($,{"data-slot":"field-legend","data-variant":q,className:D("mb-3 font-medium","data-[variant=legend]:text-base","data-[variant=label]:text-sm",z),...A})}function vq({className:z,...q}){return K($,{"data-slot":"field-group",className:D("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",z),...q})}var o=d("group/field flex w-full gap-3 data-[invalid=true]:text-destructive",{variants:{orientation:{vertical:["flex-col *:w-full [&>.sr-only]:w-auto"],horizontal:["flex-row items-center","data-[slot=field-label]:*:flex-auto","has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"],responsive:["@md/field-group:flex-row flex-col @md/field-group:items-center *:w-full @md/field-group:*:w-auto [&>.sr-only]:w-auto","@md/field-group:data-[slot=field-label]:*:flex-auto","@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"]}},defaultVariants:{orientation:"vertical"}});function gq({className:z,orientation:q="vertical",...A}){return K($,{role:"group","data-slot":"field","data-orientation":q,className:D(o({orientation:q}),z),...A})}function Cq({className:z,...q}){return K($,{"data-slot":"field-content",className:D("group/field-content flex flex-1 flex-col gap-1.5 leading-snug",z),...q})}function uq({className:z,...q}){return K(y,{"data-slot":"field-label",className:D("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50","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","has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",z),...q})}function jq({className:z,...q}){return K($,{"data-slot":"field-label",className:D("flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50",z),...q})}function hq({className:z,...q}){return K(F,{"data-slot":"field-description",className:D("font-normal text-muted-foreground text-sm leading-normal group-has-data-[orientation=horizontal]/field:text-balance","nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5","[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",z),...q})}function Nq({children:z,className:q,...A}){return l($,{"data-slot":"field-separator","data-content":!!z,className:D("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",q),...A,children:[K(b,{className:"absolute inset-0 top-1/2"}),z&&K($,{className:"relative mx-auto block w-fit bg-background px-2 text-muted-foreground","data-slot":"field-separator-content",children:z})]})}function mq({className:z,children:q,errors:A,...J}){let X=n(()=>{if(q)return q;if(!A?.length)return null;if(A?.length==1)return A[0]?.message;return K(S,{className:"ml-4 flex list-disc flex-col gap-1",children:A.map((Y,E)=>Y?.message&&K(F,{children:Y.message},E))})},[q,A]);if(!X)return null;return K($,{role:"alert","data-slot":"field-error",className:D("font-normal text-destructive text-sm",z),...J,children:X})}export{jq as FieldTitle,Tq as FieldSet,Nq as FieldSeparator,bq as FieldLegend,uq as FieldLabel,vq as FieldGroup,mq as FieldError,hq as FieldDescription,Cq as FieldContent,gq as Field};

package/dist/ui/form.d.ts

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

package/dist/ui/form.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as v}from"@contractspec/lib.ui-kit-core/utils";import*as V from"@rn-primitives/slot";import*as z from"react";import{Text as I}from"react-native";import{jsx as b}from"react/jsx-runtime";var T=z.createContext(void 0);function J({className:A,asChild:q=!1,...E}){let G=z.useContext(T);return b(q?V.Text:I,{className:v("web:select-text text-base text-foreground",G,A),...E})}import{cn as R}from"@contractspec/lib.ui-kit-core/utils";import*as B from"@rn-primitives/label";import{Platform as y}from"react-native";import{jsx as D}from"react/jsx-runtime";function H({className:A,onPress:q,onLongPress:E,onPressIn:G,onPressOut:X,disabled:$,...Z}){return D(B.Root,{className:R("flex select-none flex-row items-center gap-2",y.select({web:"cursor-default leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50"}),$&&"opacity-50"),onPress:q,onLongPress:E,onPressIn:G,onPressOut:X,disabled:$,children:D(B.Text,{className:R("font-medium text-foreground text-sm",y.select({web:"leading-none"}),A),...Z})})}import{cn as U}from"@contractspec/lib.ui-kit-core/utils";import*as K from"@rn-primitives/slot";import{Platform as M}from"react-native";import{jsx as W}from"react/jsx-runtime";function l({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{role:"heading","aria-level":"1",className:U("web:select-text web:scroll-m-20 font-extrabold text-4xl text-foreground tracking-tight lg:text-5xl",A),...E})}function t({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{role:"heading","aria-level":"2",className:U("web:select-text web:scroll-m-20 border-border border-b pb-2 font-semibold text-3xl text-foreground tracking-tight first:mt-0",A),...E})}function o({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{role:"heading","aria-level":"3",className:U("web:select-text web:scroll-m-20 font-semibold text-2xl text-foreground tracking-tight",A),...E})}function a({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{role:"heading","aria-level":"4",className:U("web:select-text web:scroll-m-20 font-semibold text-foreground text-xl tracking-tight",A),...E})}function O({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{className:U("web:select-text text-base text-foreground",A),...E})}function r({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{role:M.OS==="web"?"blockquote":void 0,className:U("mt-6 native:mt-4 web:select-text border-border border-l-2 native:pl-3 pl-6 text-base text-foreground italic",A),...E})}function e({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{role:M.OS==="web"?"code":void 0,className:U("relative web:select-text rounded-md bg-muted px-[0.3rem] py-[0.2rem] font-semibold text-foreground text-sm",A),...E})}function s({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{className:U("web:select-text text-muted-foreground text-xl",A),...E})}function qq({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{className:U("web:select-text font-semibold text-foreground text-xl",A),...E})}function Aq({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{className:U("web:select-text font-medium text-foreground text-sm leading-none",A),...E})}function Eq({className:A,asChild:q=!1,...E}){return W(q?K.Text:J,{className:U("web:select-text text-muted-foreground text-sm",A),...E})}import{cn as Q}from"@contractspec/lib.ui-kit-core/utils";import*as S from"@rn-primitives/slot";import*as Y from"react";import{Controller as P,FormProvider as f,useFormContext as u,useFormState as j}from"react-hook-form";import{View as L}from"react-native";import{zodResolver as Rq}from"@hookform/resolvers/zod";import{useFieldArray as Dq,useForm as Hq}from"react-hook-form";import{jsx as _}from"react/jsx-runtime";var Zq=f,g=Y.createContext({}),_q=({...A})=>{return _(g.Provider,{value:{name:A.name},children:_(P,{...A})})},w=()=>{let A=Y.useId(),q=Y.useContext(g),E=Y.useContext(k),{getFieldState:G}=u();if(!q?.name)throw Error("useFormField should be used within <FormField>");let X=j({name:q.name}),$=G(q.name,X),Z=E?.id??A;return{id:Z,name:q.name,formItemId:`${Z}-form-item`,formDescriptionId:`${Z}-form-item-description`,formMessageId:`${Z}-form-item-message`,...$}},k=Y.createContext({});function $q({className:A,...q}){let E=Y.useId();return _(k.Provider,{value:{id:E},children:_(L,{"data-slot":"form-item",className:Q("flex flex-col gap-2",A),...q})})}function zq({className:A,...q}){let{error:E,formItemId:G}=w();return _(H,{"data-slot":"form-label","data-error":!!E,className:Q("data-[error=true]:text-destructive",A),htmlFor:G,...q})}function Bq({asChild:A=!1,...q}){let E=A?S.Text:L,{error:G,formItemId:X,formDescriptionId:$,formMessageId:Z}=w();return _(E,{"data-slot":"form-control",id:X,"aria-describedby":!G?`${$}`:`${$} ${Z}`,"aria-invalid":!!G,...q})}function Qq({className:A,...q}){let{formDescriptionId:E}=w();return _(O,{"data-slot":"form-description",nativeID:E,className:Q("text-muted-foreground text-sm",A),...q})}function wq({className:A,...q}){let{error:E,formMessageId:G}=w(),X=E?String(E?.message??""):q.children;if(!X)return null;return _(O,{"data-slot":"form-message",nativeID:G,className:Q("text-destructive text-sm",A),...q,children:X})}export{Rq as zodResolver,w as useFormField,Hq as useForm,Dq as useFieldArray,wq as FormMessage,zq as FormLabel,$q as FormItem,_q as FormField,Qq as FormDescription,Bq as FormControl,Zq as Form};

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

@@ -0,0 +1,25 @@
+import * as HoverCardPrimitive from '@rn-primitives/hover-card';
+import * as React from 'react';
+declare const HoverCard: {
+    ({ asChild, openDelay: _openDelay, closeDelay: _closeDelay, onOpenChange: onOpenChangeProp, ref, ...viewProps }: import("react-native").ViewProps & {
+        asChild?: boolean;
+    } & {
+        onOpenChange?: (open: boolean) => void;
+        openDelay?: number;
+        closeDelay?: number;
+    } & React.RefAttributes<import("react-native").View>): React.JSX.Element;
+    displayName: string;
+};
+declare const HoverCardTrigger: {
+    ({ asChild, onPress: onPressProp, disabled, ref, ...props }: Omit<import("react-native").PressableProps & React.RefAttributes<import("react-native").View>, "ref"> & {
+        asChild?: boolean;
+    } & {
+        onKeyDown?: (ev: React.KeyboardEvent) => void;
+        onKeyUp?: (ev: React.KeyboardEvent) => void;
+    } & React.RefAttributes<import("@rn-primitives/hover-card").TriggerRef>): React.JSX.Element;
+    displayName: string;
+};
+declare function HoverCardContent({ className, align, sideOffset, ...props }: HoverCardPrimitive.ContentProps & {
+    ref?: React.RefObject<HoverCardPrimitive.ContentRef>;
+}): import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/ui/hover-card.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as M}from"@contractspec/lib.ui-kit-core/utils";import*as L from"@rn-primitives/slot";import*as z from"react";import{Text as Q}from"react-native";import{jsx as U}from"react/jsx-runtime";var J=z.createContext(void 0);function y({className:B,asChild:D=!1,...E}){let G=z.useContext(J);return U(D?L.Text:Q,{className:M("web:select-text text-base text-foreground",G,B),...E})}import{cn as V}from"@contractspec/lib.ui-kit-core/utils";import*as q from"@rn-primitives/hover-card";import{Platform as W,StyleSheet as X}from"react-native";import Y,{FadeIn as Z}from"react-native-reanimated";import{jsx as w}from"react/jsx-runtime";var k=q.Root,O=q.Trigger;function S({className:B,align:D="center",sideOffset:E=4,...G}){let{open:K}=q.useRootContext();return w(q.Portal,{children:w(q.Overlay,{style:W.OS!=="web"?X.absoluteFill:void 0,children:w(Y.View,{entering:Z,children:w(J.Provider,{value:"text-popover-foreground",children:w(q.Content,{align:D,sideOffset:E,className:V("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 w-64 web:cursor-auto rounded-md border border-border bg-popover p-4 shadow-foreground/5 shadow-md web:outline-hidden",K?"web:fade-in-0 web:zoom-in-95 web:animate-in":"web:fade-out-0 web:zoom-out-95 web:animate-out",B),...G})})})})})}export{O as HoverCardTrigger,S as HoverCardContent,k as HoverCard};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as o}from"nativewind";function t(e){o(e,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}import{Check as i}from"lucide-react-native";t(i);export{i as Check};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as e}from"nativewind";function t(o){e(o,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}import{ChevronDown as i}from"lucide-react-native";t(i);export{i as ChevronDown};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as o}from"nativewind";function t(e){o(e,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}import{ChevronRight as i}from"lucide-react-native";t(i);export{i as ChevronRight};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as o}from"nativewind";function t(e){o(e,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}import{ChevronUp as i}from"lucide-react-native";t(i);export{i as ChevronUp};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as o}from"nativewind";function t(e){o(e,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}t(i);export{i as CircleUserRoundIcon};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as e}from"nativewind";function t(o){e(o,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}t(i);export{i as Info};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as e}from"nativewind";function t(o){e(o,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}t(i);export{i as KeyRoundIcon};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as e}from"nativewind";function t(o){e(o,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}t(i);export{i as MoonStar};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as o}from"nativewind";function t(e){o(e,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}t(i);export{i as Sun};

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

@@ -0,0 +1,2 @@
+// @bun
+import{styled as o}from"nativewind";function t(e){o(e,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}import{X as i}from"lucide-react-native";t(i);export{i as X};

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

@@ -0,0 +1,2 @@
+import type { LucideIcon } from 'lucide-react-native';
+export declare function iconWithClassName(icon: LucideIcon): void;

package/dist/ui/icons/iconWithClassName.js

@@ -0,0 +1,2 @@
+// @bun
+import{styled as e}from"nativewind";function o(t){e(t,{className:{target:"style",nativeStyleMapping:{color:!0,opacity:!0}}})}export{o as iconWithClassName};

package/dist/ui/input-group.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { Button, type ButtonProps } from './button';
+import { Input, type InputProps } from './input';
+import { HStack, type HStackProps } from './stack';
+import { Text, type TextProps } from './text';
+import { Textarea, type TextareaProps } from './textarea';
+export type InputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+type SlotProps = {
+    'data-slot'?: string;
+};
+type InputGroupProps = HStackProps & SlotProps & {
+    'data-disabled'?: boolean | string;
+};
+type InputGroupAddonProps = Omit<HStackProps, 'align'> & SlotProps & {
+    align?: InputGroupAddonAlign;
+    'data-align'?: InputGroupAddonAlign;
+};
+declare function InputGroup({ className, ...props }: InputGroupProps & {
+    ref?: React.RefObject<React.ComponentRef<typeof HStack>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupAddon({ align: _align, className, ...props }: InputGroupAddonProps & {
+    ref?: React.RefObject<React.ComponentRef<typeof HStack>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupButton({ className, ...props }: ButtonProps & SlotProps & {
+    ref?: React.RefObject<React.ComponentRef<typeof Button>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: TextProps & SlotProps & {
+    ref?: React.RefObject<React.ComponentRef<typeof Text>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: InputProps & SlotProps & {
+    ref?: React.RefObject<React.ComponentRef<typeof Input>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: TextareaProps & SlotProps & {
+    ref?: React.RefObject<React.ComponentRef<typeof Textarea>>;
+}): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/ui/input-group.js

@@ -0,0 +1,2 @@
+// @bun
+import{cn as k}from"@contractspec/lib.ui-kit-core/utils";import*as H from"@rn-primitives/slot";import*as U from"react";import{Text as w}from"react-native";import{jsx as C}from"react/jsx-runtime";var X=U.createContext(void 0);function z({className:D,asChild:q=!1,...E}){let F=U.useContext(X);return C(q?H.Text:w,{className:k("web:select-text text-base text-foreground",F,D),...E})}import{cn as h}from"@contractspec/lib.ui-kit-core/utils";import{cva as G}from"class-variance-authority";import{Pressable as T}from"react-native";import{jsx as B}from"react/jsx-runtime";var b=G("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2",{variants:{variant:{default:"bg-primary web:hover:opacity-90 active:opacity-90",destructive:"bg-destructive web:hover:opacity-90 active:opacity-90",outline:"border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",secondary:"bg-secondary web:hover:opacity-80 active:opacity-80",ghost:"web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",link:"web:underline-offset-4 web:hover:underline web:focus:underline"},size:{default:"h-10 native:h-12 native:px-5 px-4 native:py-3 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 native:h-14 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),v=G("web:whitespace-nowrap font-medium native:text-base text-foreground text-sm web:transition-colors",{variants:{variant:{default:"text-primary-foreground",destructive:"text-destructive-foreground",outline:"group-active:text-accent-foreground",secondary:"text-secondary-foreground group-active:text-secondary-foreground",ghost:"group-active:text-accent-foreground",link:"text-primary group-active:underline"},size:{default:"",sm:"",lg:"native:text-lg",icon:""}},defaultVariants:{variant:"default",size:"default"}});function S({ref:D,className:q,variant:E,size:F,...J}){return B(X.Provider,{value:v({variant:E,size:F,className:"web:pointer-events-none"}),children:B(T,{className:h(J.disabled&&"web:pointer-events-none opacity-50",b({variant:E,size:F,className:q})),ref:D,role:"button",...J})})}import{cn as Y}from"@contractspec/lib.ui-kit-core/utils";import{cva as Z}from"class-variance-authority";import{View as _}from"react-native";import{jsx as P}from"react/jsx-runtime";var $="flex",g=Z([$,"flex-col"],{variants:{spacing:{none:"",xs:"gap-y-1",sm:"gap-y-2",md:"gap-y-4",lg:"gap-y-6",xl:"gap-y-8","2xl":"gap-y-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"}},defaultVariants:{spacing:"md",align:"stretch",justify:"start",width:"auto",padding:"none",gap:"none"}}),d=Z([$,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"start",width:"auto",padding:"none",gap:"none",wrap:"wrap"}}),j=Z([$,"flex-row"],{variants:{spacing:{none:"",xs:"gap-x-1",sm:"gap-x-2",md:"gap-x-4",lg:"gap-x-6",xl:"gap-x-8","2xl":"gap-x-12"},align:{stretch:"items-stretch",start:"items-start",center:"items-center",end:"items-end",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},width:{auto:"w-auto",full:"w-full",screen:"w-screen",fit:"w-fit"},padding:{none:"",xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8"},gap:{none:"",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap",reverse:"flex-wrap-reverse"}},defaultVariants:{spacing:"md",align:"center",justify:"center",width:"auto",padding:"none",gap:"none",wrap:"wrap"}});function Eq({className:D,spacing:q,align:E,justify:F,width:J,padding:M,gap:O,wrap:Q,...W}){return P(_,{className:Y(j({spacing:q,align:E,justify:F,width:J,padding:M,gap:O,wrap:Q}),D),...W})}function A({className:D,spacing:q,align:E,justify:F,width:J,padding:M,gap:O,wrap:Q,...W}){return P(_,{className:Y(d({spacing:q,align:E,justify:F,width:J,padding:M,gap:O,wrap:Q}),D),...W})}function Fq({className:D,spacing:q,align:E,justify:F,width:J,padding:M,gap:O,...Q}){return P(_,{className:Y(g({spacing:q,align:E,justify:F,width:J,padding:M,gap:O}),D),...Q})}import{cn as f}from"@contractspec/lib.ui-kit-core/utils";import{TextInput as N}from"react-native";import{jsx as m}from"react/jsx-runtime";function y({className:D,placeholderClassName:q,...E}){return m(N,{className:f("web:flex h-10 native:h-12 web:w-full rounded-md border border-input bg-background px-3 web:py-2 native:text-lg text-base text-foreground native:leading-tight web:ring-offset-background file:border-0 file:bg-transparent file:font-medium placeholder:text-muted-foreground web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 lg:text-sm",E.editable===!1&&"web:cursor-not-allowed opacity-50",D),placeholderClassName:f("text-muted-foreground",q),...E})}import{cn as I}from"@contractspec/lib.ui-kit-core/utils";import*as V from"react";import{TextInput as x}from"react-native";import{jsx as u}from"react/jsx-runtime";var R=V.forwardRef(({className:D,placeholderClassName:q,...E},F)=>{return u(x,{ref:F,className:I("web:flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 native:text-lg text-base text-foreground native:leading-tight web:ring-offset-background file:border-0 file:bg-transparent file:font-medium placeholder:text-muted-foreground web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 lg:text-sm",E.editable===!1&&"web:cursor-not-allowed opacity-50",D),placeholderClassName:I("text-muted-foreground",q),multiline:!0,...E})});R.displayName="Textarea";import{cn as K}from"@contractspec/lib.ui-kit-core/utils";import{jsx as L}from"react/jsx-runtime";function Hq({className:D,...q}){return L(A,{className:K("w-full rounded-md border border-input bg-background",D),gap:"xs",width:"full",...q})}function zq({align:D="inline-start",className:q,...E}){return L(A,{className:K("items-center px-2 py-1.5",q),gap:"xs",...E})}function Bq({className:D,...q}){return L(S,{className:K("h-8 px-2 shadow-none",D),size:"sm",variant:"ghost",...q})}function Gq({className:D,...q}){return L(z,{className:K("text-muted-foreground text-sm",D),...q})}function Sq({className:D,...q}){return L(y,{className:K("flex-1 border-0 bg-transparent shadow-none",D),...q})}function fq({className:D,...q}){return L(R,{className:K("flex-1 border-0 bg-transparent shadow-none",D),...q})}export{fq as InputGroupTextarea,Gq as InputGroupText,Sq as InputGroupInput,Bq as InputGroupButton,zq as InputGroupAddon,Hq as InputGroup};