@trilogy-ds/react 0.0.17-esm-cjs → 0.0.18-esm-cjs

package/lib/components/divider/DividerProps.js

@@ -0,0 +1,19 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/divider/DividerProps.ts
+var DividerProps_exports = {};
+module.exports = __toCommonJS(DividerProps_exports);

package/lib/components/divider/DividerProps.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../chunk-4DZWJDF4.mjs";

package/lib/components/{checkbox/tiles/tile/CheckboxTilePropsDefaults.js → divider/DividerPropsDefaults.js}

@@ -1,5 +1,12 @@
 export default {
-  "horizontal": {
+  "content": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "unboxed": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -7,7 +14,7 @@ export default {
       "true"
     ]
   },
-  "icon": {
+  "iconName": {
     "type": "enum",
     "values": [
       "undefined",
@@ -17,6 +24,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -40,6 +48,7 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
@@ -59,37 +68,20 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "description": {
-    "type": "react",
+  "inverted": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "null",
-      "string",
-      "number",
       "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "sticker": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
+      "true"
     ]
   },
-  "stickerVariant": {
-    "type": "enum",
+  "marginless": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "INFO",
-      "MAIN",
-      "ACCENT",
-      "MAIN",
-      "ACCENT",
-      "INFO"
+      "false",
+      "true"
     ]
   },
   "id": {

package/lib/components/divider/index.js

@@ -104,6 +104,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
@@ -182,24 +183,31 @@ var Icon_default = Icon;
 // components/divider/Divider.tsx
 var import_clsx2 = __toESM(require("clsx"));
 var import_react3 = __toESM(require("react"));
-var Divider = import_react3.default.forwardRef(
-  ({ className, id, unboxed, content, marginless, iconName, inverted, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      (0, import_clsx2.default)(
-        "divider",
-        unboxed && is("unboxed"),
-        marginless && is("marginless"),
-        className,
-        inverted && is("inverted"),
-        iconName && has("icon")
-      )
-    );
-    const contentClasses = hashClass(styled, (0, import_clsx2.default)("divider-content"));
-    return /* @__PURE__ */ import_react3.default.createElement("div", { ref, id, "data-testid": "separator", className: classes, ...others }, /* @__PURE__ */ import_react3.default.createElement("p", { className: contentClasses }, iconName && !content && /* @__PURE__ */ import_react3.default.createElement(Icon_default, { name: iconName, size: "medium" /* MEDIUM */ }), content && content));
-  }
-);
+var Divider = import_react3.default.forwardRef(({
+  className,
+  id,
+  unboxed,
+  content,
+  marginless,
+  iconName,
+  inverted,
+  ...others
+}, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(
+    styled,
+    (0, import_clsx2.default)(
+      "divider",
+      unboxed && is("unboxed"),
+      marginless && is("marginless"),
+      className,
+      inverted && is("inverted"),
+      iconName && has("icon")
+    )
+  );
+  const contentClasses = hashClass(styled, (0, import_clsx2.default)("divider-content"));
+  return /* @__PURE__ */ import_react3.default.createElement("div", { ref, id, "data-testid": "separator", className: classes, ...others }, /* @__PURE__ */ import_react3.default.createElement("p", { className: contentClasses }, iconName && !content && /* @__PURE__ */ import_react3.default.createElement(Icon_default, { name: iconName, size: "medium" /* MEDIUM */ }), content && content));
+});
 Divider.displayName = "Divider" /* Divider */;
 var Divider_default = Divider;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/divider/index.mjs

@@ -2,12 +2,14 @@
 import "../../chunk-ZLO26JLT.mjs";
 import {
   Divider_default
-} from "../../chunk-7O3FYPFV.mjs";
-import "../../chunk-E6IYXJ2R.mjs";
+} from "../../chunk-ED5NFRNM.mjs";
 import "../../chunk-Y3ROARMA.mjs";
-import "../../chunk-SGAZRZIK.mjs";
-import "../../chunk-WC3ULY5W.mjs";
-import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-LGL3XQ7F.mjs";
+import "../../chunk-ALGX47MZ.mjs";
+import "../../chunk-XXKEMYTB.mjs";
+import "../../chunk-4DZWJDF4.mjs";
+import "../../chunk-7VSJ3RTI.mjs";
+import "../../chunk-P372ZF3A.mjs";
 import "../../chunk-SWVRRUW7.mjs";
 import "../../chunk-Y7CEUBIZ.mjs";
 import "../../chunk-HU3FAWMX.mjs";
@@ -16,11 +18,9 @@ import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-UFMRE754.mjs";
 import "../../chunk-ZB4OWTDD.mjs";
 import "../../chunk-L4UDEKQK.mjs";
-import "../../chunk-P372ZF3A.mjs";
-import "../../chunk-CYNSXZSV.mjs";
-import "../../chunk-YK5HPRX4.mjs";
+import "../../chunk-RYABO2EX.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Divider_default as Divider

package/lib/components/divider/index.native.js

@@ -50,6 +50,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
@@ -167,6 +168,12 @@ var Icon = import_react4.default.forwardRef(
       icon: {
         transform: isIOS ? stretched && [{ skewX: "20deg" }] || [{ skewX: "0deg" }] : []
       },
+      iconContainer: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: defaultSize,
+        height: defaultSize
+      },
       stretched: {
         justifyContent: "center",
         alignItems: "center",
@@ -221,7 +228,7 @@ var Icon = import_react4.default.forwardRef(
           }
         ));
       } else {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { ...others }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ import_react4.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.icon, style],
@@ -253,24 +260,11 @@ var setTypographyAlign = (typo = "left") => {
   return typo && !Array.isArray(typo) && typo === "has-text-centered" /* TEXT_CENTERED */ && "center" || typo && Array.isArray(typo) && typo.includes("has-text-centered" /* TEXT_CENTERED */) && "center" || typo && !Array.isArray(typo) && typo === "has-text-left" /* TEXT_LEFT */ && "left" || typo && Array.isArray(typo) && typo.includes("has-text-left" /* TEXT_LEFT */) && "left" || typo && !Array.isArray(typo) && typo === "has-text-right" /* TEXT_RIGHT */ && "right" || typo && Array.isArray(typo) && typo.includes("has-text-right" /* TEXT_RIGHT */) && "right" || typo && !Array.isArray(typo) && typo === "has-text-justified" /* TEXT_JUSTIFIED */ && "justify" || typo && Array.isArray(typo) && typo.includes("has-text-justified" /* TEXT_JUSTIFIED */) && "justify" || "left";
 };
 
-// context/providerTheme/index.tsx
-var import_react5 = __toESM(require("react"));
-var defaultTheme2 = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue2 = {
-  theme: defaultTheme2,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext2 = import_react5.default.createContext(defaultContextValue2);
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react6 = require("react");
+// objects/Typography/TypographyBold/index.native.tsx
+var import_react5 = require("react");
 var getTypographyBoldStyle = (typo) => {
   var _a, _b, _c, _d;
-  const { theme } = (0, import_react6.useContext)(TrilogyThemeContext2);
+  const { theme } = (0, import_react5.useContext)(TrilogyThemeContext);
   const currentTypo = Array.isArray(typo) ? typo : [typo];
   switch (true) {
     case (typo && currentTypo.includes("has-text-weight-medium" /* TEXT_WEIGHT_MEDIUM */)):
@@ -290,131 +284,137 @@ var setTypographyColor = (typo = "", inverted = false, loading = false) => {
 };
 
 // components/text/Text.native.tsx
-var import_react7 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_native2 = __toESM(require("react-content-loader/native"));
 var import_react_native3 = require("react-native");
-var Text = import_react7.default.forwardRef(
-  ({ children, level, style, inverted, typo, skeleton, accessibilityLabel, numberOfLines = 0, ...others }, ref) => {
-    const statesContext = (0, import_react7.useContext)(StatesContext);
-    const textLevels = (level2) => {
-      return level2 && level2 == 1 /* ONE */ && 16 || level2 && level2 == 2 /* TWO */ && 14 || level2 && level2 == 3 /* THREE */ && 12 || level2 && level2 == 4 /* FOUR */ && 10 || 14;
-    };
-    const styles = import_react_native3.StyleSheet.create({
-      text: {
-        fontFamily: getTypographyBoldStyle(typo),
-        fontSize: textLevels(level),
-        color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
-        textAlign: setTypographyAlign(typo),
-        lineHeight: textLevels(level) * 1.2,
-        textDecorationLine: "none",
-        alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start"
-      },
-      skeleton: {
-        minWidth: 10,
-        alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start",
-        borderRadius: level && level == 1 /* ONE */ && 7 || level && level == 2 /* TWO */ && 7 || level && level == 3 /* THREE */ && 5 || 3,
-        borderWidth: 0.1,
-        borderColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
-        overflow: "hidden",
-        height: textLevels(level)
-      }
-    });
-    const textAccessibilityLabel = accessibilityLabel ? accessibilityLabel : typeof children === "string" ? children : void 0;
-    let textView = /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native3.Text,
-      {
-        ref,
-        numberOfLines,
-        ellipsizeMode: "tail",
-        maxFontSizeMultiplier: 1.3,
-        accessible: !!textAccessibilityLabel,
-        accessibilityLabel: textAccessibilityLabel,
-        style: [styles.text, style],
-        ...others
-      },
-      children
-    );
-    if (skeleton) {
-      textView = /* @__PURE__ */ import_react7.default.createElement(import_native2.default, { style: styles.skeleton }, textView, isAndroid && /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, null, /* @__PURE__ */ import_react7.default.createElement(import_native2.Rect, { rx: "7", ry: "7", width: "100%", height: "100%" })));
+var Text = import_react6.default.forwardRef(({
+  children,
+  level,
+  style,
+  inverted,
+  typo,
+  skeleton,
+  accessibilityLabel,
+  numberOfLines = 0,
+  ...others
+}, ref) => {
+  const statesContext = (0, import_react6.useContext)(StatesContext);
+  const textLevels = (level2) => {
+    return level2 && level2 == 1 /* ONE */ && 16 || level2 && level2 == 2 /* TWO */ && 14 || level2 && level2 == 3 /* THREE */ && 12 || level2 && level2 == 4 /* FOUR */ && 10 || 14;
+  };
+  const styles = import_react_native3.StyleSheet.create({
+    text: {
+      fontFamily: getTypographyBoldStyle(typo),
+      fontSize: textLevels(level),
+      color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
+      textAlign: setTypographyAlign(typo),
+      lineHeight: textLevels(level) * 1.2,
+      textDecorationLine: "none",
+      alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start"
+    },
+    skeleton: {
+      minWidth: 10,
+      alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start",
+      borderRadius: level && level == 1 /* ONE */ && 7 || level && level == 2 /* TWO */ && 7 || level && level == 3 /* THREE */ && 5 || 3,
+      borderWidth: 0.1,
+      borderColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
+      overflow: "hidden",
+      height: textLevels(level)
     }
-    return textView;
+  });
+  const textAccessibilityLabel = accessibilityLabel ? accessibilityLabel : typeof children === "string" ? children : void 0;
+  let textView = /* @__PURE__ */ import_react6.default.createElement(
+    import_react_native3.Text,
+    {
+      ref,
+      numberOfLines,
+      ellipsizeMode: "tail",
+      maxFontSizeMultiplier: 1.3,
+      accessible: !!textAccessibilityLabel,
+      accessibilityLabel: textAccessibilityLabel,
+      style: [styles.text, style],
+      ...others
+    },
+    children
+  );
+  if (skeleton) {
+    textView = /* @__PURE__ */ import_react6.default.createElement(import_native2.default, { style: styles.skeleton }, textView, isAndroid && /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, null, /* @__PURE__ */ import_react6.default.createElement(import_native2.Rect, { rx: "7", ry: "7", width: "100%", height: "100%" })));
   }
-);
+  return textView;
+});
 Text.displayName = "Text" /* Text */;
 var Text_native_default = Text;
 
 // components/divider/Divider.native.tsx
-var React5 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_react_native4 = require("react-native");
-var Divider = React5.forwardRef(
-  ({ content, unboxed, marginless, iconName, ...others }, ref) => {
-    const [textWidth, setTextWidth] = React5.useState(0);
-    const [containerWidth, setContainerWidth] = React5.useState(0);
-    const dividerColor = getColorStyle("NEUTRAL" /* NEUTRAL */);
-    const styles = import_react_native4.StyleSheet.create({
-      divider: {
-        marginBottom: 16,
-        marginTop: 16,
-        borderBottomColor: dividerColor,
-        borderBottomWidth: 1,
-        width: "100%",
-        alignSelf: (unboxed || marginless) && "stretch" || "auto"
-      },
-      dividerContent: {
-        borderBottomColor: dividerColor,
-        borderBottomWidth: 1,
-        alignSelf: "center",
-        justifyContent: "center",
-        width: `${(containerWidth - (textWidth + 16)) / 2 / containerWidth * 100}%`
-      },
-      container: {
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-        maxWidth: "100%"
-      },
-      content: {
-        justifyContent: "center",
-        backgroundColor: "transparent",
-        borderRadius: iconName ? 50 : 0,
-        padding: iconName ? 6 : 0
+var Divider = React4.forwardRef(({ content, unboxed, marginless, iconName, ...others }, ref) => {
+  const [textWidth, setTextWidth] = React4.useState(0);
+  const [containerWidth, setContainerWidth] = React4.useState(0);
+  const dividerColor = getColorStyle("NEUTRAL" /* NEUTRAL */);
+  const styles = import_react_native4.StyleSheet.create({
+    divider: {
+      marginBottom: 16,
+      marginTop: 16,
+      borderBottomColor: dividerColor,
+      borderBottomWidth: 1,
+      width: "100%",
+      alignSelf: (unboxed || marginless) && "stretch" || "auto"
+    },
+    dividerContent: {
+      borderBottomColor: dividerColor,
+      borderBottomWidth: 1,
+      alignSelf: "center",
+      justifyContent: "center",
+      width: `${(containerWidth - (textWidth + 16)) / 2 / containerWidth * 100}%`
+    },
+    container: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      maxWidth: "100%"
+    },
+    content: {
+      justifyContent: "center",
+      backgroundColor: "transparent",
+      borderRadius: iconName ? 50 : 0,
+      padding: iconName ? 6 : 0
+    },
+    textContent: {
+      textAlign: "center",
+      color: getColorStyle("MAIN" /* MAIN */)
+    }
+  });
+  const ContentDivider = React4.useMemo(() => {
+    if (content) return /* @__PURE__ */ React4.createElement(Text_native_default, { style: styles.textContent }, content);
+    if (iconName && !content) return /* @__PURE__ */ React4.createElement(Icon_native_default, { name: iconName, color: "MAIN" /* MAIN */, testId: "icon-id" });
+  }, [content, iconName]);
+  if (content || iconName) {
+    return /* @__PURE__ */ React4.createElement(
+      import_react_native4.View,
+      {
+        ref,
+        style: styles.container,
+        onLayout: (event) => {
+          setContainerWidth(event.nativeEvent.layout.width);
+        }
       },
-      textContent: {
-        textAlign: "center",
-        color: getColorStyle("MAIN" /* MAIN */)
-      }
-    });
-    const ContentDivider = React5.useMemo(() => {
-      if (content) return /* @__PURE__ */ React5.createElement(Text_native_default, { style: styles.textContent }, content);
-      if (iconName && !content) return /* @__PURE__ */ React5.createElement(Icon_native_default, { name: iconName, color: "MAIN" /* MAIN */, testId: "icon-id" });
-    }, [content, iconName]);
-    if (content || iconName) {
-      return /* @__PURE__ */ React5.createElement(
+      /* @__PURE__ */ React4.createElement(import_react_native4.View, { style: styles.dividerContent, ...others }),
+      /* @__PURE__ */ React4.createElement(
         import_react_native4.View,
         {
-          ref,
-          style: styles.container,
+          style: styles.content,
           onLayout: (event) => {
-            setContainerWidth(event.nativeEvent.layout.width);
+            setTextWidth(event.nativeEvent.layout.width);
           }
         },
-        /* @__PURE__ */ React5.createElement(import_react_native4.View, { style: styles.dividerContent, ...others }),
-        /* @__PURE__ */ React5.createElement(
-          import_react_native4.View,
-          {
-            style: styles.content,
-            onLayout: (event) => {
-              setTextWidth(event.nativeEvent.layout.width);
-            }
-          },
-          ContentDivider
-        ),
-        /* @__PURE__ */ React5.createElement(import_react_native4.View, { style: styles.dividerContent, ...others })
-      );
-    }
-    return /* @__PURE__ */ React5.createElement(import_react_native4.View, { style: styles.divider, ...others });
+        ContentDivider
+      ),
+      /* @__PURE__ */ React4.createElement(import_react_native4.View, { style: styles.dividerContent, ...others })
+    );
   }
-);
+  return /* @__PURE__ */ React4.createElement(import_react_native4.View, { style: styles.divider, ...others });
+});
 Divider.displayName = "Divider" /* Divider */;
 var Divider_native_default = Divider;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/divider/index.native.mjs

@@ -2,28 +2,27 @@
 import "../../chunk-HLFNY4EP.mjs";
 import {
   Divider_native_default
-} from "../../chunk-S2DOOAGV.mjs";
+} from "../../chunk-JDLZGLZJ.mjs";
 import "../../chunk-WEGZE5OY.mjs";
-import "../../chunk-2AL4D3MJ.mjs";
+import "../../chunk-MVQ252OA.mjs";
 import "../../chunk-D5HHHZDS.mjs";
-import "../../chunk-2CYVOYRM.mjs";
+import "../../chunk-3LXODEBD.mjs";
+import "../../chunk-WVL5S3CD.mjs";
 import "../../chunk-7L5452RP.mjs";
-import "../../chunk-H6FVJB5Z.mjs";
+import "../../chunk-2K2TD7FH.mjs";
+import "../../chunk-UPP3GX33.mjs";
+import "../../chunk-E4YRRUI3.mjs";
 import "../../chunk-CWIO3GEP.mjs";
-import "../../chunk-VI2KFLCZ.mjs";
 import "../../chunk-R6PFY5VS.mjs";
-import "../../chunk-E6IYXJ2R.mjs";
+import "../../chunk-4DZWJDF4.mjs";
 import "../../chunk-P6NVOAAH.mjs";
 import "../../chunk-ATW7ITPH.mjs";
 import "../../chunk-IGMJNGTZ.mjs";
-import "../../chunk-5QUXSOHX.mjs";
-import "../../chunk-P372ZF3A.mjs";
-import "../../chunk-HV6TXVFA.mjs";
-import "../../chunk-CYNSXZSV.mjs";
-import "../../chunk-YK5HPRX4.mjs";
+import "../../chunk-CD6DMMCL.mjs";
+import "../../chunk-RYABO2EX.mjs";
 import "../../chunk-4ZJQXF2V.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Divider_native_default as Divider

package/lib/components/enumsComponentsName.d.mts

@@ -22,6 +22,7 @@ export declare enum ComponentName {
     BreadcrumbItem = "BreadcrumbItem",
     Button = "Button",
     ButtonList = "ButtonList",
+    Calendar = "Calendar",
     ButtonVariant = "ButtonVariant",
     ButtonMarkup = "ButtonMarkup",
     ButtonType = "ButtonType",
@@ -159,5 +160,6 @@ export declare enum ComponentName {
     Alert = "Alert",
     Chips = "Chips",
     ChipsList = "ChipsList",
-    Range = "Range"
+    Range = "Range",
+    DatePicker = "DatePicker"
 }

package/lib/components/enumsComponentsName.d.ts

@@ -22,6 +22,7 @@ export declare enum ComponentName {
     BreadcrumbItem = "BreadcrumbItem",
     Button = "Button",
     ButtonList = "ButtonList",
+    Calendar = "Calendar",
     ButtonVariant = "ButtonVariant",
     ButtonMarkup = "ButtonMarkup",
     ButtonType = "ButtonType",
@@ -159,5 +160,6 @@ export declare enum ComponentName {
     Alert = "Alert",
     Chips = "Chips",
     ChipsList = "ChipsList",
-    Range = "Range"
+    Range = "Range",
+    DatePicker = "DatePicker"
 }

package/lib/components/enumsComponentsName.js

@@ -48,6 +48,7 @@ var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
   ComponentName2["BreadcrumbItem"] = "BreadcrumbItem";
   ComponentName2["Button"] = "Button";
   ComponentName2["ButtonList"] = "ButtonList";
+  ComponentName2["Calendar"] = "Calendar";
   ComponentName2["ButtonVariant"] = "ButtonVariant";
   ComponentName2["ButtonMarkup"] = "ButtonMarkup";
   ComponentName2["ButtonType"] = "ButtonType";
@@ -186,6 +187,7 @@ var ComponentName = /* @__PURE__ */ ((ComponentName2) => {
   ComponentName2["Chips"] = "Chips";
   ComponentName2["ChipsList"] = "ChipsList";
   ComponentName2["Range"] = "Range";
+  ComponentName2["DatePicker"] = "DatePicker";
   return ComponentName2;
 })(ComponentName || {});
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/enumsComponentsName.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   ComponentName
-} from "../chunk-NTS75UVH.mjs";
+} from "../chunk-VDLM4YQP.mjs";
 import "../chunk-QIPGVLHJ.mjs";
 export {
   ComponentName