@webority/mobile-ui 0.0.39 → 0.2.0

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";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
+"use strict";import React,{useMemo}from"react";import{StyleSheet,Text,View}from"react-native";import{fontFor,useTheme}from"../../theme/index.js";import{resolveColor}from"../Text/Text.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const EMPTY_VALUE="-",rowKey=(e,t)=>e.key??("string"==typeof e.label?`${e.label}-${t}`:`row-${t}`),isEmptyValue=e=>null==e||""===e||Array.isArray(e)&&!e.length;export const Descriptions=({items:e,columns:t=1,size:l="md",bordered:r=!1,title:o,variant:s="list",style:i,testID:a})=>{const n=useTheme(),m=useMemo(()=>buildStyles(n),[n]),d="sm"===l?n.typography.fontSize.xs:n.typography.fontSize.sm,y="sm"===l?n.typography.fontSize.sm:n.typography.fontSize.base,c="sm"===l?n.spacing.xs:n.spacing.sm,u="summary"===s;return _jsxs(View,{style:[u?null:{gap:c},i],testID:a,children:[o?_jsx(Text,{style:[m.title,{fontSize:n.typography.fontSize.lg,color:n.colors.text.primary}],children:o}):null,e.map((e,l)=>{const o=isEmptyValue(e.value),s=2===t&&!e.full,i=o?n.colors.text.tertiary:resolveColor(n,e.tone??"primary"),a=fontFor(n,e.strong?"semibold":"normal");return _jsxs(View,u?{style:[m.summaryRow,{paddingVertical:c,borderBottomColor:n.colors.border.secondary}],children:[_jsx(Text,{style:[m.summaryLabel,{fontSize:y,color:n.colors.text.secondary}],children:e.label}),"string"==typeof e.value||o?_jsx(Text,{style:[m.summaryValue,{fontSize:y,color:i},a],children:o?"-":e.value}):_jsx(View,{children:e.value})]}:{style:[s?m.rowSide:m.rowStack,{paddingVertical:c},r&&l>0?m.bordered:null,r&&l>0?{borderTopColor:n.colors.border.secondary}:null],children:["string"==typeof e.label?_jsx(Text,{style:[m.label,{fontSize:d,color:n.colors.text.tertiary},s?m.labelSide:null],children:e.label}):_jsx(View,{style:s?m.labelSide:null,children:e.label}),"string"==typeof e.value||o?_jsx(Text,{style:[m.value,{fontSize:y,color:i},e.strong?a:null,s?m.valueSide:null],children:o?"-":e.value}):_jsx(View,{style:s?m.valueSide:null,children:e.value})]},rowKey(e,l))})]})};const buildStyles=e=>StyleSheet.create({title:{...fontFor(e,"semibold")},rowStack:{gap:2},rowSide:{flexDirection:"row",alignItems:"flex-start",gap:e.spacing.md},bordered:{borderTopWidth:StyleSheet.hairlineWidth},label:{...fontFor(e,"semibold")},labelSide:{flex:4},value:{...fontFor(e,"normal")},valueSide:{flex:6},summaryRow:{flexDirection:"row",alignItems:"center",gap:e.spacing.md,borderBottomWidth:StyleSheet.hairlineWidth},summaryLabel:{flex:1,...fontFor(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
+"use strict";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
+"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=e=>{const{visible:o,onClose:t,title:r,message:n,children:i,icon:s,variant:l="default",actions:a,dismissOnAction:c=!0,accessibilityLabel:d,contentStyle:u,containerStyle:m,titleStyle:g,messageStyle:b,iconWrapperStyle:p,actionsRowStyle:y,actionButtonStyle:h,actionTextStyle:x,haptic:S,testID:f}=e,C=useTheme(),j=useMemo(()=>buildStyles(C),[C]),_=useMemo(()=>tintForVariant(C,l),[C,l]),M=C.components.dialog,w=M?.iconWrapperSize??48,R=M?.iconWrapperBorderRadius??24,I=M?.actionButtonMinHeight??44,B=Boolean(a&&a.length>0),D=useCallback(e=>{if(e.loading||e.disabled)return;const o=resolveHaptic(S,"selection");o&&triggerHaptic(o),c?(t(),setTimeout(e.onPress,MODAL_DISMISS_GRACE_MS)):e.onPress()},[c,t,S]);return _jsx(Modal,{visible:o,onRequestClose:t,haptic:S,presentation:"centered",accessibilityLabel:d??r,contentStyle:u,testID:f,children:_jsxs(View,{accessibilityRole:"alert",accessibilityLabel:d??r,style:[j.container,m],children:[s?_jsx(View,{style:[j.iconWrapper,{width:w,height:w,borderRadius:R,...smoothCorners,backgroundColor:_.muted,marginBottom:C.spacing.md},p],children:s}):null,r?_jsx(Text,{style:[j.title,{color:C.colors.text.primary,fontSize:C.typography.fontSize.xl,...fontFor(C,"semibold"),marginBottom:n||null!=i?C.spacing.sm:C.spacing.md},g],accessibilityRole:"header",children:r}):null,n?_jsx(Text,{style:[j.message,{color:C.colors.text.secondary,fontSize:C.typography.fontSize.base,lineHeight:C.typography.fontSize.base*C.typography.lineHeight.normal,marginBottom:null!=i?C.spacing.md:B?C.spacing.lg:0},b],children:n}):null,null!=i?_jsx(View,{style:{marginBottom:B?C.spacing.lg:0},children:i}):null,a&&a.length>0?_jsx(View,{style:[j.actionsRow,y],children:a.map((e,o)=>{const t=e.tone??"primary",r=Boolean(e.disabled),n=actionStyleFor(C,t,l,r),i=o===a.length-1;return _jsx(Pressable,{onPress:()=>D(e),disabled:e.loading||r,accessibilityRole:"button",accessibilityLabel:e.label,accessibilityState:{busy:e.loading,disabled:Boolean(e.loading)||r},style:({pressed:o})=>[j.actionButton,{minHeight:I,backgroundColor:n.backgroundColor,borderColor:n.borderColor,borderWidth:n.borderWidth,borderRadius:C.radius.md,...smoothCorners,paddingVertical:C.spacing.md-2,paddingHorizontal:C.spacing.lg,marginRight:i?0:C.spacing.sm,opacity:e.loading?.7:o&&!r?.85:1},h],children:e.loading?_jsx(ActivityIndicator,{size:"small",color:n.textColor}):_jsx(Text,{style:[{color:n.textColor,fontSize:C.typography.fontSize.base,...fontFor(C,"semibold"),textAlign:"center"},x],numberOfLines:1,children:e.label})},`${e.label}-${o}`)})}):null]})})};Dialog.displayName="Dialog";const tintForVariant=(e,o)=>{const t=e.colors.background.secondary;switch(o){case"success":return{base:e.colors.success,on:e.colors.onSuccess,muted:t};case"warning":return{base:e.colors.warning,on:e.colors.onWarning,muted:t};case"error":return{base:e.colors.error,on:e.colors.onError,muted:t};case"info":return{base:e.colors.info,on:e.colors.onInfo,muted:t};default:return{base:e.colors.primary,on:e.colors.onPrimary,muted:e.colors.primaryMuted}}},actionStyleFor=(e,o,t,r)=>{if(r)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,t);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=>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;

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

@@ -1,4 +1 @@
-"use strict";
-
-export { Dialog, default } from "./Dialog.js";
-//# sourceMappingURL=index.js.map
+"use strict";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
+"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=(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}},Divider=forwardRef((e,t)=>{const{orientation:i="horizontal",thickness:r=1,color:o,spacing:n="none",inset:s=0,label:l,labelPosition:a="center",style:c,testID:m}=e,h=useTheme(),g=o??h.colors.border.primary,d=spacingFor(h,n),f=useMemo(()=>buildStyles(h),[h]);if("vertical"===i)return _jsx(View,{ref:t,accessibilityRole:"none",testID:m,style:[f.vertical,{width:r,backgroundColor:g,marginHorizontal:d,marginTop:s},c]});if(l){const e="start"===a?0:1,i="end"===a?0:1;return _jsxs(View,{ref:t,accessibilityRole:"none",testID:m,style:[f.horizontalRow,{marginVertical:d,marginLeft:s},c],children:[e>0?_jsx(View,{style:[f.horizontalLine,{height:r,backgroundColor:g,flex:e}]}):null,_jsx(Text,{style:f.label,numberOfLines:1,children:l}),i>0?_jsx(View,{style:[f.horizontalLine,{height:r,backgroundColor:g,flex:i}]}):null]})}return _jsx(View,{ref:t,accessibilityRole:"none",testID:m,style:[f.horizontalLine,{height:r,backgroundColor:g,marginVertical:d,marginLeft:s},c]})});Divider.displayName="Divider";const buildStyles=e=>StyleSheet.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{Divider};export default Divider;

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

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