react-native-mantine 0.1.15 → 0.3.0

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

@@ -0,0 +1,287 @@
+"use strict";
+
+import React, { forwardRef, useState } from 'react';
+import { ScrollView, TouchableOpacity } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { Checkbox } from "../Checkbox/index.js";
+import { _Button as Button } from "../Button/index.js";
+import { TextInput } from "../TextInput/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  color,
+  radius,
+  listHeight
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  return {
+    root: {
+      flexDirection: 'column'
+    },
+    container: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'stretch'
+    },
+    list: {
+      flex: 1,
+      borderWidth: 1,
+      borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3],
+      borderRadius: theme.fn.radius(radius),
+      overflow: 'hidden'
+    },
+    listHeader: {
+      padding: theme.spacing.sm,
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3],
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[6] : (theme.colors.gray || [])[0]
+    },
+    title: {
+      fontSize: rem(14),
+      fontWeight: '600',
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black
+    },
+    searchContainer: {
+      padding: theme.spacing.xs,
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3]
+    },
+    itemsContainer: {
+      height: listHeight
+    },
+    item: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: rem(10),
+      paddingHorizontal: theme.spacing.sm,
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[1]
+    },
+    itemSelected: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : colors?.[0] || (theme.colors.gray || [])[0]
+    },
+    itemText: {
+      marginLeft: theme.spacing.sm,
+      fontSize: rem(14),
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black
+    },
+    controls: {
+      width: rem(80),
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingHorizontal: theme.spacing.xs
+    },
+    button: {
+      marginVertical: theme.spacing.xs
+    },
+    emptyState: {
+      padding: theme.spacing.xl,
+      alignItems: 'center'
+    },
+    emptyText: {
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[2] : (theme.colors.gray || [])[6],
+      fontSize: rem(12)
+    }
+  };
+});
+const defaultProps = {
+  titles: ['', ''],
+  searchPlaceholder: 'Search...',
+  searchable: false,
+  color: 'blue',
+  size: 'md',
+  radius: 'sm',
+  listHeight: 300,
+  transferAllMatchingFilter: false
+};
+const DefaultItem = ({
+  data,
+  selected
+}) => {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Checkbox, {
+      checked: selected,
+      onChange: () => {}
+    }), /*#__PURE__*/_jsx(Text, {
+      children: data.label
+    })]
+  });
+};
+export const TransferList = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    value,
+    onChange,
+    titles,
+    searchPlaceholder,
+    searchable,
+    color,
+    size,
+    radius,
+    listHeight,
+    transferAllMatchingFilter,
+    itemComponent: ItemComponent = DefaultItem,
+    style,
+    ...others
+  } = useComponentDefaultProps('TransferList', defaultProps, props);
+  const [leftSearch, setLeftSearch] = useState('');
+  const [rightSearch, setRightSearch] = useState('');
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    listHeight
+  }, {
+    name: 'TransferList',
+    size
+  });
+  const [leftData, rightData] = value;
+  const filterItems = (items, search) => {
+    if (!search) return items;
+    return items.filter(item => item.label.toLowerCase().includes(search.toLowerCase()));
+  };
+  const filteredLeftItems = filterItems(leftData.items, leftSearch);
+  const filteredRightItems = filterItems(rightData.items, rightSearch);
+  const toggleSelection = (side, itemValue) => {
+    const data = side === 'left' ? leftData : rightData;
+    const selectedValues = data.selectedValues.includes(itemValue) ? data.selectedValues.filter(v => v !== itemValue) : [...data.selectedValues, itemValue];
+    const newValue = side === 'left' ? [{
+      ...leftData,
+      selectedValues
+    }, rightData] : [leftData, {
+      ...rightData,
+      selectedValues
+    }];
+    onChange(newValue);
+  };
+  const transferToRight = () => {
+    const itemsToTransfer = leftData.items.filter(item => leftData.selectedValues.includes(item.value));
+    const remainingItems = leftData.items.filter(item => !leftData.selectedValues.includes(item.value));
+    onChange([{
+      items: remainingItems,
+      selectedValues: []
+    }, {
+      items: [...rightData.items, ...itemsToTransfer],
+      selectedValues: []
+    }]);
+  };
+  const transferToLeft = () => {
+    const itemsToTransfer = rightData.items.filter(item => rightData.selectedValues.includes(item.value));
+    const remainingItems = rightData.items.filter(item => !rightData.selectedValues.includes(item.value));
+    onChange([{
+      items: [...leftData.items, ...itemsToTransfer],
+      selectedValues: []
+    }, {
+      items: remainingItems,
+      selectedValues: []
+    }]);
+  };
+  const transferAllToRight = () => {
+    onChange([{
+      items: [],
+      selectedValues: []
+    }, {
+      items: [...rightData.items, ...leftData.items],
+      selectedValues: []
+    }]);
+  };
+  const transferAllToLeft = () => {
+    onChange([{
+      items: [...leftData.items, ...rightData.items],
+      selectedValues: []
+    }, {
+      items: [],
+      selectedValues: []
+    }]);
+  };
+  const renderList = (data, filteredItems, side, searchValue, setSearchValue, title) => /*#__PURE__*/_jsxs(BoxView, {
+    style: styles.list,
+    children: [title && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.listHeader,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: title
+      })
+    }), searchable && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.searchContainer,
+      children: /*#__PURE__*/_jsx(TextInput, {
+        placeholder: searchPlaceholder,
+        value: searchValue,
+        onChange: e => setSearchValue(e.nativeEvent.text),
+        size: "sm"
+      })
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      style: styles.itemsContainer,
+      children: filteredItems.length === 0 ? /*#__PURE__*/_jsx(BoxView, {
+        style: styles.emptyState,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.emptyText,
+          children: "No items"
+        })
+      }) : filteredItems.map(item => {
+        const isSelected = data.selectedValues.includes(item.value);
+        return /*#__PURE__*/_jsxs(TouchableOpacity, {
+          style: [styles.item, isSelected && styles.itemSelected],
+          onPress: () => toggleSelection(side, item.value),
+          children: [/*#__PURE__*/_jsx(ItemComponent, {
+            data: item,
+            selected: isSelected
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.itemText,
+            children: item.label
+          })]
+        }, item.value);
+      })
+    })]
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: /*#__PURE__*/_jsxs(BoxView, {
+      style: styles.container,
+      children: [renderList(leftData, filteredLeftItems, 'left', leftSearch, setLeftSearch, titles?.[0] || ''), /*#__PURE__*/_jsxs(BoxView, {
+        style: styles.controls,
+        children: [/*#__PURE__*/_jsx(Button, {
+          style: styles.button,
+          onPress: transferAllToRight,
+          disabled: leftData.items.length === 0,
+          size: "sm",
+          children: /*#__PURE__*/_jsx(Text, {
+            children: '»'
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          style: styles.button,
+          onPress: transferToRight,
+          disabled: leftData.selectedValues.length === 0,
+          size: "sm",
+          children: /*#__PURE__*/_jsx(Text, {
+            children: '›'
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          style: styles.button,
+          onPress: transferToLeft,
+          disabled: rightData.selectedValues.length === 0,
+          size: "sm",
+          children: /*#__PURE__*/_jsx(Text, {
+            children: '‹'
+          })
+        }), /*#__PURE__*/_jsx(Button, {
+          style: styles.button,
+          onPress: transferAllToLeft,
+          disabled: rightData.items.length === 0,
+          size: "sm",
+          children: /*#__PURE__*/_jsx(Text, {
+            children: '«'
+          })
+        })]
+      }), renderList(rightData, filteredRightItems, 'right', rightSearch, setRightSearch, titles?.[1] || '')]
+    })
+  });
+});
+TransferList.displayName = 'TransferList';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","ScrollView","TouchableOpacity","BoxView","Text","Checkbox","_Button","Button","TextInput","useComponentDefaultProps","createStyles","rem","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useStyles","theme","color","radius","listHeight","colors","primaryColor","root","flexDirection","container","justifyContent","alignItems","list","flex","borderWidth","borderColor","colorScheme","dark","gray","borderRadius","fn","overflow","listHeader","padding","spacing","sm","borderBottomWidth","borderBottomColor","backgroundColor","title","fontSize","fontWeight","black","searchContainer","xs","itemsContainer","height","item","paddingVertical","paddingHorizontal","itemSelected","itemText","marginLeft","controls","width","button","marginVertical","emptyState","xl","emptyText","defaultProps","titles","searchPlaceholder","searchable","size","transferAllMatchingFilter","DefaultItem","data","selected","children","checked","onChange","label","TransferList","props","ref","value","itemComponent","ItemComponent","style","others","leftSearch","setLeftSearch","rightSearch","setRightSearch","styles","sx","name","leftData","rightData","filterItems","items","search","filter","toLowerCase","includes","filteredLeftItems","filteredRightItems","toggleSelection","side","itemValue","selectedValues","v","newValue","transferToRight","itemsToTransfer","remainingItems","transferToLeft","transferAllToRight","transferAllToLeft","renderList","filteredItems","searchValue","setSearchValue","placeholder","e","nativeEvent","text","length","map","isSelected","onPress","disabled","displayName"],"sourceRoot":"../../../../src","sources":["components/TransferList/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,OAAO,IAAIC,MAAM,QAAQ,oBAAW;AAC7C,SAASC,SAAS,QAAQ,uBAAc;AAOxC,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAC1C,SAASC,GAAG,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAmD5C,MAAMC,SAAS,GAAGR,YAAY,CAC5B,CACES,KAAK,EACL;EACEC,KAAK;EACLC,MAAM;EACNC;AAKF,CAAC,KACE;EACH,MAAMC,MAAM,GAAGJ,KAAK,CAACI,MAAM,CAACH,KAAK,CAAC,IAAID,KAAK,CAACI,MAAM,CAACJ,KAAK,CAACK,YAAY,CAAC;EAEtE,OAAO;IACLC,IAAI,EAAE;MACJC,aAAa,EAAE;IACjB,CAAC;IACDC,SAAS,EAAE;MACTD,aAAa,EAAE,KAAK;MACpBE,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,WAAW,EACTd,KAAK,CAACe,WAAW,KAAK,MAAM,GACxB,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAAChB,KAAK,CAACI,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;MAClCC,YAAY,EAAElB,KAAK,CAACmB,EAAE,CAACjB,MAAM,CAACA,MAAM,CAAC;MACrCkB,QAAQ,EAAE;IACZ,CAAC;IACDC,UAAU,EAAE;MACVC,OAAO,EAAEtB,KAAK,CAACuB,OAAO,CAACC,EAAE;MACzBC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EACf1B,KAAK,CAACe,WAAW,KAAK,MAAM,GACxB,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAAChB,KAAK,CAACI,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;MAClCU,eAAe,EACb3B,KAAK,CAACe,WAAW,KAAK,MAAM,GACxB,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAAChB,KAAK,CAACI,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC;IACnC,CAAC;IACDW,KAAK,EAAE;MACLC,QAAQ,EAAErC,GAAG,CAAC,EAAE,CAAQ;MACxBsC,UAAU,EAAE,KAAK;MACjB7B,KAAK,EAAED,KAAK,CAACe,WAAW,KAAK,MAAM,GAAG,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAAGhB,KAAK,CAAC+B;IAC7E,CAAC;IACDC,eAAe,EAAE;MACfV,OAAO,EAAEtB,KAAK,CAACuB,OAAO,CAACU,EAAE;MACzBR,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EACf1B,KAAK,CAACe,WAAW,KAAK,MAAM,GACxB,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAAChB,KAAK,CAACI,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC;IACnC,CAAC;IACDiB,cAAc,EAAE;MACdC,MAAM,EAAEhC;IACV,CAAC;IACDiC,IAAI,EAAE;MACJ7B,aAAa,EAAE,KAAK;MACpBG,UAAU,EAAE,QAAQ;MACpB2B,eAAe,EAAE7C,GAAG,CAAC,EAAE,CAAQ;MAC/B8C,iBAAiB,EAAEtC,KAAK,CAACuB,OAAO,CAACC,EAAE;MACnCC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EACf1B,KAAK,CAACe,WAAW,KAAK,MAAM,GACxB,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAAChB,KAAK,CAACI,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC;IACnC,CAAC;IACDsB,YAAY,EAAE;MACZZ,eAAe,EACb3B,KAAK,CAACe,WAAW,KAAK,MAAM,GACxB,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5BZ,MAAM,GAAG,CAAC,CAAC,IAAI,CAACJ,KAAK,CAACI,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC;IAClD,CAAC;IACDuB,QAAQ,EAAE;MACRC,UAAU,EAAEzC,KAAK,CAACuB,OAAO,CAACC,EAAE;MAC5BK,QAAQ,EAAErC,GAAG,CAAC,EAAE,CAAQ;MACxBS,KAAK,EAAED,KAAK,CAACe,WAAW,KAAK,MAAM,GAAG,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAAGhB,KAAK,CAAC+B;IAC7E,CAAC;IACDW,QAAQ,EAAE;MACRC,KAAK,EAAEnD,GAAG,CAAC,EAAE,CAAQ;MACrBiB,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpB4B,iBAAiB,EAAEtC,KAAK,CAACuB,OAAO,CAACU;IACnC,CAAC;IACDW,MAAM,EAAE;MACNC,cAAc,EAAE7C,KAAK,CAACuB,OAAO,CAACU;IAChC,CAAC;IACDa,UAAU,EAAE;MACVxB,OAAO,EAAEtB,KAAK,CAACuB,OAAO,CAACwB,EAAE;MACzBrC,UAAU,EAAE;IACd,CAAC;IACDsC,SAAS,EAAE;MACT/C,KAAK,EACHD,KAAK,CAACe,WAAW,KAAK,MAAM,GACxB,CAACf,KAAK,CAACI,MAAM,CAACY,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,GAC5B,CAAChB,KAAK,CAACI,MAAM,CAACa,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;MAClCY,QAAQ,EAAErC,GAAG,CAAC,EAAE;IAClB;EACF,CAAC;AACH,CACF,CAAQ;AAER,MAAMyD,YAAwC,GAAG;EAC/CC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;EAChBC,iBAAiB,EAAE,WAAW;EAC9BC,UAAU,EAAE,KAAK;EACjBnD,KAAK,EAAE,MAAM;EACboD,IAAI,EAAE,IAAI;EACVnD,MAAM,EAAE,IAAI;EACZC,UAAU,EAAE,GAAG;EACfmD,yBAAyB,EAAE;AAC7B,CAAC;AAED,MAAMC,WAAwE,GAAGA,CAAC;EAChFC,IAAI;EACJC;AACF,CAAC,KAAK;EACJ,oBACE3D,KAAA,CAAAF,SAAA;IAAA8D,QAAA,gBACEhE,IAAA,CAACR,QAAQ;MAACyE,OAAO,EAAEF,QAAS;MAACG,QAAQ,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,eACnDlE,IAAA,CAACT,IAAI;MAAAyE,QAAA,EAAEF,IAAI,CAACK;IAAK,CAAO,CAAC;EAAA,CACzB,CAAC;AAEP,CAAC;AAED,OAAO,MAAMC,YAAY,gBAAGlF,UAAU,CAAyB,CAACmF,KAAK,EAAEC,GAAG,KAAK;EAC7E,MAAM;IACJC,KAAK;IACLL,QAAQ;IACRV,MAAM;IACNC,iBAAiB;IACjBC,UAAU;IACVnD,KAAK;IACLoD,IAAI;IACJnD,MAAM;IACNC,UAAU;IACVmD,yBAAyB;IACzBY,aAAa,EAAEC,aAAa,GAAGZ,WAAW;IAC1Ca,KAAK;IACL,GAAGC;EACL,CAAC,GAAG/E,wBAAwB,CAAC,cAAc,EAAE2D,YAAY,EAAEc,KAAK,CAAC;EAEjE,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAG1F,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM,CAAC2F,WAAW,EAAEC,cAAc,CAAC,GAAG5F,QAAQ,CAAC,EAAE,CAAC;EAElD,MAAM;IAAE6F,MAAM;IAAEC;EAAG,CAAC,GAAG5E,SAAS,CAC9B;IAAEE,KAAK;IAAEC,MAAM;IAAEC;EAAW,CAAC,EAC7B;IAAEyE,IAAI,EAAE,cAAc;IAAEvB;EAAK,CAC/B,CAAQ;EAER,MAAM,CAACwB,QAAQ,EAAEC,SAAS,CAAC,GAAGb,KAAK;EAEnC,MAAMc,WAAW,GAAGA,CAACC,KAA6B,EAAEC,MAAc,KAAK;IACrE,IAAI,CAACA,MAAM,EAAE,OAAOD,KAAK;IACzB,OAAOA,KAAK,CAACE,MAAM,CAAE9C,IAAI,IACvBA,IAAI,CAACyB,KAAK,CAACsB,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACH,MAAM,CAACE,WAAW,CAAC,CAAC,CACxD,CAAC;EACH,CAAC;EAED,MAAME,iBAAiB,GAAGN,WAAW,CAACF,QAAQ,CAACG,KAAK,EAAEV,UAAU,CAAC;EACjE,MAAMgB,kBAAkB,GAAGP,WAAW,CAACD,SAAS,CAACE,KAAK,EAAER,WAAW,CAAC;EAEpE,MAAMe,eAAe,GAAGA,CAACC,IAAsB,EAAEC,SAAiB,KAAK;IACrE,MAAMjC,IAAI,GAAGgC,IAAI,KAAK,MAAM,GAAGX,QAAQ,GAAGC,SAAS;IACnD,MAAMY,cAAc,GAAGlC,IAAI,CAACkC,cAAc,CAACN,QAAQ,CAACK,SAAS,CAAC,GAC1DjC,IAAI,CAACkC,cAAc,CAACR,MAAM,CAAES,CAAC,IAAKA,CAAC,KAAKF,SAAS,CAAC,GAClD,CAAC,GAAGjC,IAAI,CAACkC,cAAc,EAAED,SAAS,CAAC;IAEvC,MAAMG,QAA8C,GAClDJ,IAAI,KAAK,MAAM,GACX,CAAC;MAAE,GAAGX,QAAQ;MAAEa;IAAe,CAAC,EAAEZ,SAAS,CAAC,GAC5C,CAACD,QAAQ,EAAE;MAAE,GAAGC,SAAS;MAAEY;IAAe,CAAC,CAAC;IAElD9B,QAAQ,CAACgC,QAAQ,CAAC;EACpB,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,MAAMC,eAAe,GAAGjB,QAAQ,CAACG,KAAK,CAACE,MAAM,CAAE9C,IAAI,IACjDyC,QAAQ,CAACa,cAAc,CAACN,QAAQ,CAAChD,IAAI,CAAC6B,KAAK,CAC7C,CAAC;IACD,MAAM8B,cAAc,GAAGlB,QAAQ,CAACG,KAAK,CAACE,MAAM,CACzC9C,IAAI,IAAK,CAACyC,QAAQ,CAACa,cAAc,CAACN,QAAQ,CAAChD,IAAI,CAAC6B,KAAK,CACxD,CAAC;IAEDL,QAAQ,CAAC,CACP;MAAEoB,KAAK,EAAEe,cAAc;MAAEL,cAAc,EAAE;IAAG,CAAC,EAC7C;MAAEV,KAAK,EAAE,CAAC,GAAGF,SAAS,CAACE,KAAK,EAAE,GAAGc,eAAe,CAAC;MAAEJ,cAAc,EAAE;IAAG,CAAC,CACxE,CAAC;EACJ,CAAC;EAED,MAAMM,cAAc,GAAGA,CAAA,KAAM;IAC3B,MAAMF,eAAe,GAAGhB,SAAS,CAACE,KAAK,CAACE,MAAM,CAAE9C,IAAI,IAClD0C,SAAS,CAACY,cAAc,CAACN,QAAQ,CAAChD,IAAI,CAAC6B,KAAK,CAC9C,CAAC;IACD,MAAM8B,cAAc,GAAGjB,SAAS,CAACE,KAAK,CAACE,MAAM,CAC1C9C,IAAI,IAAK,CAAC0C,SAAS,CAACY,cAAc,CAACN,QAAQ,CAAChD,IAAI,CAAC6B,KAAK,CACzD,CAAC;IAEDL,QAAQ,CAAC,CACP;MAAEoB,KAAK,EAAE,CAAC,GAAGH,QAAQ,CAACG,KAAK,EAAE,GAAGc,eAAe,CAAC;MAAEJ,cAAc,EAAE;IAAG,CAAC,EACtE;MAAEV,KAAK,EAAEe,cAAc;MAAEL,cAAc,EAAE;IAAG,CAAC,CAC9C,CAAC;EACJ,CAAC;EAED,MAAMO,kBAAkB,GAAGA,CAAA,KAAM;IAC/BrC,QAAQ,CAAC,CACP;MAAEoB,KAAK,EAAE,EAAE;MAAEU,cAAc,EAAE;IAAG,CAAC,EACjC;MAAEV,KAAK,EAAE,CAAC,GAAGF,SAAS,CAACE,KAAK,EAAE,GAAGH,QAAQ,CAACG,KAAK,CAAC;MAAEU,cAAc,EAAE;IAAG,CAAC,CACvE,CAAC;EACJ,CAAC;EAED,MAAMQ,iBAAiB,GAAGA,CAAA,KAAM;IAC9BtC,QAAQ,CAAC,CACP;MAAEoB,KAAK,EAAE,CAAC,GAAGH,QAAQ,CAACG,KAAK,EAAE,GAAGF,SAAS,CAACE,KAAK,CAAC;MAAEU,cAAc,EAAE;IAAG,CAAC,EACtE;MAAEV,KAAK,EAAE,EAAE;MAAEU,cAAc,EAAE;IAAG,CAAC,CAClC,CAAC;EACJ,CAAC;EAED,MAAMS,UAAU,GAAGA,CACjB3C,IAAsB,EACtB4C,aAAqC,EACrCZ,IAAsB,EACtBa,WAAmB,EACnBC,cAAuC,EACvC1E,KAAuB,kBAEvB9B,KAAA,CAACd,OAAO;IAACoF,KAAK,EAAEM,MAAM,CAAC/D,IAAK;IAAA+C,QAAA,GACzB9B,KAAK,iBACJlC,IAAA,CAACV,OAAO;MAACoF,KAAK,EAAEM,MAAM,CAACrD,UAAW;MAAAqC,QAAA,eAChChE,IAAA,CAACT,IAAI;QAACmF,KAAK,EAAEM,MAAM,CAAC9C,KAAM;QAAA8B,QAAA,EAAE9B;MAAK,CAAO;IAAC,CAClC,CACV,EACAwB,UAAU,iBACT1D,IAAA,CAACV,OAAO;MAACoF,KAAK,EAAEM,MAAM,CAAC1C,eAAgB;MAAA0B,QAAA,eACrChE,IAAA,CAACL,SAAS;QACRkH,WAAW,EAAEpD,iBAAkB;QAC/Bc,KAAK,EAAEoC,WAAY;QACnBzC,QAAQ,EAAG4C,CAAC,IAAKF,cAAc,CAACE,CAAC,CAACC,WAAW,CAACC,IAAI,CAAE;QACpDrD,IAAI,EAAC;MAAI,CACV;IAAC,CACK,CACV,eACD3D,IAAA,CAACZ,UAAU;MAACsF,KAAK,EAAEM,MAAM,CAACxC,cAAe;MAAAwB,QAAA,EACtC0C,aAAa,CAACO,MAAM,KAAK,CAAC,gBACzBjH,IAAA,CAACV,OAAO;QAACoF,KAAK,EAAEM,MAAM,CAAC5B,UAAW;QAAAY,QAAA,eAChChE,IAAA,CAACT,IAAI;UAACmF,KAAK,EAAEM,MAAM,CAAC1B,SAAU;UAAAU,QAAA,EAAC;QAAQ,CAAM;MAAC,CACvC,CAAC,GAEV0C,aAAa,CAACQ,GAAG,CAAExE,IAAI,IAAK;QAC1B,MAAMyE,UAAU,GAAGrD,IAAI,CAACkC,cAAc,CAACN,QAAQ,CAAChD,IAAI,CAAC6B,KAAK,CAAC;QAC3D,oBACEnE,KAAA,CAACf,gBAAgB;UAEfqF,KAAK,EAAE,CAACM,MAAM,CAACtC,IAAI,EAAEyE,UAAU,IAAInC,MAAM,CAACnC,YAAY,CAAE;UACxDuE,OAAO,EAAEA,CAAA,KAAMvB,eAAe,CAACC,IAAI,EAAEpD,IAAI,CAAC6B,KAAK,CAAE;UAAAP,QAAA,gBAEjDhE,IAAA,CAACyE,aAAa;YAACX,IAAI,EAAEpB,IAAK;YAACqB,QAAQ,EAAEoD;UAAW,CAAE,CAAC,eACnDnH,IAAA,CAACT,IAAI;YAACmF,KAAK,EAAEM,MAAM,CAAClC,QAAS;YAAAkB,QAAA,EAAEtB,IAAI,CAACyB;UAAK,CAAO,CAAC;QAAA,GAL5CzB,IAAI,CAAC6B,KAMM,CAAC;MAEvB,CAAC;IACF,CACS,CAAC;EAAA,CACN,CACV;EAED,oBACEvE,IAAA,CAACV,OAAO;IAACgF,GAAG,EAAEA,GAAI;IAACI,KAAK,EAAEO,EAAE,CAACD,MAAM,CAACpE,IAAI,EAAE8D,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAX,QAAA,eAC1D5D,KAAA,CAACd,OAAO;MAACoF,KAAK,EAAEM,MAAM,CAAClE,SAAU;MAAAkD,QAAA,GAC9ByC,UAAU,CACTtB,QAAQ,EACRQ,iBAAiB,EACjB,MAAM,EACNf,UAAU,EACVC,aAAa,EACbrB,MAAM,GAAG,CAAC,CAAC,IAAI,EACjB,CAAC,eAEDpD,KAAA,CAACd,OAAO;QAACoF,KAAK,EAAEM,MAAM,CAAChC,QAAS;QAAAgB,QAAA,gBAC9BhE,IAAA,CAACN,MAAM;UACLgF,KAAK,EAAEM,MAAM,CAAC9B,MAAO;UACrBkE,OAAO,EAAEb,kBAAmB;UAC5Bc,QAAQ,EAAElC,QAAQ,CAACG,KAAK,CAAC2B,MAAM,KAAK,CAAE;UACtCtD,IAAI,EAAC,IAAI;UAAAK,QAAA,eAEThE,IAAA,CAACT,IAAI;YAAAyE,QAAA,EAAE;UAAG,CAAO;QAAC,CACZ,CAAC,eACThE,IAAA,CAACN,MAAM;UACLgF,KAAK,EAAEM,MAAM,CAAC9B,MAAO;UACrBkE,OAAO,EAAEjB,eAAgB;UACzBkB,QAAQ,EAAElC,QAAQ,CAACa,cAAc,CAACiB,MAAM,KAAK,CAAE;UAC/CtD,IAAI,EAAC,IAAI;UAAAK,QAAA,eAEThE,IAAA,CAACT,IAAI;YAAAyE,QAAA,EAAE;UAAG,CAAO;QAAC,CACZ,CAAC,eACThE,IAAA,CAACN,MAAM;UACLgF,KAAK,EAAEM,MAAM,CAAC9B,MAAO;UACrBkE,OAAO,EAAEd,cAAe;UACxBe,QAAQ,EAAEjC,SAAS,CAACY,cAAc,CAACiB,MAAM,KAAK,CAAE;UAChDtD,IAAI,EAAC,IAAI;UAAAK,QAAA,eAEThE,IAAA,CAACT,IAAI;YAAAyE,QAAA,EAAE;UAAG,CAAO;QAAC,CACZ,CAAC,eACThE,IAAA,CAACN,MAAM;UACLgF,KAAK,EAAEM,MAAM,CAAC9B,MAAO;UACrBkE,OAAO,EAAEZ,iBAAkB;UAC3Ba,QAAQ,EAAEjC,SAAS,CAACE,KAAK,CAAC2B,MAAM,KAAK,CAAE;UACvCtD,IAAI,EAAC,IAAI;UAAAK,QAAA,eAEThE,IAAA,CAACT,IAAI;YAAAyE,QAAA,EAAE;UAAG,CAAO;QAAC,CACZ,CAAC;MAAA,CACF,CAAC,EAETyC,UAAU,CACTrB,SAAS,EACTQ,kBAAkB,EAClB,OAAO,EACPd,WAAW,EACXC,cAAc,EACdvB,MAAM,GAAG,CAAC,CAAC,IAAI,EACjB,CAAC;IAAA,CACM;EAAC,CACH,CAAC;AAEd,CAAC,CAAC;AAEFY,YAAY,CAACkD,WAAW,GAAG,cAAc","ignoreList":[]}

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

@@ -0,0 +1,169 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getEasing = timingFunction => {
+  switch (timingFunction) {
+    case 'linear':
+      return Easing.linear;
+    case 'ease':
+      return Easing.ease;
+    case 'ease-in':
+      return Easing.in(Easing.ease);
+    case 'ease-out':
+      return Easing.out(Easing.ease);
+    case 'ease-in-out':
+      return Easing.inOut(Easing.ease);
+    default:
+      return Easing.ease;
+  }
+};
+const defaultProps = {
+  transition: 'fade',
+  duration: 250,
+  timingFunction: 'ease'
+};
+export const Transition = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    mounted,
+    transition,
+    duration,
+    exitDuration,
+    timingFunction,
+    children,
+    onExited,
+    onEntered,
+    style,
+    ...others
+  } = useComponentDefaultProps('Transition', defaultProps, props);
+  const animation = useRef(new Animated.Value(mounted ? 1 : 0)).current;
+  const shouldRender = useRef(mounted);
+  useEffect(() => {
+    if (mounted) {
+      shouldRender.current = true;
+      Animated.timing(animation, {
+        toValue: 1,
+        duration: duration || 250,
+        easing: getEasing(timingFunction || 'ease'),
+        useNativeDriver: true
+      }).start(({
+        finished
+      }) => {
+        if (finished && onEntered) {
+          onEntered();
+        }
+      });
+    } else {
+      Animated.timing(animation, {
+        toValue: 0,
+        duration: exitDuration || duration || 250,
+        easing: getEasing(timingFunction || 'ease'),
+        useNativeDriver: true
+      }).start(({
+        finished
+      }) => {
+        if (finished) {
+          shouldRender.current = false;
+          if (onExited) {
+            onExited();
+          }
+        }
+      });
+    }
+  }, [mounted, duration, exitDuration, timingFunction, onEntered, onExited, animation]);
+  const getTransformStyle = () => {
+    switch (transition) {
+      case 'fade':
+        return {
+          opacity: animation
+        };
+      case 'scale':
+        return {
+          opacity: animation,
+          transform: [{
+            scale: animation.interpolate({
+              inputRange: [0, 1],
+              outputRange: [0.75, 1]
+            })
+          }]
+        };
+      case 'slide-down':
+        return {
+          opacity: animation,
+          transform: [{
+            translateY: animation.interpolate({
+              inputRange: [0, 1],
+              outputRange: [-20, 0]
+            })
+          }]
+        };
+      case 'slide-up':
+        return {
+          opacity: animation,
+          transform: [{
+            translateY: animation.interpolate({
+              inputRange: [0, 1],
+              outputRange: [20, 0]
+            })
+          }]
+        };
+      case 'slide-left':
+        return {
+          opacity: animation,
+          transform: [{
+            translateX: animation.interpolate({
+              inputRange: [0, 1],
+              outputRange: [20, 0]
+            })
+          }]
+        };
+      case 'slide-right':
+        return {
+          opacity: animation,
+          transform: [{
+            translateX: animation.interpolate({
+              inputRange: [0, 1],
+              outputRange: [-20, 0]
+            })
+          }]
+        };
+      case 'pop':
+        return {
+          opacity: animation,
+          transform: [{
+            scale: animation.interpolate({
+              inputRange: [0, 1],
+              outputRange: [0, 1]
+            })
+          }]
+        };
+      case 'rotate':
+        return {
+          opacity: animation,
+          transform: [{
+            rotate: animation.interpolate({
+              inputRange: [0, 1],
+              outputRange: ['-180deg', '0deg']
+            })
+          }]
+        };
+      default:
+        return {
+          opacity: animation
+        };
+    }
+  };
+  if (!shouldRender.current && !mounted) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref,
+    style: [getTransformStyle(), style],
+    ...others,
+    children: children
+  });
+});
+Transition.displayName = 'Transition';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useRef","Animated","Easing","useComponentDefaultProps","jsx","_jsx","getEasing","timingFunction","linear","ease","in","out","inOut","defaultProps","transition","duration","Transition","props","ref","mounted","exitDuration","children","onExited","onEntered","style","others","animation","Value","current","shouldRender","timing","toValue","easing","useNativeDriver","start","finished","getTransformStyle","opacity","transform","scale","interpolate","inputRange","outputRange","translateY","translateX","rotate","View","displayName"],"sourceRoot":"../../../../src","sources":["components/Transition/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

@@ -7,4 +7,105 @@ export * from "./Text/index.js";
 export * from "./Button/index.js";
 export * from "./UnstyledButton/index.js";
 export * from "./ActionIcon/index.js";
+export * from "./Loader/index.js";
+
+// Phase 1 components
+export * from "./Center/index.js";
+export * from "./Container/index.js";
+export * from "./Flex/index.js";
+export * from "./Space/index.js";
+export * from "./Title/index.js";
+export * from "./Highlight/index.js";
+export * from "./Mark/index.js";
+export * from "./Code/index.js";
+
+// Phase 2 components - Visual Feedback
+export * from "./Badge/index.js";
+export * from "./Avatar/index.js";
+export * from "./Paper/index.js";
+export * from "./Divider/index.js";
+export * from "./Progress/index.js";
+export * from "./Skeleton/index.js";
+
+// Phase 2 components - Input Components
+export * from "./TextInput/index.js";
+export * from "./Textarea/index.js";
+export * from "./PasswordInput/index.js";
+export * from "./Switch/index.js";
+export * from "./Checkbox/index.js";
+export * from "./Radio/index.js";
+
+// Phase 3 components - Foundation & Utilities
+export * from "./Overlay/index.js";
+export * from "./Portal/index.js";
+
+// Phase 3 components - Interactive Components
+export * from "./Modal/index.js";
+export * from "./Drawer/index.js";
+export * from "./Dialog/index.js";
+export * from "./Collapse/index.js";
+export * from "./Accordion/index.js";
+export * from "./Spoiler/index.js";
+export * from "./Notification/index.js";
+
+// Phase 3 components - Form Components
+export * from "./NumberInput/index.js";
+export * from "./PinInput/index.js";
+export * from "./Chip/index.js";
+export * from "./NativeSelect/index.js";
+
+// Phase 4 components - Advanced Interactions
+export * from "./Slider/index.js";
+export * from "./Rating/index.js";
+export * from "./Stepper/index.js";
+export * from "./SegmentedControl/index.js";
+export * from "./Pagination/index.js";
+
+// Phase 4 components - Data Display
+export * from "./Card/index.js";
+export * from "./Timeline/index.js";
+export * from "./Table/index.js";
+export * from "./List/index.js";
+
+// Phase 5 components - Images & Media
+export * from "./Image/index.js";
+export * from "./BackgroundImage/index.js";
+export * from "./ThemeIcon/index.js";
+export * from "./ColorSwatch/index.js";
+
+// Phase 5 components - Utility Components
+export * from "./Transition/index.js";
+export * from "./CloseButton/index.js";
+export * from "./CopyButton/index.js";
+export * from "./Burger/index.js";
+
+// Phase 6 components - Foundation
+export * from "./Anchor/index.js";
+export * from "./Kbd/index.js";
+export * from "./Indicator/index.js";
+
+// Phase 6 components - Layout
+export * from "./Grid/index.js";
+export * from "./SimpleGrid/index.js";
+export * from "./AspectRatio/index.js";
+export * from "./MediaQuery/index.js";
+
+// Phase 6 components - Display
+export * from "./Blockquote/index.js";
+export * from "./Breadcrumbs/index.js";
+export * from "./NavLink/index.js";
+
+// Phase 6 components - Complex Overlays
+export * from "./LoadingOverlay/index.js";
+export * from "./Tooltip/index.js";
+export * from "./Popover/index.js";
+export * from "./Menu/index.js";
+
+// Phase 6 components - Advanced Form
+export * from "./Select/index.js";
+export * from "./MultiSelect/index.js";
+
+// Phase 6 components - Specialized
+export * from "./RingProgress/index.js";
+export * from "./TransferList/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":";;AAAA,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,mBAAU;AACxB,cAAc,2BAAkB;AAChC,cAAc,uBAAc","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":";;AAAA,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,mBAAU;AACxB,cAAc,2BAAkB;AAChC,cAAc,uBAAc;AAC5B,cAAc,mBAAU;;AAExB;AACA,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;;AAEtB;AACA,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,oBAAW;AACzB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;;AAE1B;AACA,cAAc,sBAAa;AAC3B,cAAc,qBAAY;AAC1B,cAAc,0BAAiB;AAC/B,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;;AAEvB;AACA,cAAc,oBAAW;AACzB,cAAc,mBAAU;;AAExB;AACA,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,yBAAgB;;AAE9B;AACA,cAAc,wBAAe;AAC7B,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,yBAAgB;;AAE9B;AACA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,oBAAW;AACzB,cAAc,6BAAoB;AAClC,cAAc,uBAAc;;AAE5B;AACA,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;;AAEtB;AACA,cAAc,kBAAS;AACvB,cAAc,4BAAmB;AACjC,cAAc,sBAAa;AAC3B,cAAc,wBAAe;;AAE7B;AACA,cAAc,uBAAc;AAC5B,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;;AAExB;AACA,cAAc,mBAAU;AACxB,cAAc,gBAAO;AACrB,cAAc,sBAAa;;AAE3B;AACA,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,wBAAe;AAC7B,cAAc,uBAAc;;AAE5B;AACA,cAAc,uBAAc;AAC5B,cAAc,wBAAe;AAC7B,cAAc,oBAAW;;AAEzB;AACA,cAAc,2BAAkB;AAChC,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,iBAAQ;;AAEtB;AACA,cAAc,mBAAU;AACxB,cAAc,wBAAe;;AAE7B;AACA,cAAc,yBAAgB;AAC9B,cAAc,yBAAgB","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/theme/create-theme.js

@@ -4,12 +4,14 @@ import { DEFAULT_COLORS, DEFAULT_THEME } from "./default-theme.js";
 export const createTheme = theme => {
   const {
     primaryShade = 7,
-    other = {}
+    other = {},
+    components = {}
   } = theme || {};
   return {
     ...DEFAULT_THEME,
     primaryShade: primaryShade,
     other: other,
+    components: components,
     fontFamily: 'Nunito',
     fontFamilyBold: 'Nunito Bold',
     fontFamilySemiBold: 'Nunito SemiBold',
@@ -17,6 +19,7 @@ export const createTheme = theme => {
     primaryColor: 'blue',
     secondaryColor: 'cyan',
     headings: {
+      ...DEFAULT_THEME.headings,
       fontFamily: 'Nunito'
     },
     colors: DEFAULT_COLORS

package/lib/module/theme/create-theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_COLORS","DEFAULT_THEME","createTheme","theme","primaryShade","other","fontFamily","fontFamilyBold","fontFamilySemiBold","fontFamilyInput","primaryColor","secondaryColor","headings","colors"],"sourceRoot":"../../../src","sources":["theme/create-theme.ts"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,aAAa,QAAQ,oBAAiB;AAG/D,OAAO,MAAMC,WAAW,GAAIC,KAA6B,IAAmB;EAC1E,MAAM;IAAEC,YAAY,GAAG,CAAC;IAAEC,KAAK,GAAG,CAAC;EAAE,CAAC,GAAGF,KAAK,IAAI,CAAC,CAAC;EACpD,OAAO;IACL,GAAGF,aAAa;IAChBG,YAAY,EAAEA,YAAY;IAC1BC,KAAK,EAAEA,KAAK;IACZC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,aAAa;IAC7BC,kBAAkB,EAAE,iBAAiB;IACrCC,eAAe,EAAE,QAAQ;IACzBC,YAAY,EAAE,MAAM;IACpBC,cAAc,EAAE,MAAM;IACtBC,QAAQ,EAAE;MACRN,UAAU,EAAE;IACd,CAAC;IACDO,MAAM,EAAEb;EACV,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["DEFAULT_COLORS","DEFAULT_THEME","createTheme","theme","primaryShade","other","components","fontFamily","fontFamilyBold","fontFamilySemiBold","fontFamilyInput","primaryColor","secondaryColor","headings","colors"],"sourceRoot":"../../../src","sources":["theme/create-theme.ts"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,aAAa,QAAQ,oBAAiB;AAG/D,OAAO,MAAMC,WAAW,GAAIC,KAA6B,IAAmB;EAC1E,MAAM;IAAEC,YAAY,GAAG,CAAC;IAAEC,KAAK,GAAG,CAAC,CAAC;IAAEC,UAAU,GAAG,CAAC;EAAE,CAAC,GAAGH,KAAK,IAAI,CAAC,CAAC;EACrE,OAAO;IACL,GAAGF,aAAa;IAChBG,YAAY,EAAEA,YAAY;IAC1BC,KAAK,EAAEA,KAAK;IACZC,UAAU,EAAEA,UAAU;IACtBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,aAAa;IAC7BC,kBAAkB,EAAE,iBAAiB;IACrCC,eAAe,EAAE,QAAQ;IACzBC,YAAY,EAAE,MAAM;IACpBC,cAAc,EAAE,MAAM;IACtBC,QAAQ,EAAE;MACR,GAAGZ,aAAa,CAACY,QAAQ;MACzBN,UAAU,EAAE;IACd,CAAC;IACDO,MAAM,EAAEd;EACV,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/theme/default-theme.js

@@ -32,6 +32,8 @@ export const _DEFAULT_THEME = {
   primaryColor: 'blue',
   secondaryColor: 'black',
   secondaryBgColor: 'white',
+  white: '#ffffff',
+  black: '#000000',
   light: {
     text: '#000',
     background: '#fdfdfd',