@webority/mobile-ui 0.0.38 → 0.1.0

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

@@ -1,4 +1 @@
-"use strict";
-
-export { DateRangePicker, default } from "./DateRangePicker.js";
-//# sourceMappingURL=index.js.map
+export{DateRangePicker,default}from"./DateRangePicker.js";

package/lib/module/components/DecimalInput/DecimalInput.js

@@ -0,0 +1 @@
+import{forwardRef as e,useEffect as n,useState as t}from"react";import{Platform as r}from"react-native";import{Input as o}from"../Input/index.js";import{jsx as a}from"react/jsx-runtime";export function cleanDecimalText(e,{whole:n,signed:t,decimals:r,allowExponent:o}={}){const a=String(e??"");if(o)return a.replace(/[^\d.eE+-]/g,"");const l=Boolean(t)&&a.replace(/[^\d.-]/g,"").startsWith("-");let i=a.replace(n?/\D/g:/[^\d.]/g,"");const c=i.indexOf(".");if(-1!==c){const e=i.slice(c+1).replace(/\./g,"");i=i.slice(0,c+1)+(null==r?e:e.slice(0,r))}return(l?"-":"")+i}export function parseDecimalText(e){if(""===e||"-"===e||"."===e||"-."===e)return"";const n=Number(e);return Number.isFinite(n)?n:""}const textOf=e=>null==e||""===e?"":String(e);function keyboardFor({whole:e,signed:n,allowExponent:t}){return t?"ios"===r.OS?"numbers-and-punctuation":"default":n?"numeric":e?"number-pad":"decimal-pad"}const l=e((e,r)=>{const{symbol:l,value:i,onChange:c,onBlur:s,min:u,max:m,whole:d=!1,signed:p=!1,decimals:x,allowExponent:f=!1,numeric:g=!1,readOnly:b=!1,disabled:w=!1,...y}=e,[D,T]=t(textOf(i));n(()=>{g&&T(e=>parseDecimalText(e)===i?e:textOf(i))},[g,i]);const h=b||w,v={whole:d,signed:p,decimals:x,allowExponent:f};return a(o,{prefix:l,keyboardType:keyboardFor(v),autoCapitalize:"none",autoCorrect:!1,readOnly:b,disabled:w,...y,ref:r,value:g?D:textOf(i),onChangeText:h?void 0:e=>{const n=cleanDecimalText(e,v),t=f?""===n?"":Number(n):parseDecimalText(n);""!==t&&Number.isFinite(t)&&(null!=m&&t>m||null!=u&&t<u)||(g?(T(n),c?.(parseDecimalText(n))):c?.(n))},onBlur:h?void 0:s})});l.displayName="DecimalInput";export{l as DecimalInput};export default l;

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

@@ -0,0 +1 @@
+export{cleanDecimalText,DecimalInput,default,parseDecimalText}from"./DecimalInput.js";

package/lib/module/components/Descriptions/Descriptions.js

@@ -1,101 +1 @@
-"use strict";
-
-import React, { useMemo } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { fontFor, useTheme } from "../../theme/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** A missing fact should read as "no value", never as a broken row. */
-const EM_DASH = '—';
-const isEmptyValue = value => value === null || value === undefined || value === '' || Array.isArray(value) && !value.length;
-
-/**
- * A labelled key-value list for record detail — the "what are this thing's
- * fields" view that every detail screen needs and that ListItem (a tappable row
- * with a title) is the wrong shape for.
- */
-export const Descriptions = ({
-  items,
-  columns = 1,
-  size = 'md',
-  bordered = false,
-  title,
-  style,
-  testID
-}) => {
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const labelSize = size === 'sm' ? theme.typography.fontSize.xs : theme.typography.fontSize.sm;
-  const valueSize = size === 'sm' ? theme.typography.fontSize.sm : theme.typography.fontSize.base;
-  const rowGap = size === 'sm' ? theme.spacing.xs : theme.spacing.sm;
-  return /*#__PURE__*/_jsxs(View, {
-    style: [{
-      gap: rowGap
-    }, style],
-    testID: testID,
-    children: [title ? /*#__PURE__*/_jsx(Text, {
-      style: [styles.title, {
-        fontSize: theme.typography.fontSize.lg,
-        color: theme.colors.text.primary
-      }],
-      children: title
-    }) : null, items.map((item, index) => {
-      const empty = isEmptyValue(item.value);
-      const sideBySide = columns === 2 && !item.full;
-      return /*#__PURE__*/_jsxs(View, {
-        style: [sideBySide ? styles.rowSide : styles.rowStack, {
-          paddingVertical: rowGap
-        }, bordered && index > 0 ? styles.bordered : null, bordered && index > 0 ? {
-          borderTopColor: theme.colors.border.secondary
-        } : null],
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.label, {
-            fontSize: labelSize,
-            color: theme.colors.text.tertiary
-          }, sideBySide ? styles.labelSide : null],
-          children: item.label
-        }), typeof item.value === 'string' || empty ? /*#__PURE__*/_jsx(Text, {
-          style: [styles.value, {
-            fontSize: valueSize,
-            color: empty ? theme.colors.text.tertiary : theme.colors.text.primary
-          }, sideBySide ? styles.valueSide : null],
-          children: empty ? EM_DASH : item.value
-        }) : /*#__PURE__*/_jsx(View, {
-          style: sideBySide ? styles.valueSide : null,
-          children: item.value
-        })]
-      }, item.key ?? `${item.label}-${index}`);
-    })]
-  });
-};
-const buildStyles = theme => StyleSheet.create({
-  title: {
-    ...fontFor(theme, 'semibold'),
-    fontWeight: '600'
-  },
-  rowStack: {
-    gap: 2
-  },
-  rowSide: {
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    gap: theme.spacing.md
-  },
-  bordered: {
-    borderTopWidth: StyleSheet.hairlineWidth
-  },
-  label: {
-    ...fontFor(theme, 'semibold'),
-    fontWeight: '600'
-  },
-  labelSide: {
-    flex: 4
-  },
-  value: {
-    ...fontFor(theme, 'normal')
-  },
-  valueSide: {
-    flex: 6
-  }
-});
-export default Descriptions;
-//# sourceMappingURL=Descriptions.js.map
+import e,{useMemo as l}from"react";import{StyleSheet as r,Text as t,View as o}from"react-native";import{fontFor as i,useTheme as a}from"../../theme/index.js";import{resolveColor as s}from"../Text/Text.js";import{jsx as n,jsxs as d}from"react/jsx-runtime";const rowKey=(e,l)=>e.key??("string"==typeof e.label?`${e.label}-${l}`:`row-${l}`);export const Descriptions=({items:e,columns:r=1,size:m="md",bordered:c=!1,title:y,variant:p="list",style:u,testID:f})=>{const g=a(),b=l(()=>buildStyles(g),[g]),h="sm"===m?g.typography.fontSize.xs:g.typography.fontSize.sm,x="sm"===m?g.typography.fontSize.sm:g.typography.fontSize.base,S="sm"===m?g.spacing.xs:g.spacing.sm,v="summary"===p;return d(o,{style:[v?null:{gap:S},u],testID:f,children:[y?n(t,{style:[b.title,{fontSize:g.typography.fontSize.lg,color:g.colors.text.primary}],children:y}):null,e.map((e,l)=>{const a=null==(m=e.value)||""===m||Array.isArray(m)&&!m.length;var m;const y=2===r&&!e.full,p=a?g.colors.text.tertiary:s(g,e.tone??"primary"),u=i(g,e.strong?"semibold":"normal");return d(o,v?{style:[b.summaryRow,{paddingVertical:S,borderBottomColor:g.colors.border.secondary}],children:[n(t,{style:[b.summaryLabel,{fontSize:x,color:g.colors.text.secondary}],children:e.label}),"string"==typeof e.value||a?n(t,{style:[b.summaryValue,{fontSize:x,color:p},u],children:a?"-":e.value}):n(o,{children:e.value})]}:{style:[y?b.rowSide:b.rowStack,{paddingVertical:S},c&&l>0?b.bordered:null,c&&l>0?{borderTopColor:g.colors.border.secondary}:null],children:["string"==typeof e.label?n(t,{style:[b.label,{fontSize:h,color:g.colors.text.tertiary},y?b.labelSide:null],children:e.label}):n(o,{style:y?b.labelSide:null,children:e.label}),"string"==typeof e.value||a?n(t,{style:[b.value,{fontSize:x,color:p},e.strong?u:null,y?b.valueSide:null],children:a?"-":e.value}):n(o,{style:y?b.valueSide:null,children:e.value})]},rowKey(e,l))})]})};const buildStyles=e=>r.create({title:{...i(e,"semibold")},rowStack:{gap:2},rowSide:{flexDirection:"row",alignItems:"flex-start",gap:e.spacing.md},bordered:{borderTopWidth:r.hairlineWidth},label:{...i(e,"semibold")},labelSide:{flex:4},value:{...i(e,"normal")},valueSide:{flex:6},summaryRow:{flexDirection:"row",alignItems:"center",gap:e.spacing.md,borderBottomWidth:r.hairlineWidth},summaryLabel:{flex:1,...i(e,"normal")},summaryValue:{textAlign:"right"}});export default Descriptions;

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

@@ -1,4 +1 @@
-"use strict";
-
-export { Descriptions, default } from "./Descriptions.js";
-//# sourceMappingURL=index.js.map
+export{Descriptions,default}from"./Descriptions.js";

package/lib/module/components/Dialog/Dialog.js

@@ -1,243 +1 @@
-"use strict";
-
-import React, { useCallback, useMemo } from 'react';
-import { ActivityIndicator, Pressable, StyleSheet, Text, View } from 'react-native';
-import { fontFor, useTheme } from "../../theme/index.js";
-import { smoothCorners } from "../../utils/corners.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/hapticUtils.js";
-import { MODAL_DISMISS_GRACE_MS, Modal } from "../Modal/Modal.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Dialog = props => {
-  const {
-    visible,
-    onClose,
-    title,
-    message,
-    icon,
-    variant = 'default',
-    actions,
-    dismissOnAction = true,
-    accessibilityLabel,
-    contentStyle,
-    containerStyle,
-    titleStyle,
-    messageStyle,
-    iconWrapperStyle,
-    actionsRowStyle,
-    actionButtonStyle,
-    actionTextStyle,
-    haptic,
-    testID
-  } = props;
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const variantTint = useMemo(() => tintForVariant(theme, variant), [theme, variant]);
-  const dialogTokens = theme.components.dialog;
-  const iconWrapperSize = dialogTokens?.iconWrapperSize ?? 48;
-  const iconWrapperBorderRadius = dialogTokens?.iconWrapperBorderRadius ?? 24;
-  const actionButtonMinHeight = dialogTokens?.actionButtonMinHeight ?? 44;
-  const handleAction = useCallback(action => {
-    if (action.loading) {
-      return;
-    }
-    const h = resolveHaptic(haptic, 'selection');
-    if (h) {
-      triggerHaptic(h);
-    }
-    if (dismissOnAction) {
-      // Close first, run the action after the native modal has dismissed.
-      // Running it in the same commit can unmount this tree while Android's
-      // ReactModalHostView is mid-dismiss (NPE crash). The timeout is
-      // deliberately not cleared on unmount — the action (e.g. logout)
-      // must still run even though the dialog is gone.
-      onClose();
-      setTimeout(action.onPress, MODAL_DISMISS_GRACE_MS);
-    } else {
-      action.onPress();
-    }
-  }, [dismissOnAction, onClose, haptic]);
-  return /*#__PURE__*/_jsx(Modal, {
-    visible: visible,
-    onRequestClose: onClose
-    // Without this the backdrop tap resolves Modal's OWN (undefined) haptic
-    // to 'selection', so haptic={false} on the Dialog was ignored.
-    ,
-    haptic: haptic,
-    presentation: "centered",
-    accessibilityLabel: accessibilityLabel ?? title,
-    contentStyle: contentStyle,
-    testID: testID,
-    children: /*#__PURE__*/_jsxs(View, {
-      accessibilityRole: "alert",
-      accessibilityLabel: accessibilityLabel ?? title,
-      style: [styles.container, containerStyle],
-      children: [icon ? /*#__PURE__*/_jsx(View, {
-        style: [styles.iconWrapper, {
-          width: iconWrapperSize,
-          height: iconWrapperSize,
-          borderRadius: iconWrapperBorderRadius,
-          ...smoothCorners,
-          backgroundColor: variantTint.muted,
-          marginBottom: theme.spacing.md
-        }, iconWrapperStyle],
-        children: icon
-      }) : null, title ? /*#__PURE__*/_jsx(Text, {
-        style: [styles.title, {
-          color: theme.colors.text.primary,
-          fontSize: theme.typography.fontSize.xl,
-          ...fontFor(theme, 'semibold'),
-          marginBottom: message ? theme.spacing.sm : theme.spacing.md
-        }, titleStyle],
-        accessibilityRole: "header",
-        children: title
-      }) : null, typeof message === 'string' ? /*#__PURE__*/_jsx(Text, {
-        style: [styles.message, {
-          color: theme.colors.text.secondary,
-          fontSize: theme.typography.fontSize.base,
-          lineHeight: theme.typography.fontSize.base * theme.typography.lineHeight.normal,
-          marginBottom: actions && actions.length > 0 ? theme.spacing.lg : 0
-        }, messageStyle],
-        children: message
-      }) : message ? /*#__PURE__*/_jsx(View, {
-        style: {
-          marginBottom: actions && actions.length > 0 ? theme.spacing.lg : 0
-        },
-        children: message
-      }) : null, actions && actions.length > 0 ? /*#__PURE__*/_jsx(View, {
-        style: [styles.actionsRow, actionsRowStyle],
-        children: actions.map((action, index) => {
-          const tone = action.tone ?? 'primary';
-          const buttonStyle = actionStyleFor(theme, tone, variant);
-          const isLast = index === actions.length - 1;
-          return /*#__PURE__*/_jsx(Pressable, {
-            onPress: () => handleAction(action),
-            disabled: action.loading,
-            accessibilityRole: "button",
-            accessibilityLabel: action.label,
-            accessibilityState: {
-              busy: action.loading,
-              disabled: action.loading
-            },
-            style: ({
-              pressed
-            }) => [styles.actionButton, {
-              minHeight: actionButtonMinHeight,
-              backgroundColor: buttonStyle.backgroundColor,
-              borderColor: buttonStyle.borderColor,
-              borderWidth: buttonStyle.borderWidth,
-              borderRadius: theme.radius.md,
-              ...smoothCorners,
-              paddingVertical: theme.spacing.md - 2,
-              paddingHorizontal: theme.spacing.lg,
-              marginRight: isLast ? 0 : theme.spacing.sm,
-              opacity: action.loading ? 0.7 : pressed ? 0.85 : 1
-            }, actionButtonStyle],
-            children: action.loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
-              size: "small",
-              color: buttonStyle.textColor
-            }) : /*#__PURE__*/_jsx(Text, {
-              style: [{
-                color: buttonStyle.textColor,
-                fontSize: theme.typography.fontSize.base,
-                ...fontFor(theme, 'semibold'),
-                textAlign: 'center'
-              }, actionTextStyle],
-              numberOfLines: 1,
-              children: action.label
-            })
-          }, `${action.label}-${index}`);
-        })
-      }) : null]
-    })
-  });
-};
-Dialog.displayName = 'Dialog';
-const tintForVariant = (theme, variant) => {
-  switch (variant) {
-    case 'success':
-      return {
-        base: theme.colors.success,
-        muted: theme.colors.background.secondary
-      };
-    case 'warning':
-      return {
-        base: theme.colors.warning,
-        muted: theme.colors.background.secondary
-      };
-    case 'error':
-      return {
-        base: theme.colors.error,
-        muted: theme.colors.background.secondary
-      };
-    case 'info':
-      return {
-        base: theme.colors.info,
-        muted: theme.colors.background.secondary
-      };
-    case 'default':
-    default:
-      return {
-        base: theme.colors.primary,
-        muted: theme.colors.primaryMuted
-      };
-  }
-};
-const actionStyleFor = (theme, tone, variant) => {
-  const variantBase = tintForVariant(theme, variant).base;
-  switch (tone) {
-    case 'primary':
-      {
-        const bg = variant === 'default' ? theme.colors.primary : variantBase;
-        return {
-          backgroundColor: bg,
-          borderColor: 'transparent',
-          borderWidth: 0,
-          textColor: theme.colors.text.inverse
-        };
-      }
-    case 'error':
-      return {
-        backgroundColor: theme.colors.error,
-        borderColor: 'transparent',
-        borderWidth: 0,
-        textColor: theme.colors.text.inverse
-      };
-    case 'neutral':
-    default:
-      return {
-        backgroundColor: 'transparent',
-        borderColor: theme.colors.border.primary,
-        borderWidth: 1,
-        textColor: theme.colors.text.primary
-      };
-  }
-};
-const buildStyles = _theme => StyleSheet.create({
-  container: {
-    alignItems: 'stretch'
-  },
-  iconWrapper: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    alignSelf: 'center'
-  },
-  title: {
-    textAlign: 'center'
-  },
-  message: {
-    textAlign: 'center'
-  },
-  actionsRow: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    alignItems: 'center'
-  },
-  actionButton: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-export { Dialog };
-export default Dialog;
-//# sourceMappingURL=Dialog.js.map
+import e,{useCallback as o,useMemo as r}from"react";import{ActivityIndicator as t,Pressable as n,StyleSheet as i,Text as l,View as s}from"react-native";import{fontFor as a,useTheme as c}from"../../theme/index.js";import{smoothCorners as d}from"../../utils/corners.js";import{resolveHaptic as m,triggerHaptic as u}from"../../utils/hapticUtils.js";import{MODAL_DISMISS_GRACE_MS as g,Modal as p}from"../Modal/Modal.js";import{jsx as b,jsxs as y}from"react/jsx-runtime";const Dialog=e=>{const{visible:i,onClose:h,title:f,message:x,children:C,icon:S,variant:B="default",actions:W,dismissOnAction:R=!0,accessibilityLabel:j,contentStyle:z,containerStyle:w,titleStyle:k,messageStyle:I,iconWrapperStyle:H,actionsRowStyle:L,actionButtonStyle:v,actionTextStyle:A,haptic:D,testID:M}=e,P=c(),E=r(()=>buildStyles(P),[P]),O=r(()=>tintForVariant(P,B),[P,B]),T=P.components.dialog,$=T?.iconWrapperSize??48,q=T?.iconWrapperBorderRadius??24,N=T?.actionButtonMinHeight??44,U=Boolean(W&&W.length>0),V=o(e=>{if(e.loading||e.disabled)return;const o=m(D,"selection");o&&u(o),R?(h(),setTimeout(e.onPress,g)):e.onPress()},[R,h,D]);return b(p,{visible:i,onRequestClose:h,haptic:D,presentation:"centered",accessibilityLabel:j??f,contentStyle:z,testID:M,children:y(s,{accessibilityRole:"alert",accessibilityLabel:j??f,style:[E.container,w],children:[S?b(s,{style:[E.iconWrapper,{width:$,height:$,borderRadius:q,...d,backgroundColor:O.muted,marginBottom:P.spacing.md},H],children:S}):null,f?b(l,{style:[E.title,{color:P.colors.text.primary,fontSize:P.typography.fontSize.xl,...a(P,"semibold"),marginBottom:x||null!=C?P.spacing.sm:P.spacing.md},k],accessibilityRole:"header",children:f}):null,x?b(l,{style:[E.message,{color:P.colors.text.secondary,fontSize:P.typography.fontSize.base,lineHeight:P.typography.fontSize.base*P.typography.lineHeight.normal,marginBottom:null!=C?P.spacing.md:U?P.spacing.lg:0},I],children:x}):null,null!=C?b(s,{style:{marginBottom:U?P.spacing.lg:0},children:C}):null,W&&W.length>0?b(s,{style:[E.actionsRow,L],children:W.map((e,o)=>{const r=e.tone??"primary",i=Boolean(e.disabled),s=actionStyleFor(P,r,B,i),c=o===W.length-1;return b(n,{onPress:()=>V(e),disabled:e.loading||i,accessibilityRole:"button",accessibilityLabel:e.label,accessibilityState:{busy:e.loading,disabled:Boolean(e.loading)||i},style:({pressed:o})=>[E.actionButton,{minHeight:N,backgroundColor:s.backgroundColor,borderColor:s.borderColor,borderWidth:s.borderWidth,borderRadius:P.radius.md,...d,paddingVertical:P.spacing.md-2,paddingHorizontal:P.spacing.lg,marginRight:c?0:P.spacing.sm,opacity:e.loading?.7:o&&!i?.85:1},v],children:e.loading?b(t,{size:"small",color:s.textColor}):b(l,{style:[{color:s.textColor,fontSize:P.typography.fontSize.base,...a(P,"semibold"),textAlign:"center"},A],numberOfLines:1,children:e.label})},`${e.label}-${o}`)})}):null]})})};Dialog.displayName="Dialog";const tintForVariant=(e,o)=>{const r=e.colors.background.secondary;switch(o){case"success":return{base:e.colors.success,on:e.colors.onSuccess,muted:r};case"warning":return{base:e.colors.warning,on:e.colors.onWarning,muted:r};case"error":return{base:e.colors.error,on:e.colors.onError,muted:r};case"info":return{base:e.colors.info,on:e.colors.onInfo,muted:r};default:return{base:e.colors.primary,on:e.colors.onPrimary,muted:e.colors.primaryMuted}}},actionStyleFor=(e,o,r,t)=>{if(t)return{backgroundColor:"neutral"===o?"transparent":e.colors.surface.disabled,borderColor:"neutral"===o?e.colors.border.primary:"transparent",borderWidth:"neutral"===o?1:0,textColor:e.colors.text.disabled};switch(o){case"primary":{const o=tintForVariant(e,r);return{backgroundColor:o.base,borderColor:"transparent",borderWidth:0,textColor:o.on}}case"error":return{backgroundColor:e.colors.error,borderColor:"transparent",borderWidth:0,textColor:e.colors.onError};default:return{backgroundColor:"transparent",borderColor:e.colors.border.primary,borderWidth:1,textColor:e.colors.text.primary}}},buildStyles=e=>i.create({container:{alignItems:"stretch"},iconWrapper:{alignItems:"center",justifyContent:"center",alignSelf:"center"},title:{textAlign:"center"},message:{textAlign:"center"},actionsRow:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center"},actionButton:{flex:1,alignItems:"center",justifyContent:"center"}});export{Dialog};export default Dialog;

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

@@ -1,4 +1 @@
-"use strict";
-
-export { Dialog, default } from "./Dialog.js";
-//# sourceMappingURL=index.js.map
+export{Dialog,default}from"./Dialog.js";

package/lib/module/components/Divider/Divider.js

@@ -1,114 +1 @@
-"use strict";
-
-import { forwardRef, useMemo } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { useTheme } from "../../theme/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const spacingFor = (theme, spacing) => {
-  switch (spacing) {
-    case 'sm':
-      return theme.spacing.sm;
-    case 'md':
-      return theme.spacing.md;
-    case 'lg':
-      return theme.spacing.lg;
-    case 'none':
-    default:
-      return 0;
-  }
-};
-const Divider = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    orientation = 'horizontal',
-    thickness = 1,
-    color,
-    spacing = 'none',
-    inset = 0,
-    label,
-    labelPosition = 'center',
-    style,
-    testID
-  } = props;
-  const theme = useTheme();
-  const lineColor = color ?? theme.colors.border.primary;
-  const margin = spacingFor(theme, spacing);
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  if (orientation === 'vertical') {
-    return /*#__PURE__*/_jsx(View, {
-      ref: ref,
-      accessibilityRole: "none",
-      testID: testID,
-      style: [styles.vertical, {
-        width: thickness,
-        backgroundColor: lineColor,
-        marginHorizontal: margin,
-        marginTop: inset
-      }, style]
-    });
-  }
-  if (label) {
-    const startFlex = labelPosition === 'start' ? 0 : labelPosition === 'end' ? 1 : 1;
-    const endFlex = labelPosition === 'end' ? 0 : labelPosition === 'start' ? 1 : 1;
-    return /*#__PURE__*/_jsxs(View, {
-      ref: ref,
-      accessibilityRole: "none",
-      testID: testID,
-      style: [styles.horizontalRow, {
-        marginVertical: margin,
-        marginLeft: inset
-      }, style],
-      children: [startFlex > 0 ? /*#__PURE__*/_jsx(View, {
-        style: [styles.horizontalLine, {
-          height: thickness,
-          backgroundColor: lineColor,
-          flex: startFlex
-        }]
-      }) : null, /*#__PURE__*/_jsx(Text, {
-        style: styles.label,
-        numberOfLines: 1,
-        children: label
-      }), endFlex > 0 ? /*#__PURE__*/_jsx(View, {
-        style: [styles.horizontalLine, {
-          height: thickness,
-          backgroundColor: lineColor,
-          flex: endFlex
-        }]
-      }) : null]
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    ref: ref,
-    accessibilityRole: "none",
-    testID: testID,
-    style: [styles.horizontalLine, {
-      height: thickness,
-      backgroundColor: lineColor,
-      marginVertical: margin,
-      marginLeft: inset
-    }, style]
-  });
-});
-Divider.displayName = 'Divider';
-const buildStyles = theme => StyleSheet.create({
-  horizontalRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    width: '100%'
-  },
-  horizontalLine: {
-    width: '100%',
-    alignSelf: 'stretch'
-  },
-  vertical: {
-    alignSelf: 'stretch'
-  },
-  label: {
-    marginHorizontal: theme.spacing.sm,
-    color: theme.colors.text.tertiary,
-    fontSize: theme.typography.fontSize.sm,
-    fontWeight: theme.typography.fontWeight.medium
-  }
-});
-export { Divider };
-export default Divider;
-//# sourceMappingURL=Divider.js.map
+import{forwardRef as e,useMemo as t}from"react";import{StyleSheet as r,Text as i,View as o}from"react-native";import{useTheme as n}from"../../theme/index.js";import{jsx as l,jsxs as a}from"react/jsx-runtime";const s=e((e,r)=>{const{orientation:s="horizontal",thickness:c=1,color:m,spacing:g="none",inset:h=0,label:f,labelPosition:d="center",style:p,testID:u}=e,y=n(),b=m??y.colors.border.primary,z=((e,t)=>{switch(t){case"sm":return e.spacing.sm;case"md":return e.spacing.md;case"lg":return e.spacing.lg;default:return 0}})(y,g),x=t(()=>buildStyles(y),[y]);if("vertical"===s)return l(o,{ref:r,accessibilityRole:"none",testID:u,style:[x.vertical,{width:c,backgroundColor:b,marginHorizontal:z,marginTop:h},p]});if(f){const e="start"===d?0:1,t="end"===d?0:1;return a(o,{ref:r,accessibilityRole:"none",testID:u,style:[x.horizontalRow,{marginVertical:z,marginLeft:h},p],children:[e>0?l(o,{style:[x.horizontalLine,{height:c,backgroundColor:b,flex:e}]}):null,l(i,{style:x.label,numberOfLines:1,children:f}),t>0?l(o,{style:[x.horizontalLine,{height:c,backgroundColor:b,flex:t}]}):null]})}return l(o,{ref:r,accessibilityRole:"none",testID:u,style:[x.horizontalLine,{height:c,backgroundColor:b,marginVertical:z,marginLeft:h},p]})});s.displayName="Divider";const buildStyles=e=>r.create({horizontalRow:{flexDirection:"row",alignItems:"center",width:"100%"},horizontalLine:{width:"100%",alignSelf:"stretch"},vertical:{alignSelf:"stretch"},label:{marginHorizontal:e.spacing.sm,color:e.colors.text.tertiary,fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.medium}});export{s as Divider};export default s;

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

@@ -1,4 +1 @@
-"use strict";
-
-export { Divider, default } from "./Divider.js";
-//# sourceMappingURL=index.js.map
+export{Divider,default}from"./Divider.js";