@cerberus-design/react 0.14.1 → 0.14.2-next-3cf1eed

package/build/legacy/index.cjs

@@ -147,117 +147,16 @@ module.exports = __toCommonJS(src_exports);
 
 // src/components/Accordion.tsx
 var import_react = require("@ark-ui/react");
-var import_icons = require("@cerberus/icons");
 var import_css = require("@cerberus/styled-system/css");
 var import_recipes = require("@cerberus/styled-system/recipes");
-var import_jsx_runtime = require("react/jsx-runtime");
-function Accordion(props) {
-  const { size, className, ...rootProps } = props;
-  const styles = (0, import_recipes.accordion)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Accordion.Root,
-    {
-      collapsible: true,
-      className: (0, import_css.cx)(className, styles.root),
-      ...rootProps
-    }
-  );
-}
-function AccordionItem(props) {
-  const { size, ...itemProps } = props;
-  const styles = (0, import_recipes.accordion)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Accordion.Item,
-    {
-      ...itemProps,
-      className: (0, import_css.cx)(itemProps.className, styles.item)
-    }
-  );
-}
-function AccordionItemTrigger(props) {
-  const { size, ...triggerProps } = props;
-  const styles = (0, import_recipes.accordion)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Accordion.ItemTrigger,
-    {
-      ...triggerProps,
-      className: (0, import_css.cx)(triggerProps.className, styles.itemTrigger)
-    }
-  );
-}
-function AccordionItemIndicator(props) {
-  const { size, ...indicatorProps } = props;
-  const styles = (0, import_recipes.accordion)({ size });
-  const iconSize = size === "sm" ? 16 : "24";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Accordion.ItemIndicator,
-    {
-      ...indicatorProps,
-      className: (0, import_css.cx)(indicatorProps.className, styles.itemIndicator),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronDown, { size: iconSize })
-    }
-  );
-}
-function AccordionItemContent(props) {
-  const { size, ...contentProps } = props;
-  const styles = (0, import_recipes.accordion)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Accordion.ItemContent,
-    {
-      ...contentProps,
-      className: (0, import_css.cx)(contentProps.className, styles.itemContent)
-    }
-  );
-}
-
-// src/components/Show.tsx
-var import_react2 = require("react");
-function Show(props) {
-  const { when, children, fallback } = props;
-  const condition = (0, import_react2.useMemo)(() => when ?? false, [when]);
-  return (0, import_react2.useMemo)(() => {
-    if (condition) return children;
-    return fallback ?? null;
-  }, [condition, children, fallback]);
-}
-
-// src/components/AccordionItemGroup.tsx
-var import_css2 = require("@cerberus/styled-system/css");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function AccordionItemGroup(props) {
-  const {
-    size,
-    heading,
-    children,
-    indicatorPosition = "end",
-    ...itemProps
-  } = props;
-  const triggerStyles = indicatorPosition === "start" ? {
-    gap: "md",
-    justifyContent: "flex-start"
-  } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AccordionItem, { ...itemProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AccordionItemTrigger, { className: (0, import_css2.css)(triggerStyles), size, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionItemIndicator, { size }) }),
-      heading,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionItemIndicator, { size }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionItemContent, { size, children })
-  ] });
-}
-
-// src/components/Admonition.tsx
-var import_recipes3 = require("@cerberus/styled-system/recipes");
-var import_css4 = require("@cerberus/styled-system/css");
-var import_patterns2 = require("@cerberus/styled-system/patterns");
 
 // src/config/cerbIcons.ts
-var import_icons2 = require("@cerberus/icons");
+var import_icons = require("@cerberus/icons");
 
 // src/config/icons/checkbox.icons.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 function CheckmarkIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
       "aria-hidden": "true",
@@ -266,7 +165,7 @@ function CheckmarkIcon(props) {
       role: "img",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -277,7 +176,7 @@ function CheckmarkIcon(props) {
   );
 }
 function IndeterminateIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
       "aria-hidden": "true",
@@ -286,15 +185,15 @@ function IndeterminateIcon(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
     }
   );
 }
 
 // src/components/AnimatingUploadIcon.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function AnimatingUploadIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "svg",
     {
       "aria-hidden": "true",
@@ -302,7 +201,7 @@ function AnimatingUploadIcon(props) {
       width: props.size ?? "1em",
       height: props.size ?? "1em",
       viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "g",
         {
           fill: "none",
@@ -311,14 +210,14 @@ function AnimatingUploadIcon(props) {
           strokeLinejoin: "round",
           strokeWidth: 1.5,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "path",
               {
                 "data-name": "animating-trail",
                 strokeDasharray: "2 4",
                 strokeDashoffset: 6,
                 d: "M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9",
-                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   "animate",
                   {
                     attributeName: "stroke-dashoffset",
@@ -329,14 +228,14 @@ function AnimatingUploadIcon(props) {
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "path",
               {
                 "data-name": "half-circle",
                 strokeDasharray: 32,
                 strokeDashoffset: 32,
                 d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9",
-                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   "animate",
                   {
                     fill: "freeze",
@@ -348,7 +247,7 @@ function AnimatingUploadIcon(props) {
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "svg",
               {
                 "aria-hidden": "true",
@@ -358,7 +257,7 @@ function AnimatingUploadIcon(props) {
                 x: "27%",
                 y: "27%",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   "polygon",
                   {
                     fill: "currentColor",
@@ -366,7 +265,7 @@ function AnimatingUploadIcon(props) {
                     strokeWidth: 0.8,
                     opacity: "1",
                     points: "3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 ",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       "animate",
                       {
                         fill: "freeze",
@@ -389,27 +288,28 @@ function AnimatingUploadIcon(props) {
 
 // src/config/cerbIcons.ts
 var defaultIcons = {
-  avatar: import_icons2.UserFilled,
-  calendar: import_icons2.Calendar,
-  calendarPrev: import_icons2.ChevronLeft,
-  calendarNext: import_icons2.ChevronRight,
+  accordionIndicator: import_icons.ChevronDown,
+  avatar: import_icons.UserFilled,
+  calendar: import_icons.Calendar,
+  calendarPrev: import_icons.ChevronLeft,
+  calendarNext: import_icons.ChevronRight,
   checkbox: CheckmarkIcon,
-  close: import_icons2.Close,
-  confirmModal: import_icons2.Information,
-  delete: import_icons2.TrashCan,
-  promptModal: import_icons2.Information,
-  waitingFileUploader: import_icons2.CloudUpload,
+  close: import_icons.Close,
+  confirmModal: import_icons.Information,
+  delete: import_icons.TrashCan,
+  promptModal: import_icons.Information,
+  waitingFileUploader: import_icons.CloudUpload,
   fileUploader: AnimatingUploadIcon,
   indeterminate: IndeterminateIcon,
-  infoNotification: import_icons2.Information,
-  successNotification: import_icons2.CheckmarkOutline,
-  warningNotification: import_icons2.WarningAlt,
-  dangerNotification: import_icons2.WarningFilled,
-  invalid: import_icons2.WarningFilled,
-  invalidAlt: import_icons2.Warning,
-  redo: import_icons2.Restart,
-  selectArrow: import_icons2.ChevronDown,
-  toggleChecked: import_icons2.Checkmark
+  infoNotification: import_icons.Information,
+  successNotification: import_icons.CheckmarkOutline,
+  warningNotification: import_icons.WarningAlt,
+  dangerNotification: import_icons.WarningFilled,
+  invalid: import_icons.WarningFilled,
+  invalidAlt: import_icons.Warning,
+  redo: import_icons.Restart,
+  selectArrow: import_icons.ChevronDown,
+  toggleChecked: import_icons.Checkmark
 };
 
 // src/config/defineIcons.ts
@@ -430,6 +330,109 @@ function defineIcons(icons) {
 }
 var $cerberusIcons = defaultIcons;
 
+// src/components/Accordion.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Accordion(props) {
+  const { size, className, ...rootProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react.Accordion.Root,
+    {
+      collapsible: true,
+      className: (0, import_css.cx)(className, styles.root),
+      ...rootProps
+    }
+  );
+}
+function AccordionItem(props) {
+  const { size, ...itemProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react.Accordion.Item,
+    {
+      ...itemProps,
+      className: (0, import_css.cx)(itemProps.className, styles.item)
+    }
+  );
+}
+function AccordionItemTrigger(props) {
+  const { size, ...triggerProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react.Accordion.ItemTrigger,
+    {
+      ...triggerProps,
+      className: (0, import_css.cx)(triggerProps.className, styles.itemTrigger)
+    }
+  );
+}
+function AccordionItemIndicator(props) {
+  const { size, ...indicatorProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  const iconSize = size === "sm" ? 16 : "24";
+  const { accordionIndicator: ChevronDown2 } = $cerberusIcons;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react.Accordion.ItemIndicator,
+    {
+      ...indicatorProps,
+      className: (0, import_css.cx)(indicatorProps.className, styles.itemIndicator),
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronDown2, { size: iconSize })
+    }
+  );
+}
+function AccordionItemContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes.accordion)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react.Accordion.ItemContent,
+    {
+      ...contentProps,
+      className: (0, import_css.cx)(contentProps.className, styles.itemContent)
+    }
+  );
+}
+
+// src/components/Show.tsx
+var import_react2 = require("react");
+function Show(props) {
+  const { when, children, fallback } = props;
+  const condition = (0, import_react2.useMemo)(() => when ?? false, [when]);
+  return (0, import_react2.useMemo)(() => {
+    if (condition) return children;
+    return fallback ?? null;
+  }, [condition, children, fallback]);
+}
+
+// src/components/AccordionItemGroup.tsx
+var import_css2 = require("@cerberus/styled-system/css");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function AccordionItemGroup(props) {
+  const {
+    size,
+    heading,
+    children,
+    indicatorPosition = "end",
+    ...itemProps
+  } = props;
+  const triggerStyles = indicatorPosition === "start" ? {
+    gap: "md",
+    justifyContent: "flex-start"
+  } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AccordionItem, { ...itemProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AccordionItemTrigger, { className: (0, import_css2.css)(triggerStyles), size, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Show, { when: indicatorPosition === "start", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccordionItemIndicator, { size }) }),
+      heading,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Show, { when: indicatorPosition === "end", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccordionItemIndicator, { size }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccordionItemContent, { size, children })
+  ] });
+}
+
+// src/components/Admonition.tsx
+var import_recipes3 = require("@cerberus/styled-system/recipes");
+var import_css4 = require("@cerberus/styled-system/css");
+var import_patterns2 = require("@cerberus/styled-system/patterns");
+
 // src/components/Avatar.tsx
 var import_css3 = require("@cerberus/styled-system/css");
 var import_patterns = require("@cerberus/styled-system/patterns");
@@ -2550,7 +2553,7 @@ var closableCss = (0, import_css40.css)({
 });
 
 // src/components/Text.tsx
-var import_jsx = require("@cerberus-design/styled-system/jsx");
+var import_jsx = require("@cerberus/styled-system/jsx");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function Text(props) {
   const { as = "p", ...pandaJSXProps } = props;