panelui-native 0.1.0 → 0.4.0

package/lib/module/components/button/index.js

@@ -1,36 +1,43 @@
 "use strict";
 
-import { forwardRef, isValidElement } from 'react';
+import { forwardRef } from 'react';
 import { tv } from 'tailwind-variants';
 import { AnimatedPressable } from "../../primitives/animated-pressable.js";
 import { Text } from "../../primitives/text.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Spinner } from "../spinner/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const buttonVariants = tv({
   slots: {
     root: 'flex-row items-center justify-center gap-2 rounded-lg border border-transparent',
-    label: 'font-medium'
+    label: 'font-medium',
+    spinner: ''
   },
   variants: {
     variant: {
       primary: {
         root: 'border-primary bg-primary shadow-sm',
-        label: 'text-primary-foreground'
+        label: 'text-primary-foreground',
+        spinner: 'border-primary-foreground/32 border-t-primary-foreground'
       },
       secondary: {
         root: 'bg-secondary',
-        label: 'text-secondary-foreground'
+        label: 'text-secondary-foreground',
+        spinner: 'border-secondary-foreground/24 border-t-secondary-foreground'
       },
       outline: {
         root: 'border-input bg-popover shadow-sm',
-        label: 'text-foreground'
+        label: 'text-foreground',
+        spinner: 'border-muted border-t-foreground'
       },
       ghost: {
         root: 'bg-transparent',
-        label: 'text-foreground'
+        label: 'text-foreground',
+        spinner: 'border-muted border-t-foreground'
       },
       destructive: {
         root: 'border-destructive bg-destructive shadow-sm',
-        label: 'text-white'
+        label: 'text-white',
+        spinner: 'border-white/32 border-t-white'
       }
     },
     size: {
@@ -50,6 +57,11 @@ const buttonVariants = tv({
         root: 'h-11 w-11 px-0'
       }
     },
+    fullWidth: {
+      true: {
+        root: 'w-full'
+      }
+    },
     disabled: {
       true: {
         root: 'opacity-[0.64]'
@@ -61,40 +73,57 @@ const buttonVariants = tv({
     size: 'md'
   }
 });
+const SPINNER_SIZE = {
+  sm: 'sm',
+  md: 'sm',
+  lg: 'md',
+  icon: 'sm'
+};
 export const Button = /*#__PURE__*/forwardRef(({
   children,
   className,
   labelClassName,
   variant,
   size,
+  fullWidth,
   disabled,
+  loading = false,
+  startContent,
+  endContent,
   ...props
 }, ref) => {
+  const isDisabled = disabled || loading;
   const {
     root,
-    label
+    label,
+    spinner
   } = buttonVariants({
     variant,
     size,
-    disabled: !!disabled
+    fullWidth,
+    disabled: isDisabled
   });
-  return /*#__PURE__*/_jsx(AnimatedPressable, {
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
     ref: ref,
     accessibilityRole: "button",
     accessibilityState: {
-      disabled: !!disabled
+      disabled: isDisabled,
+      busy: loading
     },
-    disabled: disabled,
+    disabled: isDisabled,
     className: root({
       className
     }),
     ...props,
-    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+    children: [loading ? /*#__PURE__*/_jsx(Spinner, {
+      size: SPINNER_SIZE[size ?? 'md'],
+      className: spinner()
+    }) : startContent, typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
       className: label({
         className: labelClassName
       }),
       children: children
-    }) : /*#__PURE__*/isValidElement(children) ? children : children
+    }) : children, endContent]
   });
 });
 Button.displayName = 'Button';

package/lib/module/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","isValidElement","tv","AnimatedPressable","Text","jsx","_jsx","buttonVariants","slots","root","label","variants","variant","primary","secondary","outline","ghost","destructive","size","sm","md","lg","icon","disabled","true","defaultVariants","Button","children","className","labelClassName","props","ref","accessibilityRole","accessibilityState","displayName"],"sourceRoot":"../../../../src","sources":["components/button/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,cAAc,QAAwB,OAAO;AAElE,SAASC,EAAE,QAA2B,mBAAmB;AACzD,SACEC,iBAAiB,QAEZ,wCAAqC;AAC5C,SAASC,IAAI,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,cAAc,GAAGL,EAAE,CAAC;EACxBM,KAAK,EAAE;IACLC,IAAI,EAAE,iFAAiF;IACvFC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;QACPJ,IAAI,EAAE,qCAAqC;QAC3CC,KAAK,EAAE;MACT,CAAC;MACDI,SAAS,EAAE;QACTL,IAAI,EAAE,cAAc;QACpBC,KAAK,EAAE;MACT,CAAC;MACDK,OAAO,EAAE;QACPN,IAAI,EAAE,mCAAmC;QACzCC,KAAK,EAAE;MACT,CAAC;MACDM,KAAK,EAAE;QACLP,IAAI,EAAE,gBAAgB;QACtBC,KAAK,EAAE;MACT,CAAC;MACDO,WAAW,EAAE;QACXR,IAAI,EAAE,6CAA6C;QACnDC,KAAK,EAAE;MACT;IACF,CAAC;IACDQ,IAAI,EAAE;MACJC,EAAE,EAAE;QAAEV,IAAI,EAAE,oBAAoB;QAAEC,KAAK,EAAE;MAAU,CAAC;MACpDU,EAAE,EAAE;QAAEX,IAAI,EAAE,WAAW;QAAEC,KAAK,EAAE;MAAY,CAAC;MAC7CW,EAAE,EAAE;QAAEZ,IAAI,EAAE,WAAW;QAAEC,KAAK,EAAE;MAAU,CAAC;MAC3CY,IAAI,EAAE;QAAEb,IAAI,EAAE;MAAiB;IACjC,CAAC;IACDc,QAAQ,EAAE;MACRC,IAAI,EAAE;QAAEf,IAAI,EAAE;MAAiB;IACjC;EACF,CAAC;EACDgB,eAAe,EAAE;IACfb,OAAO,EAAE,SAAS;IAClBM,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAaF,OAAO,MAAMQ,MAAM,gBAAG1B,UAAU,CAC9B,CACE;EAAE2B,QAAQ;EAAEC,SAAS;EAAEC,cAAc;EAAEjB,OAAO;EAAEM,IAAI;EAAEK,QAAQ;EAAE,GAAGO;AAAM,CAAC,EAC1EC,GAAG,KACA;EACH,MAAM;IAAEtB,IAAI;IAAEC;EAAM,CAAC,GAAGH,cAAc,CAAC;IAAEK,OAAO;IAAEM,IAAI;IAAEK,QAAQ,EAAE,CAAC,CAACA;EAAS,CAAC,CAAC;EAE/E,oBACEjB,IAAA,CAACH,iBAAiB;IAChB4B,GAAG,EAAEA,GAAI;IACTC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEV,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IAC7CA,QAAQ,EAAEA,QAAS;IACnBK,SAAS,EAAEnB,IAAI,CAAC;MAAEmB;IAAU,CAAC,CAAE;IAAA,GAC3BE,KAAK;IAAAH,QAAA,EAER,OAAOA,QAAQ,KAAK,QAAQ,gBAC3BrB,IAAA,CAACF,IAAI;MAACwB,SAAS,EAAElB,KAAK,CAAC;QAAEkB,SAAS,EAAEC;MAAe,CAAC,CAAE;MAAAF,QAAA,EAAEA;IAAQ,CAAO,CAAC,GACtE,aAAA1B,cAAc,CAAC0B,QAAQ,CAAC,GAC1BA,QAAQ,GAERA;EACD,CACgB,CAAC;AAExB,CACF,CAAC;AAEDD,MAAM,CAACQ,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["forwardRef","tv","AnimatedPressable","Text","Spinner","jsx","_jsx","jsxs","_jsxs","buttonVariants","slots","root","label","spinner","variants","variant","primary","secondary","outline","ghost","destructive","size","sm","md","lg","icon","fullWidth","true","disabled","defaultVariants","SPINNER_SIZE","Button","children","className","labelClassName","loading","startContent","endContent","props","ref","isDisabled","accessibilityRole","accessibilityState","busy","displayName"],"sourceRoot":"../../../../src","sources":["components/button/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/card/index.js

@@ -10,7 +10,7 @@ const CardRoot = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  className: cn('rounded-xl border border-border bg-card shadow-sm', className),
+  className: cn('rounded-2xl border border-border bg-card shadow-sm', className),
   ...props
 }));
 CardRoot.displayName = 'Card';
@@ -19,7 +19,7 @@ const CardHeader = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  className: cn('gap-1.5 p-4', className),
+  className: cn('gap-1.5 p-6', className),
   ...props
 }));
 CardHeader.displayName = 'Card.Header';
@@ -30,7 +30,7 @@ const CardTitle = /*#__PURE__*/forwardRef(({
   ref: ref,
   size: "lg",
   weight: "semibold",
-  className: cn('text-card-foreground', className),
+  className: cn('leading-none text-card-foreground', className),
   ...props
 }));
 CardTitle.displayName = 'Card.Title';
@@ -50,7 +50,7 @@ const CardContent = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  className: cn('p-4 pt-0', className),
+  className: cn('p-6 pt-0', className),
   ...props
 }));
 CardContent.displayName = 'Card.Content';
@@ -59,7 +59,7 @@ const CardFooter = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  className: cn('flex-row items-center gap-2 p-4 pt-0', className),
+  className: cn('flex-row items-center gap-2 p-6 pt-0', className),
   ...props
 }));
 CardFooter.displayName = 'Card.Footer';

package/lib/module/components/card/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","cn","Text","jsx","_jsx","CardRoot","className","props","ref","displayName","CardHeader","CardTitle","size","weight","CardDescription","muted","CardContent","CardFooter","Card","Object","assign","Header","Title","Description","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/card/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,mBAAgB;AACnC,SAASC,IAAI,QAAwB,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM7D,MAAMC,QAAQ,gBAAGN,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACxEJ,IAAA,CAACJ,IAAI;EACHQ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEL,EAAE,CAAC,mDAAmD,EAAEK,SAAS,CAAE;EAAA,GAC1EC;AAAK,CACV,CACF,CAAC;AACFF,QAAQ,CAACI,WAAW,GAAG,MAAM;AAE7B,MAAMC,UAAU,gBAAGX,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1EJ,IAAA,CAACJ,IAAI;EAACQ,GAAG,EAAEA,GAAI;EAACF,SAAS,EAAEL,EAAE,CAAC,aAAa,EAAEK,SAAS,CAAE;EAAA,GAAKC;AAAK,CAAG,CACtE,CAAC;AACFG,UAAU,CAACD,WAAW,GAAG,aAAa;AAEtC,MAAME,SAAS,gBAAGZ,UAAU,CAC1B,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BJ,IAAA,CAACF,IAAI;EACHM,GAAG,EAAEA,GAAI;EACTI,IAAI,EAAC,IAAI;EACTC,MAAM,EAAC,UAAU;EACjBP,SAAS,EAAEL,EAAE,CAAC,sBAAsB,EAAEK,SAAS,CAAE;EAAA,GAC7CC;AAAK,CACV,CAEL,CAAC;AACDI,SAAS,CAACF,WAAW,GAAG,YAAY;AAEpC,MAAMK,eAAe,gBAAGf,UAAU,CAChC,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BJ,IAAA,CAACF,IAAI;EAACM,GAAG,EAAEA,GAAI;EAACI,IAAI,EAAC,IAAI;EAACG,KAAK;EAACT,SAAS,EAAEA,SAAU;EAAA,GAAKC;AAAK,CAAG,CAEtE,CAAC;AACDO,eAAe,CAACL,WAAW,GAAG,kBAAkB;AAEhD,MAAMO,WAAW,gBAAGjB,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3EJ,IAAA,CAACJ,IAAI;EAACQ,GAAG,EAAEA,GAAI;EAACF,SAAS,EAAEL,EAAE,CAAC,UAAU,EAAEK,SAAS,CAAE;EAAA,GAAKC;AAAK,CAAG,CACnE,CAAC;AACFS,WAAW,CAACP,WAAW,GAAG,cAAc;AAExC,MAAMQ,UAAU,gBAAGlB,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1EJ,IAAA,CAACJ,IAAI;EACHQ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEL,EAAE,CAAC,sCAAsC,EAAEK,SAAS,CAAE;EAAA,GAC7DC;AAAK,CACV,CACF,CAAC;AACFU,UAAU,CAACR,WAAW,GAAG,aAAa;AAEtC,OAAO,MAAMS,IAAI,GAAGC,MAAM,CAACC,MAAM,CAACf,QAAQ,EAAE;EAC1CgB,MAAM,EAAEX,UAAU;EAClBY,KAAK,EAAEX,SAAS;EAChBY,WAAW,EAAET,eAAe;EAC5BU,OAAO,EAAER,WAAW;EACpBS,MAAM,EAAER;AACV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","cn","Text","jsx","_jsx","CardRoot","className","props","ref","displayName","CardHeader","CardTitle","size","weight","CardDescription","muted","CardContent","CardFooter","Card","Object","assign","Header","Title","Description","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/card/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,mBAAgB;AACnC,SAASC,IAAI,QAAwB,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM7D,MAAMC,QAAQ,gBAAGN,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACxEJ,IAAA,CAACJ,IAAI;EACHQ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEL,EAAE,CAAC,oDAAoD,EAAEK,SAAS,CAAE;EAAA,GAC3EC;AAAK,CACV,CACF,CAAC;AACFF,QAAQ,CAACI,WAAW,GAAG,MAAM;AAE7B,MAAMC,UAAU,gBAAGX,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1EJ,IAAA,CAACJ,IAAI;EAACQ,GAAG,EAAEA,GAAI;EAACF,SAAS,EAAEL,EAAE,CAAC,aAAa,EAAEK,SAAS,CAAE;EAAA,GAAKC;AAAK,CAAG,CACtE,CAAC;AACFG,UAAU,CAACD,WAAW,GAAG,aAAa;AAEtC,MAAME,SAAS,gBAAGZ,UAAU,CAC1B,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BJ,IAAA,CAACF,IAAI;EACHM,GAAG,EAAEA,GAAI;EACTI,IAAI,EAAC,IAAI;EACTC,MAAM,EAAC,UAAU;EACjBP,SAAS,EAAEL,EAAE,CAAC,mCAAmC,EAAEK,SAAS,CAAE;EAAA,GAC1DC;AAAK,CACV,CAEL,CAAC;AACDI,SAAS,CAACF,WAAW,GAAG,YAAY;AAEpC,MAAMK,eAAe,gBAAGf,UAAU,CAChC,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3BJ,IAAA,CAACF,IAAI;EAACM,GAAG,EAAEA,GAAI;EAACI,IAAI,EAAC,IAAI;EAACG,KAAK;EAACT,SAAS,EAAEA,SAAU;EAAA,GAAKC;AAAK,CAAG,CAEtE,CAAC;AACDO,eAAe,CAACL,WAAW,GAAG,kBAAkB;AAEhD,MAAMO,WAAW,gBAAGjB,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC3EJ,IAAA,CAACJ,IAAI;EAACQ,GAAG,EAAEA,GAAI;EAACF,SAAS,EAAEL,EAAE,CAAC,UAAU,EAAEK,SAAS,CAAE;EAAA,GAAKC;AAAK,CAAG,CACnE,CAAC;AACFS,WAAW,CAACP,WAAW,GAAG,cAAc;AAExC,MAAMQ,UAAU,gBAAGlB,UAAU,CAAkB,CAAC;EAAEO,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC1EJ,IAAA,CAACJ,IAAI;EACHQ,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEL,EAAE,CAAC,sCAAsC,EAAEK,SAAS,CAAE;EAAA,GAC7DC;AAAK,CACV,CACF,CAAC;AACFU,UAAU,CAACR,WAAW,GAAG,aAAa;AAEtC,OAAO,MAAMS,IAAI,GAAGC,MAAM,CAACC,MAAM,CAACf,QAAQ,EAAE;EAC1CgB,MAAM,EAAEX,UAAU;EAClBY,KAAK,EAAEX,SAAS;EAChBY,WAAW,EAAET,eAAe;EAC5BU,OAAO,EAAER,WAAW;EACpBS,MAAM,EAAER;AACV,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/checkbox/index.js

@@ -13,7 +13,9 @@ const checkboxVariants = tv({
     row: 'flex-row items-center gap-2.5',
     box: 'h-5 w-5 items-center justify-center rounded-md border border-input bg-background',
     fill: 'absolute inset-0 items-center justify-center rounded-md bg-primary',
-    label: 'text-sm text-foreground'
+    content: 'flex-1 gap-0.5',
+    label: 'text-sm text-foreground',
+    description: 'text-sm text-muted-foreground'
   },
   variants: {
     disabled: {
@@ -28,13 +30,14 @@ export const Checkbox = /*#__PURE__*/forwardRef(({
   checked,
   onCheckedChange,
   disabled,
-  label
+  label,
+  description
 }, ref) => {
   const progress = useSharedValue(checked ? 1 : 0);
   const slots = checkboxVariants({
     disabled: !!disabled
   });
-  const checkColor = useCSSVariable('--primary-foreground');
+  const checkColor = useCSSVariable('--color-primary-foreground');
   useEffect(() => {
     progress.value = checked ? withSpring(1, {
       damping: 15,
@@ -58,11 +61,15 @@ export const Checkbox = /*#__PURE__*/forwardRef(({
       disabled: !!disabled
     },
     accessibilityLabel: label,
+    accessibilityHint: description,
     disabled: disabled,
     onPress: () => onCheckedChange?.(!checked),
-    hitSlop: 8,
+    hitSlop: 8
+    // A description makes the row two lines tall — align the box to the
+    // label rather than centring it against the whole block.
+    ,
     className: slots.row({
-      className
+      className: description ? `items-start ${className ?? ''}` : className
     }),
     children: [/*#__PURE__*/_jsx(View, {
       className: slots.box(),
@@ -74,9 +81,15 @@ export const Checkbox = /*#__PURE__*/forwardRef(({
           color: typeof checkColor === 'string' ? checkColor : '#fff'
         })
       })
-    }), label ? /*#__PURE__*/_jsx(Text, {
-      className: slots.label(),
-      children: label
+    }), label || description ? /*#__PURE__*/_jsxs(View, {
+      className: slots.content(),
+      children: [label ? /*#__PURE__*/_jsx(Text, {
+        className: slots.label(),
+        children: label
+      }) : null, description ? /*#__PURE__*/_jsx(Text, {
+        className: slots.description(),
+        children: description
+      }) : null]
     }) : null]
   });
 });

package/lib/module/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useEffect","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","tv","useCSSVariable","CheckIcon","Text","jsx","_jsx","jsxs","_jsxs","checkboxVariants","slots","row","box","fill","label","variants","disabled","true","Checkbox","className","checked","onCheckedChange","ref","progress","checkColor","value","damping","stiffness","mass","duration","fillStyle","opacity","transform","scale","accessibilityRole","accessibilityState","accessibilityLabel","onPress","hitSlop","children","style","size","color","displayName"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useEffect","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","tv","useCSSVariable","CheckIcon","Text","jsx","_jsx","jsxs","_jsxs","checkboxVariants","slots","row","box","fill","content","label","description","variants","disabled","true","Checkbox","className","checked","onCheckedChange","ref","progress","checkColor","value","damping","stiffness","mass","duration","fillStyle","opacity","transform","scale","accessibilityRole","accessibilityState","accessibilityLabel","accessibilityHint","onPress","hitSlop","children","style","size","color","displayName"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/dialog/index.js

@@ -58,28 +58,32 @@ function DialogContent({
   children,
   ...props
 }) {
+  const context = useDialog('Dialog.Content');
   const {
     open,
     setOpen
-  } = useDialog('Dialog.Content');
+  } = context;
   if (!open) return null;
   return /*#__PURE__*/_jsx(Portal, {
-    children: /*#__PURE__*/_jsxs(Animated.View, {
-      entering: FadeIn.duration(150),
-      exiting: FadeOut.duration(150),
-      className: "absolute inset-0 items-center justify-center p-6",
-      children: [/*#__PURE__*/_jsx(Pressable, {
-        accessibilityLabel: "Close dialog",
-        className: "absolute inset-0 bg-black/50",
-        onPress: dismissible ? () => setOpen(false) : undefined
-      }), /*#__PURE__*/_jsx(Animated.View, {
-        entering: ZoomIn.springify().damping(18).stiffness(250).mass(0.6),
-        exiting: FadeOut.duration(120),
-        accessibilityViewIsModal: true,
-        className: cn('w-full max-w-sm gap-1.5 rounded-2xl border border-border bg-popover p-5 shadow-lg', className),
-        ...props,
-        children: children
-      })]
+    children: /*#__PURE__*/_jsx(DialogContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        entering: FadeIn.duration(150),
+        exiting: FadeOut.duration(150),
+        className: "absolute inset-0 items-center justify-center p-6",
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          accessibilityLabel: "Close dialog",
+          className: "absolute inset-0 bg-black/50",
+          onPress: dismissible ? () => setOpen(false) : undefined
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          entering: ZoomIn.springify().damping(18).stiffness(250).mass(0.6),
+          exiting: FadeOut.duration(120),
+          accessibilityViewIsModal: true,
+          className: cn('w-full max-w-sm gap-1.5 rounded-2xl border border-border bg-popover p-5 shadow-lg', className),
+          ...props,
+          children: children
+        })]
+      })
     })
   });
 }

package/lib/module/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["cloneElement","createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","View","Animated","FadeIn","FadeOut","ZoomIn","Portal","Text","cn","jsx","_jsx","jsxs","_jsxs","DialogContext","useDialog","component","context","Error","DialogRoot","children","open","onOpenChange","defaultOpen","internalOpen","setInternalOpen","isControlled","undefined","resolvedOpen","setOpen","next","Provider","value","DialogTrigger","onPress","args","props","DialogContent","className","dismissible","entering","duration","exiting","accessibilityLabel","springify","damping","stiffness","mass","accessibilityViewIsModal","DialogTitle","ref","size","weight","displayName","DialogDescription","muted","DialogFooter","DialogClose","Dialog","Object","assign","Trigger","Content","Title","Description","Footer","Close"],"sourceRoot":"../../../../src","sources":["components/dialog/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["cloneElement","createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","View","Animated","FadeIn","FadeOut","ZoomIn","Portal","Text","cn","jsx","_jsx","jsxs","_jsxs","DialogContext","useDialog","component","context","Error","DialogRoot","children","open","onOpenChange","defaultOpen","internalOpen","setInternalOpen","isControlled","undefined","resolvedOpen","setOpen","next","Provider","value","DialogTrigger","onPress","args","props","DialogContent","className","dismissible","entering","duration","exiting","accessibilityLabel","springify","damping","stiffness","mass","accessibilityViewIsModal","DialogTitle","ref","size","weight","displayName","DialogDescription","muted","DialogFooter","DialogClose","Dialog","Object","assign","Trigger","Content","Title","Description","Footer","Close"],"sourceRoot":"../../../../src","sources":["components/dialog/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/empty-state/index.js

@@ -0,0 +1,178 @@
+"use strict";
+
+/**
+ * EmptyState — the placeholder shown when a list or view has no content.
+ *
+ * Adapted from: cosscom/coss packages/ui/src/components/empty.tsx
+ * (centered Header / Media / Title / Description / Content anatomy, and the
+ * `icon` media variant that stacks two rotated ghost cards behind the icon).
+ * Coss does that with CSS pseudo-elements; on native it is two absolutely
+ * positioned siblings with static rotate transforms.
+ */
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { Text } from "../../primitives/text.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const emptyStateVariants = tv({
+  slots: {
+    root: 'w-full flex-1 items-center justify-center gap-6 px-6 py-12',
+    header: 'w-full max-w-sm items-center gap-1',
+    title: 'text-center text-xl font-semibold text-foreground',
+    description: 'text-center text-sm text-muted-foreground',
+    content: 'w-full max-w-sm items-center gap-3'
+  }
+});
+const mediaVariants = tv({
+  slots: {
+    wrapper: 'items-center justify-center',
+    card: 'h-9 w-9 shrink-0 items-center justify-center',
+    ghost: 'absolute h-9 w-9 rounded-md border border-border bg-card'
+  },
+  variants: {
+    variant: {
+      default: {
+        card: 'bg-transparent',
+        ghost: 'hidden'
+      },
+      icon: {
+        card: 'rounded-md border border-border bg-card'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'default'
+  }
+});
+const EmptyStateRoot = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    root
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: root({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateRoot.displayName = 'EmptyState';
+
+/** Groups Media, Title and Description into one centered column. */
+const EmptyStateHeader = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    header
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: header({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateHeader.displayName = 'EmptyState.Header';
+/**
+ * Visual anchor above the title. `variant="icon"` frames the child in a small
+ * card with two rotated ghost cards fanned out behind it.
+ */
+const EmptyStateMedia = /*#__PURE__*/forwardRef(({
+  className,
+  variant = 'default',
+  children,
+  ...props
+}, ref) => {
+  const {
+    wrapper,
+    card,
+    ghost
+  } = mediaVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    className: wrapper({
+      className: `mb-4 ${className ?? ''}`
+    }),
+    ...props,
+    children: [variant === 'icon' ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        className: `${ghost()} -translate-x-2 -rotate-[10deg] scale-90`
+      }), /*#__PURE__*/_jsx(View, {
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        className: `${ghost()} translate-x-2 rotate-[10deg] scale-90`
+      })]
+    }) : null, /*#__PURE__*/_jsx(View, {
+      className: card(),
+      children: children
+    })]
+  });
+});
+EmptyStateMedia.displayName = 'EmptyState.Media';
+const EmptyStateTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    title
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: title({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateTitle.displayName = 'EmptyState.Title';
+const EmptyStateDescription = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    description
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: description({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateDescription.displayName = 'EmptyState.Description';
+
+/** Slot below the header, for actions such as a primary button. */
+const EmptyStateContent = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    content
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: content({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateContent.displayName = 'EmptyState.Content';
+export const EmptyState = Object.assign(EmptyStateRoot, {
+  Header: EmptyStateHeader,
+  Media: EmptyStateMedia,
+  Title: EmptyStateTitle,
+  Description: EmptyStateDescription,
+  Content: EmptyStateContent
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","tv","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","emptyStateVariants","slots","root","header","title","description","content","mediaVariants","wrapper","card","ghost","variants","variant","default","icon","defaultVariants","EmptyStateRoot","className","props","ref","displayName","EmptyStateHeader","EmptyStateMedia","children","accessibilityElementsHidden","importantForAccessibility","EmptyStateTitle","EmptyStateDescription","EmptyStateContent","EmptyState","Object","assign","Header","Media","Title","Description","Content"],"sourceRoot":"../../../../src","sources":["components/empty-state/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/frame/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Grouping container (Coss UI's CardFrame): a tinted, rounded surface that
+ * holds a header, one or more inset panels, and a footer. Use it to group
+ * related settings or list sections under a single title.
+ */
+const FrameRoot = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('gap-2 rounded-2xl border border-border bg-surface py-2', className),
+  ...props
+}));
+FrameRoot.displayName = 'Frame';
+const FrameHeader = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('gap-1 px-5 py-2', className),
+  ...props
+}));
+FrameHeader.displayName = 'Frame.Header';
+const FrameTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Text, {
+  ref: ref,
+  size: "base",
+  weight: "semibold",
+  className: cn('text-foreground', className),
+  ...props
+}));
+FrameTitle.displayName = 'Frame.Title';
+const FrameDescription = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Text, {
+  ref: ref,
+  size: "sm",
+  muted: true,
+  className: className,
+  ...props
+}));
+FrameDescription.displayName = 'Frame.Description';
+
+/**
+ * An inset card surface inside a Frame — the raised panel that holds the
+ * frame's actual content, sitting slightly in from the frame's edges.
+ */
+const FramePanel = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('mx-1.5 overflow-hidden rounded-xl border border-border bg-card', className),
+  ...props
+}));
+FramePanel.displayName = 'Frame.Panel';
+
+/**
+ * A row inside a Frame.Panel. Pass `divided` on every row after the first to
+ * draw a hairline separator above it (React Native has no :first-child).
+ */
+
+const FrameRow = /*#__PURE__*/forwardRef(({
+  className,
+  divided,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('flex-row items-center gap-3 px-4 py-3.5', divided && 'border-t border-border', className),
+  ...props
+}));
+FrameRow.displayName = 'Frame.Row';
+const FrameFooter = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('flex-row items-center gap-2 px-5 py-2', className),
+  ...props
+}));
+FrameFooter.displayName = 'Frame.Footer';
+export const Frame = Object.assign(FrameRoot, {
+  Header: FrameHeader,
+  Title: FrameTitle,
+  Description: FrameDescription,
+  Panel: FramePanel,
+  Row: FrameRow,
+  Footer: FrameFooter
+});
+//# sourceMappingURL=index.js.map