@nexara/nativeflow 0.1.6 → 0.1.8

package/lib/commonjs/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () {
-    return _index4.default;
+    return _index5.default;
   }
 });
 Object.defineProperty(exports, "Button", {
@@ -36,31 +36,31 @@ Object.defineProperty(exports, "DarkTheme", {
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function () {
-    return _index3.Dialog;
+    return _index4.Dialog;
   }
 });
 Object.defineProperty(exports, "DialogBody", {
   enumerable: true,
   get: function () {
-    return _index3.DialogBody;
+    return _index4.DialogBody;
   }
 });
 Object.defineProperty(exports, "DialogDescription", {
   enumerable: true,
   get: function () {
-    return _index3.DialogDescription;
+    return _index4.DialogDescription;
   }
 });
 Object.defineProperty(exports, "DialogFoot", {
   enumerable: true,
   get: function () {
-    return _index3.DialogFoot;
+    return _index4.DialogFoot;
   }
 });
 Object.defineProperty(exports, "DialogHead", {
   enumerable: true,
   get: function () {
-    return _index3.DialogHead;
+    return _index4.DialogHead;
   }
 });
 Object.defineProperty(exports, "Divider", {
@@ -75,12 +75,6 @@ Object.defineProperty(exports, "Grid", {
     return _Grid.default;
   }
 });
-Object.defineProperty(exports, "Header", {
-  enumerable: true,
-  get: function () {
-    return _Header.default;
-  }
-});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function () {
@@ -108,19 +102,19 @@ Object.defineProperty(exports, "Link", {
 Object.defineProperty(exports, "Menu", {
   enumerable: true,
   get: function () {
-    return _index5.Menu;
+    return _index6.Menu;
   }
 });
 Object.defineProperty(exports, "MenuItem", {
   enumerable: true,
   get: function () {
-    return _index5.MenuItem;
+    return _index6.MenuItem;
   }
 });
 Object.defineProperty(exports, "MenuItemLabel", {
   enumerable: true,
   get: function () {
-    return _index5.MenuItemLabel;
+    return _index6.MenuItemLabel;
   }
 });
 Object.defineProperty(exports, "NativeProvider", {
@@ -141,28 +135,28 @@ Object.defineProperty(exports, "Progress", {
     return _Progress.default;
   }
 });
-Object.defineProperty(exports, "Slider", {
+Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function () {
-    return _Slider.default;
+    return _index.default;
   }
 });
 Object.defineProperty(exports, "Stack", {
   enumerable: true,
   get: function () {
-    return _index.default;
+    return _index2.default;
   }
 });
 Object.defineProperty(exports, "StyledText", {
   enumerable: true,
   get: function () {
-    return _index2.StyledText;
+    return _index3.StyledText;
   }
 });
 Object.defineProperty(exports, "StyledView", {
   enumerable: true,
   get: function () {
-    return _index2.StyledView;
+    return _index3.StyledView;
   }
 });
 Object.defineProperty(exports, "Surface", {
@@ -189,28 +183,22 @@ Object.defineProperty(exports, "horizontalScale", {
     return _ResponsiveCalculations.horizontalScale;
   }
 });
-Object.defineProperty(exports, "moderateScale", {
-  enumerable: true,
-  get: function () {
-    return _ResponsiveCalculations.moderateScale;
-  }
-});
-Object.defineProperty(exports, "moderateVerticalScale", {
+Object.defineProperty(exports, "responsiveFontSize", {
   enumerable: true,
   get: function () {
-    return _ResponsiveCalculations.moderateVerticalScale;
+    return _ResponsiveCalculations.responsiveFontSize;
   }
 });
 Object.defineProperty(exports, "useColorScheme", {
   enumerable: true,
   get: function () {
-    return _index6.useColorScheme;
+    return _index7.useColorScheme;
   }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function () {
-    return _index6.useTheme;
+    return _index7.useTheme;
   }
 });
 Object.defineProperty(exports, "verticalScale", {
@@ -219,30 +207,29 @@ Object.defineProperty(exports, "verticalScale", {
     return _ResponsiveCalculations.verticalScale;
   }
 });
-var _Header = _interopRequireDefault(require("./components/Header/Header.js"));
+var _NativeProvider = _interopRequireDefault(require("./components/Provider/NativeProvider.js"));
+var _ResponsiveCalculations = require("./helpers/ResponsiveCalculations.js");
 var _Chip = _interopRequireDefault(require("./components/Chip/Chip.js"));
+var _index = _interopRequireDefault(require("./components/Radio/index.js"));
 var _Button = _interopRequireDefault(require("./components/Button/Button.js"));
-var _index = _interopRequireDefault(require("./components/Stack/index.js"));
-var _index2 = require("./components/StyledComponents/index.js");
+var _index2 = _interopRequireDefault(require("./components/Stack/index.js"));
+var _index3 = require("./components/StyledComponents/index.js");
 var _UserInput = _interopRequireDefault(require("./components/UserInput/UserInput.js"));
-var _NativeProvider = _interopRequireDefault(require("./components/Provider/NativeProvider.js"));
-var _ResponsiveCalculations = require("./helpers/ResponsiveCalculations.js");
 var _Grid = _interopRequireDefault(require("./components/Grid/Grid.js"));
 var _Progress = _interopRequireDefault(require("./components/Progress/Progress.js"));
-var _Slider = _interopRequireDefault(require("./components/Slider/Slider.js"));
 var _Surface = _interopRequireDefault(require("./components/Surface/Surface.js"));
 var _Switch = _interopRequireDefault(require("./components/Switch/Switch.js"));
-var _index3 = require("./components/Dialog/index.js");
+var _index4 = require("./components/Dialog/index.js");
 var _CheckBox = _interopRequireDefault(require("./components/CheckBox/CheckBox.js"));
-var _index4 = _interopRequireDefault(require("./components/Avatar/index.js"));
+var _index5 = _interopRequireDefault(require("./components/Avatar/index.js"));
 var _Divider = _interopRequireDefault(require("./components/Divider/Divider.js"));
-var _index5 = require("./components/Menu/index.js");
+var _index6 = require("./components/Menu/index.js");
 var _IconButton = _interopRequireDefault(require("./components/IconButton/IconButton.js"));
 var _Icon = _interopRequireDefault(require("./components/Icon/Icon.js"));
 var _PortalProvider = _interopRequireDefault(require("./components/Portal/PortalProvider.js"));
 var _Link = _interopRequireDefault(require("./components/Link/Link.js"));
 var _LightTheme = _interopRequireDefault(require("./themes/LightTheme.js"));
 var _DarkTheme = _interopRequireDefault(require("./themes/DarkTheme.js"));
-var _index6 = require("./hooks/index.js");
+var _index7 = require("./hooks/index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Header","_interopRequireDefault","require","_Chip","_Button","_index","_index2","_UserInput","_NativeProvider","_ResponsiveCalculations","_Grid","_Progress","_Slider","_Surface","_Switch","_index3","_CheckBox","_index4","_Divider","_index5","_IconButton","_Icon","_PortalProvider","_Link","_LightTheme","_DarkTheme","_index6","e","__esModule","default"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,SAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,OAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,QAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,OAAA,GAAAb,sBAAA,CAAAC,OAAA;AAEA,IAAAa,OAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,OAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,QAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,OAAA,GAAAjB,OAAA;AACA,IAAAkB,WAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,KAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,eAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,KAAA,GAAAtB,sBAAA,CAAAC,OAAA;AAEA,IAAAsB,WAAA,GAAAvB,sBAAA,CAAAC,OAAA;AACA,IAAAuB,UAAA,GAAAxB,sBAAA,CAAAC,OAAA;AAEA,IAAAwB,OAAA,GAAAxB,OAAA;AAAmD,SAAAD,uBAAA0B,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"names":["_NativeProvider","_interopRequireDefault","require","_ResponsiveCalculations","_Chip","_index","_Button","_index2","_index3","_UserInput","_Grid","_Progress","_Surface","_Switch","_index4","_CheckBox","_index5","_Divider","_index6","_IconButton","_Icon","_PortalProvider","_Link","_LightTheme","_DarkTheme","_index7","e","__esModule","default"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,SAAA,GAAAV,sBAAA,CAAAC,OAAA;AAEA,IAAAU,QAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,OAAA,GAAAZ,sBAAA,CAAAC,OAAA;AAEA,IAAAY,OAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,OAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,QAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,OAAA,GAAAhB,OAAA;AACA,IAAAiB,WAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,KAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,eAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,KAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,WAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,UAAA,GAAAvB,sBAAA,CAAAC,OAAA;AACA,IAAAuB,OAAA,GAAAvB,OAAA;AAAmD,SAAAD,uBAAAyB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/themes/DarkTheme.js

@@ -4,35 +4,195 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _color = _interopRequireDefault(require("color"));
 var _index = require("../constants/index.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const darkColorPalette = {
+  natural: {
+    0: "#000000",
+    // pure black
+    50: "#0D1117",
+    // GitHub-inspired dark background
+    100: "#161B22",
+    // elevated surfaces
+    200: "#21262D",
+    // card backgrounds
+    300: "#30363D",
+    // borders and dividers
+    400: "#484F58",
+    // muted elements
+    500: "#6E7681",
+    // tertiary text
+    600: "#8B949E",
+    // secondary text
+    700: "#C9D1D9",
+    // primary text
+    800: "#F0F6FC",
+    // high contrast text
+    900: "#FFFFFF" // pure white
+  }
+};
+
+// Option 1: Purple & Emerald (Elegant & Professional)
 const DarkTheme = {
   isDark: true,
   colors: {
-    primary: '#ffffff',
-    secondary: '#000000',
-    disable: 'rgba(180, 180, 180, 0.20)',
-    // outline: '#8080805e',
-    outline: '#9090905e',
-    textPrimary: '#ffffff',
-    textSecondary: '#000000',
-    // textTertiary: 'gray',
-    textTertiary: '#A0A0A0',
-    textDisable: '#808080',
-    cursorColor: '#ffffff',
-    placeholderColor: '#808080',
-    iconPrimary: '#E0E0E0',
-    iconSecondary: '#000000',
-    iconDisable: '#808080',
-    dividerColor: "#3A3A3A",
-    inputBgColor: 'transparent',
-    chipBgColor: 'transparent',
-    switchColor: '#ffffff',
-    error: '#ED2939'
-  },
-  typography: {
-    variantSizes: _index.typographySizes
+    palette: darkColorPalette,
+    brand: {
+      primary: "#8B5CF6",
+      // Rich violet - elegant and professional
+      onPrimary: "#FFFFFF",
+      secondary: "#10B981",
+      // Emerald green - fresh and modern  
+      onSecondary: "#FFFFFF",
+      tertiary: "#F59E0B",
+      // Amber - warm and inviting
+      onTertiary: "#000000"
+    },
+    semantic: {
+      success: "#34D399",
+      // Bright emerald success
+      onSuccess: "#000000",
+      warning: "#FBBF24",
+      // Warm amber warning
+      onWarning: "#000000",
+      danger: "#F87171",
+      // Soft red - less harsh than bright red
+      onDanger: "#000000",
+      info: "#60A5FA",
+      // Sky blue info
+      onInfo: "#000000"
+    },
+    background: {
+      default: "#0D1117",
+      // Deep professional background
+      surface: "#161B22",
+      // Card surfaces
+      elevated: "#21262D",
+      // Modal and elevated components
+      backdrop: "rgba(13,17,23,0.8)"
+    },
+    border: {
+      subtle: "#21262D",
+      default: "#30363D",
+      strong: "#484F58",
+      focus: "#8B5CF6" // Primary violet focus
+    },
+    typography: {
+      primary: "#F0F6FC",
+      // Crisp white text
+      secondary: "#C9D1D9",
+      // Soft gray text
+      tertiary: "#8B949E",
+      // Muted text
+      disabled: "#484F58",
+      inverse: "#0D1117"
+    },
+    states: {
+      hover: "rgba(139, 92, 246, 0.1)",
+      // Subtle violet hover
+      pressed: "rgba(139, 92, 246, 0.2)",
+      // Stronger violet press
+      focus: '',
+      disabled: "rgba(72, 79, 88, 0.6)"
+    },
+    elevation: {
+      level0: "none",
+      level1: "0px 2px 4px rgba(0,0,0,0.55), 0px 1px 2px rgba(139,92,246,0.08)",
+      level2: "0px 4px 8px rgba(0,0,0,0.65), 0px 2px 4px rgba(139,92,246,0.07)",
+      level3: "0px 8px 16px rgba(0,0,0,0.75), 0px 4px 8px rgba(139,92,246,0.05)",
+      level4: "0px 16px 32px rgba(0,0,0,0.85), 0px 8px 16px rgba(139,92,246,0.03)"
+    }
   },
-  dialogSizes: _index.dialogSizes
+  sizes: {
+    typography: _index.typographySizes,
+    dialog: _index.dialogSizes
+  }
 };
-var _default = exports.default = DarkTheme;
+DarkTheme.colors.states.focus = (0, _color.default)(DarkTheme.colors.brand.primary).alpha(0.05).rgb().string();
+var _default = exports.default = DarkTheme; // import Color from "color";
+// import { dialogSizes, typographySizes } from "../constants";
+// import type { ThemeTypes } from "../types";
+// const colorPalette = {
+//     natural: {
+//        0: "#FFFFFF",   // pure white
+//         50: "#F9FAFB",  // very light gray (default page background)
+//         100: "#F3F4F6", // light gray (elevated surfaces)
+//         200: "#E5E7EB", // subtle borders, dividers
+//         300: "#D1D5DB", // default borders, secondary text
+//         400: "#9CA3AF", // strong borders, muted text
+//         500: "#6B7280", // tertiary text
+//         600: "#4B5563", // secondary text
+//         700: "#374151", // primary text on light backgrounds
+//         800: "#1F2937", // strong primary text
+//         900: "#111827", // almost black
+//     }
+// }
+// const DarkTheme: ThemeTypes = {
+//     isDark: true,
+//     colors: {
+//         palette: colorPalette,
+//         brand: {
+//             primary: "#22D3EE",      // teal accent
+//             onPrimary: "#111827",
+//             secondary: "#818CF8",    // indigo
+//             onSecondary: "#111827",
+//             tertiary: "#F59E0B",     // amber
+//             onTertiary: "#111827",
+//         },
+//         semantic: {
+//             success: "#22C55E",
+//             onSuccess: "#111827",
+//             warning: "#FACC15",
+//             onWarning: "#111827",
+//             danger: "#EF4444",
+//             onDanger: "#FFFFFF",
+//             info: "#3B82F6",
+//             onInfo: "#FFFFFF",
+//         },
+//         background: {
+//             default: "#111827",  // app background
+//             surface: "#1F2937",  // cards, sections
+//             elevated: "#272B33", // menus, dialogs
+//             backdrop: "rgba(0,0,0,0.6)", // darker scrim
+//         },
+//         border: {
+//             subtle: "#272B33",
+//             default: "#374151",
+//             strong: "#4B5563",
+//             focus: "#22D3EE", // brand primary
+//         },
+//         typography: {
+//             primary: "#F9FAFB",   // main text
+//             secondary: "#D1D5DB", // muted text
+//             tertiary: "#9CA3AF",  // tertiary text
+//             disabled: "#808892",  // disabled gray
+//             inverse: "#111827",   // inverse on bright backgrounds
+//         },
+//         states: {
+//             hover: "rgba(255, 255, 255, 0.04)",
+//             pressed: "rgba(255, 255, 255, 0.08)",
+//             focus: "",
+//             active: "",
+//             disabled: "rgba(255, 255, 255, 0.3)"
+//         },
+//         elevation: {
+//             level0: "none",
+//             level1: "0px 1px 3px rgba(0,0,0,0.4), 0px 1px 1px rgba(0,0,0,0.24), 0px 2px 1px -1px rgba(0,0,0,0.2)",
+//             level2: "0px 2px 4px rgba(0,0,0,0.36), 0px 2px 3px rgba(0,0,0,0.32)",
+//             level4: "0px 4px 6px rgba(0,0,0,0.3), 0px 2px 4px rgba(0,0,0,0.28)",
+//             level8: "0px 8px 12px rgba(0,0,0,0.28), 0px 4px 8px rgba(0,0,0,0.24)",
+//             level12: "0px 12px 17px rgba(0,0,0,0.26), 0px 5px 12px rgba(0,0,0,0.22)",
+//             level16: "0px 16px 24px rgba(0,0,0,0.25), 0px 6px 16px rgba(0,0,0,0.2)",
+//             level24: "0px 24px 38px rgba(0,0,0,0.24), 0px 9px 46px rgba(0,0,0,0.18)",
+//         }
+//     },
+//     sizes: {
+//         typography: typographySizes,
+//         dialog: dialogSizes
+//     }
+// };
+// DarkTheme.colors.states.focus = Color(DarkTheme.colors.brand.primary).mix(Color("white"), 0.8).alpha(0.1).rgb().string();
+// DarkTheme.colors.states.active = Color(DarkTheme.colors.brand.primary).lighten(0).alpha(0.3).rgb().string();
+// export default DarkTheme;
 //# sourceMappingURL=DarkTheme.js.map

package/lib/commonjs/themes/DarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_index","require","DarkTheme","isDark","colors","primary","secondary","disable","outline","textPrimary","textSecondary","textTertiary","textDisable","cursorColor","placeholderColor","iconPrimary","iconSecondary","iconDisable","dividerColor","inputBgColor","chipBgColor","switchColor","error","typography","variantSizes","typographySizes","dialogSizes","_default","exports","default"],"sourceRoot":"..\\..\\..\\src","sources":["themes/DarkTheme.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,MAAMC,SAAqB,GAAG;EAC1BC,MAAM,EAAE,IAAI;EACZC,MAAM,EAAE;IACJC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBC,OAAO,EAAE,2BAA2B;IACpC;IACAC,OAAO,EAAE,WAAW;IACpBC,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE,SAAS;IACxB;IACAC,YAAY,EAAE,SAAS;IACvBC,WAAW,EAAE,SAAS;IACtBC,WAAW,EAAE,SAAS;IACtBC,gBAAgB,EAAE,SAAS;IAG3BC,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE,SAAS;IACxBC,WAAW,EAAE,SAAS;IAEtBC,YAAY,EAAE,SAAS;IACvBC,YAAY,EAAE,aAAa;IAC3BC,WAAW,EAAE,aAAa;IAE1BC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;EACX,CAAC;EACDC,UAAU,EAAE;IACRC,YAAY,EAAEC;EAClB,CAAC;EACDC,WAAW,EAAXA;AACJ,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc3B,SAAS","ignoreList":[]}
+{"version":3,"names":["_color","_interopRequireDefault","require","_index","e","__esModule","default","darkColorPalette","natural","DarkTheme","isDark","colors","palette","brand","primary","onPrimary","secondary","onSecondary","tertiary","onTertiary","semantic","success","onSuccess","warning","onWarning","danger","onDanger","info","onInfo","background","surface","elevated","backdrop","border","subtle","strong","focus","typography","disabled","inverse","states","hover","pressed","elevation","level0","level1","level2","level3","level4","sizes","typographySizes","dialog","dialogSizes","Color","alpha","rgb","string","_default","exports"],"sourceRoot":"..\\..\\..\\src","sources":["themes/DarkTheme.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/themes/LightTheme.js

@@ -4,92 +4,100 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _color = _interopRequireDefault(require("color"));
 var _index = require("../constants/index.js");
-// const base = Color(theme.colors.primary);
-
-// const createTheme = (theme: { primary: string; secondary: string }) => {
-//     return {
-//         isDark: false,
-//         colors: {
-//             ...theme,
-//             outline: '#8080805e',
-//             disable: Color(theme.primary).mix(Color("white"), 0.4).hex(),
-
-//             textPrimary: '#000000',
-//             textSecondary: '#ffffff',
-//             textTertiary: 'gray',
-//             textDisable: '#9E9E9E',
-//             cursorColor: '#000000',
-//             placeholderColor: '#808080',
-
-//             iconPrimary: '#000000',
-//             iconSecondary: '#E0E0E0',
-//             iconDisable: '#9E9E9E',
-
-//             dividerColor: "#DCDBDB",
-
-//             switchColor: '#353935',
-//             error: '#ED2939',
-//         },
-//         typography: {
-//             variantSizes: typographySizes
-//         },
-//         // screenBreakpoints: BreakPoints,
-//         dialogSizes
-//     }
-// }
-
-// const LightTheme = createTheme({
-//     primary: '#000000',
-//     secondary: '#ffffff',
-//     textPrimary: '#000000',
-
-//     textSecondary: '#ffffff',
-//     textTertiary: 'gray',
-//     textDisable: '#9E9E9E',
-//     cursorColor: '#000000',
-//     placeholderColor: '#808080',
-
-//     iconPrimary: '#000000',
-//     iconSecondary: '#E0E0E0',
-//     iconDisable: '#9E9E9E',
-
-//     dividerColor: "#DCDBDB",
-
-//     switchColor: '#353935',
-//     error: '#ED2939',
-// })
-// console.log(Color('rgba(0, 0, 0, 1)').alpha(0.12).rgb().string())
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const colorPalette = {
+  natural: {
+    0: "#FFFFFF",
+    // pure white
+    50: "#F9FAFB",
+    // very light gray (default page background)
+    100: "#F3F4F6",
+    // light gray (elevated surfaces)
+    200: "#E5E7EB",
+    // subtle borders, dividers
+    300: "#D1D5DB",
+    // default borders, secondary text
+    400: "#9CA3AF",
+    // strong borders, muted text
+    500: "#6B7280",
+    // tertiary text
+    600: "#4B5563",
+    // secondary text
+    700: "#374151",
+    // primary text on light backgrounds
+    800: "#1F2937",
+    // strong primary text
+    900: "#111827" // almost black
+  }
+};
 const LightTheme = {
   isDark: false,
   colors: {
-    primary: '#000000',
-    secondary: '#ffffff',
-    // tertiary: '#8080805e',
-    // outline: '#8080805e',
-    outline: '#cbd5e1',
-    // disable: '#E0E0E0',
-    disable: 'rgba(100, 100, 100, 0.15)',
-    textPrimary: '#000000',
-    textSecondary: '#ffffff',
-    textTertiary: '#808080',
-    textDisable: '#9E9E9E',
-    cursorColor: '#000000',
-    // placeholderColor: '#808080',
-    placeholderColor: '#cbd5e1',
-    iconPrimary: '#000000',
-    iconSecondary: '#E0E0E0',
-    iconDisable: '#9E9E9E',
-    dividerColor: "#DCDBDB",
-    inputBgColor: '#f9fbfd',
-    chipBgColor: '#f9fbfd',
-    switchColor: '#353935',
-    error: '#ED2939'
-  },
-  typography: {
-    variantSizes: _index.typographySizes
+    palette: colorPalette,
+    brand: {
+      primary: "#034C53",
+      onPrimary: "#FFFFFF",
+      secondary: "#6366F1",
+      onSecondary: "#FFFFFF",
+      tertiary: "#F59E0B",
+      onTertiary: "#111827"
+    },
+    semantic: {
+      success: "#22C55E",
+      onSuccess: "#FFFFFF",
+      warning: "#FACC15",
+      onWarning: "#111827",
+      danger: "#EF4444",
+      onDanger: "#FFFFFF",
+      info: "#3B82F6",
+      onInfo: "#FFFFFF"
+    },
+    background: {
+      default: "#F9FAFB",
+      // default: "#FFFFFF",
+      surface: "#FFFFFF",
+      // elevated: "#F3F4F6",
+      // elevated: "#FAFAFA",
+      elevated: "#FFFFFF",
+      backdrop: "rgba(0,0,0,0.4)"
+    },
+    border: {
+      subtle: "#E5E7EB",
+      default: "#D1D5DB",
+      // default: colorPalette.natural[300],
+      strong: "#9CA3AF",
+      focus: "#F97316"
+    },
+    typography: {
+      primary: "#1A1A1A",
+      secondary: "#4D4D4D",
+      tertiary: "#808080",
+      // disabled: "#B3B3B3",
+      disabled: "#808080",
+      inverse: "#FFFFFF"
+    },
+    states: {
+      hover: "rgba(0, 0, 0, 0.04)",
+      pressed: "rgba(0, 0, 0, 0.08)",
+      focus: '',
+      // disabled: "rgba(0, 0, 0, 0.26)"
+      disabled: "rgb(184, 184, 184)"
+    },
+    elevation: {
+      level0: "none",
+      level1: "0px 1px 3px rgba(0,0,0,0.2), 0px 1px 1px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12)",
+      level2: "0px 2px 4px rgba(0,0,0,0.12), 0px 2px 3px rgba(0,0,0,0.18)",
+      level3: "0px 4px 6px rgba(0,0,0,0.15), 0px 2px 4px rgba(0,0,0,0.12)",
+      level4: "0px 8px 12px rgba(0,0,0,0.16), 0px 4px 8px rgba(0,0,0,0.12)"
+    }
   },
-  dialogSizes: _index.dialogSizes
+  sizes: {
+    typography: _index.typographySizes,
+    dialog: _index.dialogSizes
+  }
 };
+LightTheme.colors.states.focus = (0, _color.default)(LightTheme.colors.brand.primary).mix((0, _color.default)("white"), 0.8).alpha(0.3).rgb().string();
 var _default = exports.default = LightTheme;
 //# sourceMappingURL=LightTheme.js.map

package/lib/commonjs/themes/LightTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_index","require","LightTheme","isDark","colors","primary","secondary","outline","disable","textPrimary","textSecondary","textTertiary","textDisable","cursorColor","placeholderColor","iconPrimary","iconSecondary","iconDisable","dividerColor","inputBgColor","chipBgColor","switchColor","error","typography","variantSizes","typographySizes","dialogSizes","_default","exports","default"],"sourceRoot":"..\\..\\..\\src","sources":["themes/LightTheme.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,MAAMC,UAAsB,GAAG;EAC3BC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE;IACJC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpB;IACA;IACAC,OAAO,EAAE,SAAS;IAClB;IACAC,OAAO,EAAE,2BAA2B;IAEpCC,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE,SAAS;IACxBC,YAAY,EAAE,SAAS;IACvBC,WAAW,EAAE,SAAS;IACtBC,WAAW,EAAE,SAAS;IACtB;IACAC,gBAAgB,EAAE,SAAS;IAE3BC,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE,SAAS;IACxBC,WAAW,EAAE,SAAS;IAEtBC,YAAY,EAAE,SAAS;IAEvBC,YAAY,EAAE,SAAS;IACvBC,WAAW,EAAE,SAAS;IAEtBC,WAAW,EAAE,SAAS;IACtBC,KAAK,EAAE;EACX,CAAC;EACDC,UAAU,EAAE;IACRC,YAAY,EAAEC;EAClB,CAAC;EACDC,WAAW,EAAXA;AACJ,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc3B,UAAU","ignoreList":[]}
+{"version":3,"names":["_color","_interopRequireDefault","require","_index","e","__esModule","default","colorPalette","natural","LightTheme","isDark","colors","palette","brand","primary","onPrimary","secondary","onSecondary","tertiary","onTertiary","semantic","success","onSuccess","warning","onWarning","danger","onDanger","info","onInfo","background","surface","elevated","backdrop","border","subtle","strong","focus","typography","disabled","inverse","states","hover","pressed","elevation","level0","level1","level2","level3","level4","sizes","typographySizes","dialog","dialogSizes","Color","mix","alpha","rgb","string","_default","exports"],"sourceRoot":"..\\..\\..\\src","sources":["themes/LightTheme.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA4D,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG5D,MAAMG,YAAY,GAAG;EACjBC,OAAO,EAAE;IACL,CAAC,EAAE,SAAS;IAAI;IAChB,EAAE,EAAE,SAAS;IAAG;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS,CAAE;EACpB;AACJ,CAAC;AAED,MAAMC,UAAsB,GAAG;EAC3BC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE;IACJC,OAAO,EAAEL,YAAY;IACrBM,KAAK,EAAE;MACHC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE,SAAS;MACpBC,SAAS,EAAE,SAAS;MACpBC,WAAW,EAAE,SAAS;MACtBC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACNC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE,SAAS;MACpBC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE,SAAS;MACpBC,MAAM,EAAE,SAAS;MACjBC,QAAQ,EAAE,SAAS;MACnBC,IAAI,EAAE,SAAS;MACfC,MAAM,EAAE;IACZ,CAAC;IACDC,UAAU,EAAE;MACRvB,OAAO,EAAE,SAAS;MAClB;MACAwB,OAAO,EAAE,SAAS;MAClB;MACA;MACAC,QAAQ,EAAE,SAAS;MACnBC,QAAQ,EAAE;IACd,CAAC;IACDC,MAAM,EAAE;MACJC,MAAM,EAAE,SAAS;MACjB5B,OAAO,EAAE,SAAS;MAClB;MACA6B,MAAM,EAAE,SAAS;MACjBC,KAAK,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACRvB,OAAO,EAAE,SAAS;MAClBE,SAAS,EAAE,SAAS;MACpBE,QAAQ,EAAE,SAAS;MACnB;MACAoB,QAAQ,EAAE,SAAS;MACnBC,OAAO,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACJC,KAAK,EAAE,qBAAqB;MAC5BC,OAAO,EAAE,qBAAqB;MAC9BN,KAAK,EAAE,EAAE;MACT;MACAE,QAAQ,EAAE;IACd,CAAC;IACDK,SAAS,EAAE;MACPC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,8FAA8F;MACtGC,MAAM,EAAE,4DAA4D;MACpEC,MAAM,EAAE,4DAA4D;MACpEC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,KAAK,EAAE;IACHZ,UAAU,EAAEa,sBAAe;IAC3BC,MAAM,EAAEC;EACZ;AACJ,CAAC;AACD3C,UAAU,CAACE,MAAM,CAAC6B,MAAM,CAACJ,KAAK,GAAG,IAAAiB,cAAK,EAAC5C,UAAU,CAACE,MAAM,CAACE,KAAK,CAACC,OAAO,CAAC,CAACwC,GAAG,CAAC,IAAAD,cAAK,EAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArD,OAAA,GAE5GG,UAAU","ignoreList":[]}

package/lib/commonjs/types/divider.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=divider.type.js.map

package/lib/commonjs/types/divider.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/divider.type.ts"],"mappings":"","ignoreList":[]}