@apipass/design-system 1.20.1 → 1.22.0

package/dist/lib/ui/components/Widget/Widget.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.cjs","sources":["../../../../../src/ui/components/Widget/Widget.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef, type ReactNode, forwardRef } from \"react\";\nimport { IconInfo } from \"icons\";\nimport { IconButton, Tooltip } from \"primitives\";\nimport \"./widget.css\";\n\ntype WidgetDescriptionProps =\n  | { description?: undefined; descriptionButtonLabel?: undefined }\n  | { description: ReactNode; descriptionButtonLabel: string };\n\nexport type WidgetProps = Omit<ComponentPropsWithoutRef<\"div\">, \"title\"> &\n  WidgetDescriptionProps & {\n    title: ReactNode;\n    headerActions?: ReactNode;\n  };\n\nexport const Widget = forwardRef<HTMLDivElement, WidgetProps>(function Widget(\n  { title, description, descriptionButtonLabel, headerActions, children, className, ...props },\n  ref,\n) {\n  return (\n    <div ref={ref} className={clsx(\"widget\", className)} {...props}>\n      <div className=\"widget-header widget-drag-handle\">\n        <span className=\"widget-header-title-group\">\n          <span className=\"widget-header-title\">{title}</span>\n          {description && (\n            <Tooltip content={description} placement=\"bottom\" offset={4}>\n              <IconButton\n                aria-label={descriptionButtonLabel}\n                variant=\"subtle\"\n                size=\"small\"\n                className=\"widget-header-description-trigger\"\n              >\n                <IconInfo size=\"14\" />\n              </IconButton>\n            </Tooltip>\n          )}\n        </span>\n        {headerActions && <div className=\"widget-header-actions\">{headerActions}</div>}\n      </div>\n      <div className=\"widget-body\">{children}</div>\n    </div>\n  );\n});\n"],"names":["Widget","forwardRef","title","description","descriptionButtonLabel","headerActions","children","className","props","ref","jsxs","clsx","jsx","Tooltip","IconButton","IconInfo"],"mappings":"0WAgBaA,EAASC,EAAAA,WAAwC,SAC5D,CAAE,MAAAC,EAAO,YAAAC,EAAa,uBAAAC,EAAwB,cAAAC,EAAe,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAA,EACrFC,EACA,CACA,OACEC,OAAC,OAAI,IAAAD,EAAU,UAAWE,OAAK,SAAUJ,CAAS,EAAI,GAAGC,EACvD,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAU,mCACb,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,4BACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,sBAAuB,SAAAV,EAAM,EAC5CC,SACEU,UAAA,CAAQ,QAASV,EAAa,UAAU,SAAS,OAAQ,EACxD,SAAAS,EAAAA,IAACE,EAAAA,WAAA,CACC,aAAYV,EACZ,QAAQ,SACR,KAAK,QACL,UAAU,oCAEV,SAAAQ,EAAAA,IAACG,EAAAA,SAAA,CAAS,KAAK,IAAA,CAAK,CAAA,CAAA,CACtB,CACF,CAAA,EAEJ,EACCV,GAAiBO,EAAAA,IAAC,MAAA,CAAI,UAAU,wBAAyB,SAAAP,CAAA,CAAc,CAAA,EAC1E,EACAO,EAAAA,IAAC,MAAA,CAAI,UAAU,cAAe,SAAAN,CAAA,CAAS,CAAA,EACzC,CAEJ,CAAC"}
+{"version":3,"file":"Widget.cjs","sources":["../../../../../src/ui/components/Widget/Widget.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef, type ReactNode, forwardRef, useId, useState } from \"react\";\nimport { IconChevronDown, IconInfo } from \"icons\";\nimport { IconButton, Tooltip } from \"primitives\";\nimport \"./widget.css\";\n\ntype WidgetDescriptionProps =\n  | { description?: undefined; descriptionButtonLabel?: undefined }\n  | { description: ReactNode; descriptionButtonLabel: string };\n\ntype WidgetCollapseProps =\n  | {\n      isCollapsible?: false;\n      collapseButtonLabel?: undefined;\n      expandButtonLabel?: undefined;\n      collapsed?: undefined;\n      defaultCollapsed?: undefined;\n      onCollapsedChange?: undefined;\n    }\n  | {\n      isCollapsible: true;\n      collapseButtonLabel: string;\n      expandButtonLabel: string;\n      collapsed?: boolean;\n      defaultCollapsed?: boolean;\n      onCollapsedChange?: (collapsed: boolean) => void;\n    };\n\nexport type WidgetProps = Omit<ComponentPropsWithoutRef<\"div\">, \"title\"> &\n  WidgetDescriptionProps &\n  WidgetCollapseProps & {\n    title: ReactNode;\n    headerActions?: ReactNode;\n  };\n\nexport const Widget = forwardRef<HTMLDivElement, WidgetProps>(function Widget(\n  {\n    title,\n    description,\n    descriptionButtonLabel,\n    headerActions,\n    isCollapsible,\n    collapseButtonLabel,\n    expandButtonLabel,\n    collapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n    children,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const bodyId: string = useId();\n  const isCollapsedControlled: boolean = collapsed !== undefined;\n  const [uncontrolledCollapsed, setUncontrolledCollapsed] = useState<boolean>(\n    defaultCollapsed ?? false,\n  );\n  const isCollapsed: boolean =\n    isCollapsible === true && (isCollapsedControlled ? collapsed === true : uncontrolledCollapsed);\n\n  function toggleCollapsed(): void {\n    const nextCollapsed: boolean = !isCollapsed;\n    if (!isCollapsedControlled) setUncontrolledCollapsed(nextCollapsed);\n    onCollapsedChange?.(nextCollapsed);\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\"widget\", className)}\n      {...props}\n      data-collapsed={isCollapsed || undefined}\n    >\n      <div className=\"widget-header widget-drag-handle\">\n        <span className=\"widget-header-title-group\">\n          <span className=\"widget-header-title\">{title}</span>\n          {description && (\n            <Tooltip content={description} placement=\"bottom\" offset={4}>\n              <IconButton\n                aria-label={descriptionButtonLabel}\n                variant=\"subtle\"\n                size=\"small\"\n                className=\"widget-header-description-trigger\"\n              >\n                <IconInfo size=\"14\" />\n              </IconButton>\n            </Tooltip>\n          )}\n        </span>\n        {(headerActions || isCollapsible) && (\n          <div className=\"widget-header-actions\">\n            {headerActions}\n            {isCollapsible && (\n              <IconButton\n                aria-label={isCollapsed ? expandButtonLabel : collapseButtonLabel}\n                aria-expanded={!isCollapsed}\n                aria-controls={bodyId}\n                variant=\"subtle\"\n                size=\"small\"\n                className=\"widget-header-collapse-trigger\"\n                onPress={toggleCollapsed}\n              >\n                <IconChevronDown size=\"16\" className=\"widget-header-collapse-indicator\" />\n              </IconButton>\n            )}\n          </div>\n        )}\n      </div>\n      <div id={bodyId} className=\"widget-body\" hidden={isCollapsed}>\n        {children}\n      </div>\n    </div>\n  );\n});\n"],"names":["Widget","forwardRef","title","description","descriptionButtonLabel","headerActions","isCollapsible","collapseButtonLabel","expandButtonLabel","collapsed","defaultCollapsed","onCollapsedChange","children","className","props","ref","bodyId","useId","isCollapsedControlled","uncontrolledCollapsed","setUncontrolledCollapsed","useState","isCollapsed","toggleCollapsed","nextCollapsed","jsxs","clsx","jsx","Tooltip","IconButton","IconInfo","IconChevronDown"],"mappings":"uZAmCaA,EAASC,EAAAA,WAAwC,SAC5D,CACE,MAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,cAAAC,EACA,cAAAC,EACA,oBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAiBC,EAAAA,MAAA,EACjBC,EAAiCT,IAAc,OAC/C,CAACU,EAAuBC,CAAwB,EAAIC,EAAAA,SACxDX,GAAoB,EAAA,EAEhBY,EACJhB,IAAkB,KAASY,EAAwBT,IAAc,GAAOU,GAE1E,SAASI,GAAwB,CAC/B,MAAMC,EAAyB,CAACF,EAC3BJ,GAAuBE,EAAyBI,CAAa,EAClEb,GAAA,MAAAA,EAAoBa,EACtB,CAEA,OACEC,EAAAA,KAAC,MAAA,CACC,IAAAV,EACA,UAAWW,EAAAA,KAAK,SAAUb,CAAS,EAClC,GAAGC,EACJ,iBAAgBQ,GAAe,OAE/B,SAAA,CAAAG,EAAAA,KAAC,MAAA,CAAI,UAAU,mCACb,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,4BACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,sBAAuB,SAAAzB,EAAM,EAC5CC,SACEyB,UAAA,CAAQ,QAASzB,EAAa,UAAU,SAAS,OAAQ,EACxD,SAAAwB,EAAAA,IAACE,EAAAA,WAAA,CACC,aAAYzB,EACZ,QAAQ,SACR,KAAK,QACL,UAAU,oCAEV,SAAAuB,EAAAA,IAACG,EAAAA,SAAA,CAAS,KAAK,IAAA,CAAK,CAAA,CAAA,CACtB,CACF,CAAA,EAEJ,GACEzB,GAAiBC,IACjBmB,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAApB,EACAC,GACCqB,EAAAA,IAACE,EAAAA,WAAA,CACC,aAAYP,EAAcd,EAAoBD,EAC9C,gBAAe,CAACe,EAChB,gBAAeN,EACf,QAAQ,SACR,KAAK,QACL,UAAU,iCACV,QAASO,EAET,SAAAI,EAAAA,IAACI,kBAAA,CAAgB,KAAK,KAAK,UAAU,kCAAA,CAAmC,CAAA,CAAA,CAC1E,CAAA,CAEJ,CAAA,EAEJ,EACAJ,MAAC,OAAI,GAAIX,EAAQ,UAAU,cAAc,OAAQM,EAC9C,SAAAV,CAAA,CACH,CAAA,CAAA,CAAA,CAGN,CAAC"}

package/dist/lib/ui/components/Widget/Widget.js

@@ -1,32 +1,78 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { clsx as n } from "../../../vendor/clsx/dist/clsx.js";
-import { forwardRef as c } from "react";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { clsx as j } from "../../../vendor/clsx/dist/clsx.js";
+import { forwardRef as y, useId as W, useState as B } from "react";
 /* empty css           */
-import { Tooltip as g } from "../../primitives/Tooltip/Tooltip.js";
-import { IconInfo as p } from "../../icons/IconInfo.js";
-import { IconButton as f } from "../../primitives/IconButton/IconButton.js";
-const j = c(function({ title: a, description: t, descriptionButtonLabel: d, headerActions: r, children: o, className: s, ...l }, m) {
-  return /* @__PURE__ */ i("div", { ref: m, className: n("widget", s), ...l, children: [
-    /* @__PURE__ */ i("div", { className: "widget-header widget-drag-handle", children: [
-      /* @__PURE__ */ i("span", { className: "widget-header-title-group", children: [
-        /* @__PURE__ */ e("span", { className: "widget-header-title", children: a }),
-        t && /* @__PURE__ */ e(g, { content: t, placement: "bottom", offset: 4, children: /* @__PURE__ */ e(
-          f,
-          {
-            "aria-label": d,
-            variant: "subtle",
-            size: "small",
-            className: "widget-header-description-trigger",
-            children: /* @__PURE__ */ e(p, { size: "14" })
-          }
-        ) })
-      ] }),
-      r && /* @__PURE__ */ e("div", { className: "widget-header-actions", children: r })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "widget-body", children: o })
-  ] });
+import { Tooltip as D } from "../../primitives/Tooltip/Tooltip.js";
+import { IconInfo as P } from "../../icons/IconInfo.js";
+import { IconChevronDown as R } from "../../icons/IconChevronDown.js";
+import { IconButton as m } from "../../primitives/IconButton/IconButton.js";
+const J = y(function({
+  title: p,
+  description: a,
+  descriptionButtonLabel: f,
+  headerActions: d,
+  isCollapsible: i,
+  collapseButtonLabel: g,
+  expandButtonLabel: h,
+  collapsed: s,
+  defaultCollapsed: u,
+  onCollapsedChange: o,
+  children: w,
+  className: v,
+  ...N
+}, x) {
+  const l = W(), c = s !== void 0, [I, b] = B(
+    u ?? !1
+  ), t = i === !0 && (c ? s === !0 : I);
+  function z() {
+    const n = !t;
+    c || b(n), o == null || o(n);
+  }
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: x,
+      className: j("widget", v),
+      ...N,
+      "data-collapsed": t || void 0,
+      children: [
+        /* @__PURE__ */ r("div", { className: "widget-header widget-drag-handle", children: [
+          /* @__PURE__ */ r("span", { className: "widget-header-title-group", children: [
+            /* @__PURE__ */ e("span", { className: "widget-header-title", children: p }),
+            a && /* @__PURE__ */ e(D, { content: a, placement: "bottom", offset: 4, children: /* @__PURE__ */ e(
+              m,
+              {
+                "aria-label": f,
+                variant: "subtle",
+                size: "small",
+                className: "widget-header-description-trigger",
+                children: /* @__PURE__ */ e(P, { size: "14" })
+              }
+            ) })
+          ] }),
+          (d || i) && /* @__PURE__ */ r("div", { className: "widget-header-actions", children: [
+            d,
+            i && /* @__PURE__ */ e(
+              m,
+              {
+                "aria-label": t ? h : g,
+                "aria-expanded": !t,
+                "aria-controls": l,
+                variant: "subtle",
+                size: "small",
+                className: "widget-header-collapse-trigger",
+                onPress: z,
+                children: /* @__PURE__ */ e(R, { size: "16", className: "widget-header-collapse-indicator" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { id: l, className: "widget-body", hidden: t, children: w })
+      ]
+    }
+  );
 });
 export {
-  j as Widget
+  J as Widget
 };
 //# sourceMappingURL=Widget.js.map

package/dist/lib/ui/components/Widget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","sources":["../../../../../src/ui/components/Widget/Widget.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef, type ReactNode, forwardRef } from \"react\";\nimport { IconInfo } from \"icons\";\nimport { IconButton, Tooltip } from \"primitives\";\nimport \"./widget.css\";\n\ntype WidgetDescriptionProps =\n  | { description?: undefined; descriptionButtonLabel?: undefined }\n  | { description: ReactNode; descriptionButtonLabel: string };\n\nexport type WidgetProps = Omit<ComponentPropsWithoutRef<\"div\">, \"title\"> &\n  WidgetDescriptionProps & {\n    title: ReactNode;\n    headerActions?: ReactNode;\n  };\n\nexport const Widget = forwardRef<HTMLDivElement, WidgetProps>(function Widget(\n  { title, description, descriptionButtonLabel, headerActions, children, className, ...props },\n  ref,\n) {\n  return (\n    <div ref={ref} className={clsx(\"widget\", className)} {...props}>\n      <div className=\"widget-header widget-drag-handle\">\n        <span className=\"widget-header-title-group\">\n          <span className=\"widget-header-title\">{title}</span>\n          {description && (\n            <Tooltip content={description} placement=\"bottom\" offset={4}>\n              <IconButton\n                aria-label={descriptionButtonLabel}\n                variant=\"subtle\"\n                size=\"small\"\n                className=\"widget-header-description-trigger\"\n              >\n                <IconInfo size=\"14\" />\n              </IconButton>\n            </Tooltip>\n          )}\n        </span>\n        {headerActions && <div className=\"widget-header-actions\">{headerActions}</div>}\n      </div>\n      <div className=\"widget-body\">{children}</div>\n    </div>\n  );\n});\n"],"names":["Widget","forwardRef","title","description","descriptionButtonLabel","headerActions","children","className","props","ref","jsxs","clsx","jsx","Tooltip","IconButton","IconInfo"],"mappings":";;;;;;;AAgBO,MAAMA,IAASC,EAAwC,SAC5D,EAAE,OAAAC,GAAO,aAAAC,GAAa,wBAAAC,GAAwB,eAAAC,GAAe,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GACrFC,GACA;AACA,SACE,gBAAAC,EAAC,SAAI,KAAAD,GAAU,WAAWE,EAAK,UAAUJ,CAAS,GAAI,GAAGC,GACvD,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,6BACd,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAV,GAAM;AAAA,QAC5CC,uBACEU,GAAA,EAAQ,SAASV,GAAa,WAAU,UAAS,QAAQ,GACxD,UAAA,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,cAAYV;AAAA,YACZ,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YAEV,UAAA,gBAAAQ,EAACG,GAAA,EAAS,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACtB,CACF;AAAA,MAAA,GAEJ;AAAA,MACCV,KAAiB,gBAAAO,EAAC,OAAA,EAAI,WAAU,yBAAyB,UAAAP,EAAA,CAAc;AAAA,IAAA,GAC1E;AAAA,IACA,gBAAAO,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAN,EAAA,CAAS;AAAA,EAAA,GACzC;AAEJ,CAAC;"}
+{"version":3,"file":"Widget.js","sources":["../../../../../src/ui/components/Widget/Widget.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef, type ReactNode, forwardRef, useId, useState } from \"react\";\nimport { IconChevronDown, IconInfo } from \"icons\";\nimport { IconButton, Tooltip } from \"primitives\";\nimport \"./widget.css\";\n\ntype WidgetDescriptionProps =\n  | { description?: undefined; descriptionButtonLabel?: undefined }\n  | { description: ReactNode; descriptionButtonLabel: string };\n\ntype WidgetCollapseProps =\n  | {\n      isCollapsible?: false;\n      collapseButtonLabel?: undefined;\n      expandButtonLabel?: undefined;\n      collapsed?: undefined;\n      defaultCollapsed?: undefined;\n      onCollapsedChange?: undefined;\n    }\n  | {\n      isCollapsible: true;\n      collapseButtonLabel: string;\n      expandButtonLabel: string;\n      collapsed?: boolean;\n      defaultCollapsed?: boolean;\n      onCollapsedChange?: (collapsed: boolean) => void;\n    };\n\nexport type WidgetProps = Omit<ComponentPropsWithoutRef<\"div\">, \"title\"> &\n  WidgetDescriptionProps &\n  WidgetCollapseProps & {\n    title: ReactNode;\n    headerActions?: ReactNode;\n  };\n\nexport const Widget = forwardRef<HTMLDivElement, WidgetProps>(function Widget(\n  {\n    title,\n    description,\n    descriptionButtonLabel,\n    headerActions,\n    isCollapsible,\n    collapseButtonLabel,\n    expandButtonLabel,\n    collapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n    children,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const bodyId: string = useId();\n  const isCollapsedControlled: boolean = collapsed !== undefined;\n  const [uncontrolledCollapsed, setUncontrolledCollapsed] = useState<boolean>(\n    defaultCollapsed ?? false,\n  );\n  const isCollapsed: boolean =\n    isCollapsible === true && (isCollapsedControlled ? collapsed === true : uncontrolledCollapsed);\n\n  function toggleCollapsed(): void {\n    const nextCollapsed: boolean = !isCollapsed;\n    if (!isCollapsedControlled) setUncontrolledCollapsed(nextCollapsed);\n    onCollapsedChange?.(nextCollapsed);\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\"widget\", className)}\n      {...props}\n      data-collapsed={isCollapsed || undefined}\n    >\n      <div className=\"widget-header widget-drag-handle\">\n        <span className=\"widget-header-title-group\">\n          <span className=\"widget-header-title\">{title}</span>\n          {description && (\n            <Tooltip content={description} placement=\"bottom\" offset={4}>\n              <IconButton\n                aria-label={descriptionButtonLabel}\n                variant=\"subtle\"\n                size=\"small\"\n                className=\"widget-header-description-trigger\"\n              >\n                <IconInfo size=\"14\" />\n              </IconButton>\n            </Tooltip>\n          )}\n        </span>\n        {(headerActions || isCollapsible) && (\n          <div className=\"widget-header-actions\">\n            {headerActions}\n            {isCollapsible && (\n              <IconButton\n                aria-label={isCollapsed ? expandButtonLabel : collapseButtonLabel}\n                aria-expanded={!isCollapsed}\n                aria-controls={bodyId}\n                variant=\"subtle\"\n                size=\"small\"\n                className=\"widget-header-collapse-trigger\"\n                onPress={toggleCollapsed}\n              >\n                <IconChevronDown size=\"16\" className=\"widget-header-collapse-indicator\" />\n              </IconButton>\n            )}\n          </div>\n        )}\n      </div>\n      <div id={bodyId} className=\"widget-body\" hidden={isCollapsed}>\n        {children}\n      </div>\n    </div>\n  );\n});\n"],"names":["Widget","forwardRef","title","description","descriptionButtonLabel","headerActions","isCollapsible","collapseButtonLabel","expandButtonLabel","collapsed","defaultCollapsed","onCollapsedChange","children","className","props","ref","bodyId","useId","isCollapsedControlled","uncontrolledCollapsed","setUncontrolledCollapsed","useState","isCollapsed","toggleCollapsed","nextCollapsed","jsxs","clsx","jsx","Tooltip","IconButton","IconInfo","IconChevronDown"],"mappings":";;;;;;;;AAmCO,MAAMA,IAASC,EAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAiBC,EAAA,GACjBC,IAAiCT,MAAc,QAC/C,CAACU,GAAuBC,CAAwB,IAAIC;AAAA,IACxDX,KAAoB;AAAA,EAAA,GAEhBY,IACJhB,MAAkB,OAASY,IAAwBT,MAAc,KAAOU;AAE1E,WAASI,IAAwB;AAC/B,UAAMC,IAAyB,CAACF;AAChC,IAAKJ,KAAuBE,EAAyBI,CAAa,GAClEb,KAAA,QAAAA,EAAoBa;AAAA,EACtB;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,WAAWW,EAAK,UAAUb,CAAS;AAAA,MAClC,GAAGC;AAAA,MACJ,kBAAgBQ,KAAe;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,6BACd,UAAA;AAAA,YAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAzB,GAAM;AAAA,YAC5CC,uBACEyB,GAAA,EAAQ,SAASzB,GAAa,WAAU,UAAS,QAAQ,GACxD,UAAA,gBAAAwB;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,cAAYzB;AAAA,gBACZ,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,UAAA,gBAAAuB,EAACG,GAAA,EAAS,MAAK,KAAA,CAAK;AAAA,cAAA;AAAA,YAAA,EACtB,CACF;AAAA,UAAA,GAEJ;AAAA,WACEzB,KAAiBC,MACjB,gBAAAmB,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,YAAApB;AAAA,YACAC,KACC,gBAAAqB;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,cAAYP,IAAcd,IAAoBD;AAAA,gBAC9C,iBAAe,CAACe;AAAA,gBAChB,iBAAeN;AAAA,gBACf,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAASO;AAAA,gBAET,UAAA,gBAAAI,EAACI,GAAA,EAAgB,MAAK,MAAK,WAAU,mCAAA,CAAmC;AAAA,cAAA;AAAA,YAAA;AAAA,UAC1E,EAAA,CAEJ;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAJ,EAAC,SAAI,IAAIX,GAAQ,WAAU,eAAc,QAAQM,GAC9C,UAAAV,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/lib/ui/primitives/Pagination/Pagination.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css                 */const r=require("../../icons/IconArrowLeft.cjs"),l=require("../../icons/IconArrowRight.cjs"),u=require("../../hooks/useMediaQuery.cjs"),s=require("../../utils/AnchorOrButton.cjs");function c({"aria-label":a="Page navigation",className:n,...i}){const t=o.clsx(n,"pagination");return e.jsx("nav",{"aria-label":a,...i,className:t})}function g({href:a=null,onPress:n,isDisabled:i=!1,children:t="Previous"}){return e.jsxs(s.AnchorOrButton,{...a!==null?{href:a}:{},onPress:n,isDisabled:i||a===null&&!n,className:o.clsx("pagination-btn","pagination-nav"),"aria-label":"Previous page",children:[e.jsx(r.IconArrowLeft,{size:"16"}),t]})}function P({href:a=null,onPress:n,isDisabled:i=!1,children:t="Next"}){return e.jsxs(s.AnchorOrButton,{...a!==null?{href:a}:{},onPress:n,isDisabled:i||a===null&&!n,className:o.clsx("pagination-btn","pagination-nav"),"aria-label":"Next page",children:[t,e.jsx(l.IconArrowRight,{size:"16"})]})}function p({children:a}){const{isTabletUp:n}=u.useMediaQuery();return n&&e.jsx("span",{className:"pagination-list",children:a})}function x({href:a,onPress:n,children:i,current:t=!1}){return e.jsx(s.AnchorOrButton,{...a?{href:a}:{},onPress:n,"aria-label":`Page ${i}`,"aria-current":t?"page":void 0,className:o.clsx("pagination-btn",t&&"pagination-btn-active"),children:i})}function b(){return e.jsx("div",{"aria-hidden":"true",className:"pagination-gap",children:"…"})}exports.Pagination=c;exports.PaginationGap=b;exports.PaginationList=p;exports.PaginationNext=P;exports.PaginationPage=x;exports.PaginationPrevious=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css                 */const h=require("../../icons/IconArrowLeft.cjs"),N=require("../../icons/IconArrowRight.cjs"),A=require("../../hooks/useMediaQuery.cjs"),c=require("../../utils/AnchorOrButton.cjs");function q(a){return"totalPages"in a}function L(a){if(q(a)){const{page:t,totalPages:r,onPageChange:u,previousLabel:m,nextLabel:p,className:f}=a;return r<=1?null:i.jsxs("nav",{"aria-label":"Page navigation",className:l.clsx(f,"pagination"),children:[i.jsx(g,{isDisabled:t<=1,onPress:()=>u(Math.max(1,t-1)),children:m}),i.jsx(x,{children:j(t,r).map((o,v)=>o==="..."?i.jsx(b,{},`gap-${v}`):i.jsx(d,{current:o===t,onPress:()=>u(o),children:String(o)},o))}),i.jsx(P,{isDisabled:t>=r,onPress:()=>u(Math.min(r,t+1)),children:p})]})}const{"aria-label":n="Page navigation",className:e,...s}=a;return i.jsx("nav",{"aria-label":n,...s,className:l.clsx(e,"pagination")})}function g({href:a=null,onPress:n,isDisabled:e=!1,children:s="Previous"}){return i.jsxs(c.AnchorOrButton,{...a!==null?{href:a}:{},onPress:n,isDisabled:e||a===null&&!n,className:l.clsx("pagination-btn","pagination-nav"),"aria-label":"Previous page",children:[i.jsx(h.IconArrowLeft,{size:"16"}),s]})}function P({href:a=null,onPress:n,isDisabled:e=!1,children:s="Next"}){return i.jsxs(c.AnchorOrButton,{...a!==null?{href:a}:{},onPress:n,isDisabled:e||a===null&&!n,className:l.clsx("pagination-btn","pagination-nav"),"aria-label":"Next page",children:[s,i.jsx(N.IconArrowRight,{size:"16"})]})}function x({children:a}){const{isTabletUp:n}=A.useMediaQuery();return n&&i.jsx("span",{className:"pagination-list",children:a})}function d({href:a,onPress:n,children:e,current:s=!1}){return i.jsx(c.AnchorOrButton,{...a?{href:a}:{},onPress:n,"aria-label":`Page ${e}`,"aria-current":s?"page":void 0,className:l.clsx("pagination-btn",s&&"pagination-btn-active"),children:e})}function b(){return i.jsx("div",{"aria-hidden":"true",className:"pagination-gap",children:"…"})}function j(a,n){if(n<=6)return Array.from({length:n},(t,r)=>r+1);const e=[1,2,3],s=[n-1,n];return a<=4?[...e,"...",...s]:a>=n-3?[1,2,"...",n-2,n-1,n]:[1,"...",a-1,a,a+1,"...",n]}exports.Pagination=L;exports.PaginationGap=b;exports.PaginationList=x;exports.PaginationNext=P;exports.PaginationPage=d;exports.PaginationPrevious=g;exports.buildPaginationPages=j;
 //# sourceMappingURL=Pagination.cjs.map

package/dist/lib/ui/primitives/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":["../../../../../src/ui/primitives/Pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { IconArrowLeft, IconArrowRight } from \"icons\";\nimport type React from \"react\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./pagination.css\";\n\nexport type PaginationProps = React.ComponentPropsWithoutRef<\"nav\">;\nexport function Pagination({\n  \"aria-label\": ariaLabel = \"Page navigation\",\n  className,\n  ...props\n}: PaginationProps) {\n  const classNames = clsx(className, \"pagination\");\n  return <nav aria-label={ariaLabel} {...props} className={classNames} />;\n}\n\nexport function PaginationPrevious({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Previous\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Previous page\"\n    >\n      <IconArrowLeft size=\"16\" />\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationNext({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Next\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Next page\"\n    >\n      {children}\n      <IconArrowRight size=\"16\" />\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationList({ children }: { children: React.ReactNode }) {\n  const { isTabletUp } = useMediaQuery();\n  return isTabletUp && <span className=\"pagination-list\">{children}</span>;\n}\n\nexport function PaginationPage({\n  href,\n  onPress,\n  children,\n  current = false,\n}: {\n  href?: string;\n  onPress?: () => void;\n  children: string;\n  current?: boolean;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href ? { href } : {})}\n      onPress={onPress}\n      aria-label={`Page ${children}`}\n      aria-current={current ? \"page\" : undefined}\n      className={clsx(\"pagination-btn\", current && \"pagination-btn-active\")}\n    >\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationGap() {\n  return (\n    <div aria-hidden=\"true\" className=\"pagination-gap\">\n      &hellip;\n    </div>\n  );\n}\n"],"names":["Pagination","ariaLabel","className","props","classNames","clsx","PaginationPrevious","href","onPress","isDisabled","children","jsxs","AnchorOrButton","jsx","IconArrowLeft","PaginationNext","IconArrowRight","PaginationList","isTabletUp","useMediaQuery","PaginationPage","current","PaginationGap"],"mappings":"yXAQO,SAASA,EAAW,CACzB,aAAcC,EAAY,kBAC1B,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAaC,EAAAA,KAAKH,EAAW,YAAY,EAC/C,aAAQ,MAAA,CAAI,aAAYD,EAAY,GAAGE,EAAO,UAAWC,EAAY,CACvE,CAEO,SAASE,EAAmB,CACjC,KAAAC,EAAO,KACP,QAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,UACb,EAKG,CACD,OACEC,EAAAA,KAACC,EAAAA,eAAA,CACE,GAAIL,IAAS,KAAO,CAAE,KAAAA,CAAA,EAAS,CAAA,EAChC,QAAAC,EACA,WAAYC,GAAeF,IAAS,MAAQ,CAACC,EAC7C,UAAWH,EAAAA,KAAK,iBAAkB,gBAAgB,EAClD,aAAW,gBAEX,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,cAAA,CAAc,KAAK,IAAA,CAAK,EACxBJ,CAAA,CAAA,CAAA,CAGP,CAEO,SAASK,EAAe,CAC7B,KAAAR,EAAO,KACP,QAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,MACb,EAKG,CACD,OACEC,EAAAA,KAACC,EAAAA,eAAA,CACE,GAAIL,IAAS,KAAO,CAAE,KAAAA,CAAA,EAAS,CAAA,EAChC,QAAAC,EACA,WAAYC,GAAeF,IAAS,MAAQ,CAACC,EAC7C,UAAWH,EAAAA,KAAK,iBAAkB,gBAAgB,EAClD,aAAW,YAEV,SAAA,CAAAK,EACDG,EAAAA,IAACG,EAAAA,eAAA,CAAe,KAAK,IAAA,CAAK,CAAA,CAAA,CAAA,CAGhC,CAEO,SAASC,EAAe,CAAE,SAAAP,GAA2C,CAC1E,KAAM,CAAE,WAAAQ,CAAA,EAAeC,gBAAA,EACvB,OAAOD,GAAcL,EAAAA,IAAC,OAAA,CAAK,UAAU,kBAAmB,SAAAH,EAAS,CACnE,CAEO,SAASU,EAAe,CAC7B,KAAAb,EACA,QAAAC,EACA,SAAAE,EACA,QAAAW,EAAU,EACZ,EAKG,CACD,OACER,EAAAA,IAACD,EAAAA,eAAA,CACE,GAAIL,EAAO,CAAE,KAAAA,CAAA,EAAS,CAAA,EACvB,QAAAC,EACA,aAAY,QAAQE,CAAQ,GAC5B,eAAcW,EAAU,OAAS,OACjC,UAAWhB,EAAAA,KAAK,iBAAkBgB,GAAW,uBAAuB,EAEnE,SAAAX,CAAA,CAAA,CAGP,CAEO,SAASY,GAAgB,CAC9B,aACG,MAAA,CAAI,cAAY,OAAO,UAAU,iBAAiB,SAAA,IAEnD,CAEJ"}
+{"version":3,"file":"Pagination.cjs","sources":["../../../../../src/ui/primitives/Pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { IconArrowLeft, IconArrowRight } from \"icons\";\nimport type React from \"react\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./pagination.css\";\n\nexport type PaginationManualProps = React.ComponentPropsWithoutRef<\"nav\">;\n\nexport type PaginationControlledProps = {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  previousLabel: string;\n  nextLabel: string;\n  className?: string;\n};\n\nexport type PaginationProps = PaginationManualProps | PaginationControlledProps;\n\nfunction isControlledProps(\n  props: PaginationProps,\n): props is PaginationControlledProps {\n  return \"totalPages\" in props;\n}\n\nexport function Pagination(props: PaginationProps) {\n  if (isControlledProps(props)) {\n    const { page, totalPages, onPageChange, previousLabel, nextLabel, className } = props;\n    if (totalPages <= 1) return null;\n    return (\n      <nav aria-label=\"Page navigation\" className={clsx(className, \"pagination\")}>\n        <PaginationPrevious isDisabled={page <= 1} onPress={() => onPageChange(Math.max(1, page - 1))}>\n          {previousLabel}\n        </PaginationPrevious>\n        <PaginationList>\n          {buildPaginationPages(page, totalPages).map((p, i) =>\n            p === \"...\" ? (\n              <PaginationGap key={`gap-${i}`} />\n            ) : (\n              <PaginationPage key={p} current={p === page} onPress={() => onPageChange(p)}>\n                {String(p)}\n              </PaginationPage>\n            ),\n          )}\n        </PaginationList>\n        <PaginationNext isDisabled={page >= totalPages} onPress={() => onPageChange(Math.min(totalPages, page + 1))}>\n          {nextLabel}\n        </PaginationNext>\n      </nav>\n    );\n  }\n  const { \"aria-label\": ariaLabel = \"Page navigation\", className, ...rest } = props;\n  return <nav aria-label={ariaLabel} {...rest} className={clsx(className, \"pagination\")} />;\n}\n\nexport function PaginationPrevious({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Previous\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Previous page\"\n    >\n      <IconArrowLeft size=\"16\" />\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationNext({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Next\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Next page\"\n    >\n      {children}\n      <IconArrowRight size=\"16\" />\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationList({ children }: { children: React.ReactNode }) {\n  const { isTabletUp } = useMediaQuery();\n  return isTabletUp && <span className=\"pagination-list\">{children}</span>;\n}\n\nexport function PaginationPage({\n  href,\n  onPress,\n  children,\n  current = false,\n}: {\n  href?: string;\n  onPress?: () => void;\n  children: string;\n  current?: boolean;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href ? { href } : {})}\n      onPress={onPress}\n      aria-label={`Page ${children}`}\n      aria-current={current ? \"page\" : undefined}\n      className={clsx(\"pagination-btn\", current && \"pagination-btn-active\")}\n    >\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationGap() {\n  return (\n    <div aria-hidden=\"true\" className=\"pagination-gap\">\n      &hellip;\n    </div>\n  );\n}\n\nexport function buildPaginationPages(current: number, total: number): Array<number | \"...\"> {\n  if (total <= 6) return Array.from({ length: total }, (_, i) => i + 1);\n  const head = [1, 2, 3];\n  const tail = [total - 1, total];\n  if (current <= 4) return [...head, \"...\", ...tail];\n  if (current >= total - 3) return [1, 2, \"...\", total - 2, total - 1, total];\n  return [1, \"...\", current - 1, current, current + 1, \"...\", total];\n}\n"],"names":["isControlledProps","props","Pagination","page","totalPages","onPageChange","previousLabel","nextLabel","className","jsxs","clsx","jsx","PaginationPrevious","PaginationList","buildPaginationPages","p","i","PaginationGap","PaginationPage","PaginationNext","ariaLabel","rest","href","onPress","isDisabled","children","AnchorOrButton","IconArrowLeft","IconArrowRight","isTabletUp","useMediaQuery","current","total","_","head","tail"],"mappings":"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"}

package/dist/lib/ui/primitives/Pagination/Pagination.js

@@ -1,91 +1,106 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { clsx as e } from "../../../vendor/clsx/dist/clsx.js";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { clsx as o } from "../../../vendor/clsx/dist/clsx.js";
 /* empty css               */
-import { IconArrowLeft as s } from "../../icons/IconArrowLeft.js";
-import { IconArrowRight as u } from "../../icons/IconArrowRight.js";
-import { useMediaQuery as g } from "../../hooks/useMediaQuery.js";
-import { AnchorOrButton as l } from "../../utils/AnchorOrButton.js";
-function P({
-  "aria-label": a = "Page navigation",
-  className: i,
-  ...n
-}) {
-  const t = e(i, "pagination");
-  return /* @__PURE__ */ o("nav", { "aria-label": a, ...n, className: t });
+import { IconArrowLeft as d } from "../../icons/IconArrowLeft.js";
+import { IconArrowRight as f } from "../../icons/IconArrowRight.js";
+import { useMediaQuery as v } from "../../hooks/useMediaQuery.js";
+import { AnchorOrButton as c } from "../../utils/AnchorOrButton.js";
+function N(a) {
+  return "totalPages" in a;
+}
+function B(a) {
+  if (N(a)) {
+    const { page: t, totalPages: s, onPageChange: g, previousLabel: m, nextLabel: p, className: P } = a;
+    return s <= 1 ? null : /* @__PURE__ */ u("nav", { "aria-label": "Page navigation", className: o(P, "pagination"), children: [
+      /* @__PURE__ */ i(h, { isDisabled: t <= 1, onPress: () => g(Math.max(1, t - 1)), children: m }),
+      /* @__PURE__ */ i(L, { children: M(t, s).map(
+        (l, b) => l === "..." ? /* @__PURE__ */ i(D, {}, `gap-${b}`) : /* @__PURE__ */ i(A, { current: l === t, onPress: () => g(l), children: String(l) }, l)
+      ) }),
+      /* @__PURE__ */ i(x, { isDisabled: t >= s, onPress: () => g(Math.min(s, t + 1)), children: p })
+    ] });
+  }
+  const { "aria-label": n = "Page navigation", className: e, ...r } = a;
+  return /* @__PURE__ */ i("nav", { "aria-label": n, ...r, className: o(e, "pagination") });
 }
-function d({
+function h({
   href: a = null,
-  onPress: i,
-  isDisabled: n = !1,
-  children: t = "Previous"
+  onPress: n,
+  isDisabled: e = !1,
+  children: r = "Previous"
 }) {
-  return /* @__PURE__ */ r(
-    l,
+  return /* @__PURE__ */ u(
+    c,
     {
       ...a !== null ? { href: a } : {},
-      onPress: i,
-      isDisabled: n || a === null && !i,
-      className: e("pagination-btn", "pagination-nav"),
+      onPress: n,
+      isDisabled: e || a === null && !n,
+      className: o("pagination-btn", "pagination-nav"),
       "aria-label": "Previous page",
       children: [
-        /* @__PURE__ */ o(s, { size: "16" }),
-        t
+        /* @__PURE__ */ i(d, { size: "16" }),
+        r
       ]
     }
   );
 }
 function x({
   href: a = null,
-  onPress: i,
-  isDisabled: n = !1,
-  children: t = "Next"
+  onPress: n,
+  isDisabled: e = !1,
+  children: r = "Next"
 }) {
-  return /* @__PURE__ */ r(
-    l,
+  return /* @__PURE__ */ u(
+    c,
     {
       ...a !== null ? { href: a } : {},
-      onPress: i,
-      isDisabled: n || a === null && !i,
-      className: e("pagination-btn", "pagination-nav"),
+      onPress: n,
+      isDisabled: e || a === null && !n,
+      className: o("pagination-btn", "pagination-nav"),
       "aria-label": "Next page",
       children: [
-        t,
-        /* @__PURE__ */ o(u, { size: "16" })
+        r,
+        /* @__PURE__ */ i(f, { size: "16" })
       ]
     }
   );
 }
-function A({ children: a }) {
-  const { isTabletUp: i } = g();
-  return i && /* @__PURE__ */ o("span", { className: "pagination-list", children: a });
+function L({ children: a }) {
+  const { isTabletUp: n } = v();
+  return n && /* @__PURE__ */ i("span", { className: "pagination-list", children: a });
 }
-function j({
+function A({
   href: a,
-  onPress: i,
-  children: n,
-  current: t = !1
+  onPress: n,
+  children: e,
+  current: r = !1
 }) {
-  return /* @__PURE__ */ o(
-    l,
+  return /* @__PURE__ */ i(
+    c,
     {
       ...a ? { href: a } : {},
-      onPress: i,
-      "aria-label": `Page ${n}`,
-      "aria-current": t ? "page" : void 0,
-      className: e("pagination-btn", t && "pagination-btn-active"),
-      children: n
+      onPress: n,
+      "aria-label": `Page ${e}`,
+      "aria-current": r ? "page" : void 0,
+      className: o("pagination-btn", r && "pagination-btn-active"),
+      children: e
     }
   );
 }
-function w() {
-  return /* @__PURE__ */ o("div", { "aria-hidden": "true", className: "pagination-gap", children: "…" });
+function D() {
+  return /* @__PURE__ */ i("div", { "aria-hidden": "true", className: "pagination-gap", children: "…" });
+}
+function M(a, n) {
+  if (n <= 6) return Array.from({ length: n }, (t, s) => s + 1);
+  const e = [1, 2, 3], r = [n - 1, n];
+  return a <= 4 ? [...e, "...", ...r] : a >= n - 3 ? [1, 2, "...", n - 2, n - 1, n] : [1, "...", a - 1, a, a + 1, "...", n];
 }
 export {
-  P as Pagination,
-  w as PaginationGap,
-  A as PaginationList,
+  B as Pagination,
+  D as PaginationGap,
+  L as PaginationList,
   x as PaginationNext,
-  j as PaginationPage,
-  d as PaginationPrevious
+  A as PaginationPage,
+  h as PaginationPrevious,
+  M as buildPaginationPages
 };
 //# sourceMappingURL=Pagination.js.map

package/dist/lib/ui/primitives/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../src/ui/primitives/Pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { IconArrowLeft, IconArrowRight } from \"icons\";\nimport type React from \"react\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./pagination.css\";\n\nexport type PaginationProps = React.ComponentPropsWithoutRef<\"nav\">;\nexport function Pagination({\n  \"aria-label\": ariaLabel = \"Page navigation\",\n  className,\n  ...props\n}: PaginationProps) {\n  const classNames = clsx(className, \"pagination\");\n  return <nav aria-label={ariaLabel} {...props} className={classNames} />;\n}\n\nexport function PaginationPrevious({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Previous\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Previous page\"\n    >\n      <IconArrowLeft size=\"16\" />\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationNext({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Next\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Next page\"\n    >\n      {children}\n      <IconArrowRight size=\"16\" />\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationList({ children }: { children: React.ReactNode }) {\n  const { isTabletUp } = useMediaQuery();\n  return isTabletUp && <span className=\"pagination-list\">{children}</span>;\n}\n\nexport function PaginationPage({\n  href,\n  onPress,\n  children,\n  current = false,\n}: {\n  href?: string;\n  onPress?: () => void;\n  children: string;\n  current?: boolean;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href ? { href } : {})}\n      onPress={onPress}\n      aria-label={`Page ${children}`}\n      aria-current={current ? \"page\" : undefined}\n      className={clsx(\"pagination-btn\", current && \"pagination-btn-active\")}\n    >\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationGap() {\n  return (\n    <div aria-hidden=\"true\" className=\"pagination-gap\">\n      &hellip;\n    </div>\n  );\n}\n"],"names":["Pagination","ariaLabel","className","props","classNames","clsx","PaginationPrevious","href","onPress","isDisabled","children","jsxs","AnchorOrButton","jsx","IconArrowLeft","PaginationNext","IconArrowRight","PaginationList","isTabletUp","useMediaQuery","PaginationPage","current","PaginationGap"],"mappings":";;;;;;;AAQO,SAASA,EAAW;AAAA,EACzB,cAAcC,IAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,QAAMC,IAAaC,EAAKH,GAAW,YAAY;AAC/C,2BAAQ,OAAA,EAAI,cAAYD,GAAY,GAAGE,GAAO,WAAWC,GAAY;AACvE;AAEO,SAASE,EAAmB;AAAA,EACjC,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AACb,GAKG;AACD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIL,MAAS,OAAO,EAAE,MAAAA,EAAA,IAAS,CAAA;AAAA,MAChC,SAAAC;AAAA,MACA,YAAYC,KAAeF,MAAS,QAAQ,CAACC;AAAA,MAC7C,WAAWH,EAAK,kBAAkB,gBAAgB;AAAA,MAClD,cAAW;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAQ,EAACC,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,QACxBJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASK,EAAe;AAAA,EAC7B,MAAAR,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AACb,GAKG;AACD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIL,MAAS,OAAO,EAAE,MAAAA,EAAA,IAAS,CAAA;AAAA,MAChC,SAAAC;AAAA,MACA,YAAYC,KAAeF,MAAS,QAAQ,CAACC;AAAA,MAC7C,WAAWH,EAAK,kBAAkB,gBAAgB;AAAA,MAClD,cAAW;AAAA,MAEV,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAG,EAACG,GAAA,EAAe,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhC;AAEO,SAASC,EAAe,EAAE,UAAAP,KAA2C;AAC1E,QAAM,EAAE,YAAAQ,EAAA,IAAeC,EAAA;AACvB,SAAOD,KAAc,gBAAAL,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAAH,GAAS;AACnE;AAEO,SAASU,EAAe;AAAA,EAC7B,MAAAb;AAAA,EACA,SAAAC;AAAA,EACA,UAAAE;AAAA,EACA,SAAAW,IAAU;AACZ,GAKG;AACD,SACE,gBAAAR;AAAA,IAACD;AAAA,IAAA;AAAA,MACE,GAAIL,IAAO,EAAE,MAAAA,EAAA,IAAS,CAAA;AAAA,MACvB,SAAAC;AAAA,MACA,cAAY,QAAQE,CAAQ;AAAA,MAC5B,gBAAcW,IAAU,SAAS;AAAA,MACjC,WAAWhB,EAAK,kBAAkBgB,KAAW,uBAAuB;AAAA,MAEnE,UAAAX;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASY,IAAgB;AAC9B,2BACG,OAAA,EAAI,eAAY,QAAO,WAAU,kBAAiB,UAAA,KAEnD;AAEJ;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/ui/primitives/Pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMediaQuery } from \"hooks\";\nimport { IconArrowLeft, IconArrowRight } from \"icons\";\nimport type React from \"react\";\nimport { AnchorOrButton } from \"utils\";\nimport \"./pagination.css\";\n\nexport type PaginationManualProps = React.ComponentPropsWithoutRef<\"nav\">;\n\nexport type PaginationControlledProps = {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  previousLabel: string;\n  nextLabel: string;\n  className?: string;\n};\n\nexport type PaginationProps = PaginationManualProps | PaginationControlledProps;\n\nfunction isControlledProps(\n  props: PaginationProps,\n): props is PaginationControlledProps {\n  return \"totalPages\" in props;\n}\n\nexport function Pagination(props: PaginationProps) {\n  if (isControlledProps(props)) {\n    const { page, totalPages, onPageChange, previousLabel, nextLabel, className } = props;\n    if (totalPages <= 1) return null;\n    return (\n      <nav aria-label=\"Page navigation\" className={clsx(className, \"pagination\")}>\n        <PaginationPrevious isDisabled={page <= 1} onPress={() => onPageChange(Math.max(1, page - 1))}>\n          {previousLabel}\n        </PaginationPrevious>\n        <PaginationList>\n          {buildPaginationPages(page, totalPages).map((p, i) =>\n            p === \"...\" ? (\n              <PaginationGap key={`gap-${i}`} />\n            ) : (\n              <PaginationPage key={p} current={p === page} onPress={() => onPageChange(p)}>\n                {String(p)}\n              </PaginationPage>\n            ),\n          )}\n        </PaginationList>\n        <PaginationNext isDisabled={page >= totalPages} onPress={() => onPageChange(Math.min(totalPages, page + 1))}>\n          {nextLabel}\n        </PaginationNext>\n      </nav>\n    );\n  }\n  const { \"aria-label\": ariaLabel = \"Page navigation\", className, ...rest } = props;\n  return <nav aria-label={ariaLabel} {...rest} className={clsx(className, \"pagination\")} />;\n}\n\nexport function PaginationPrevious({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Previous\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Previous page\"\n    >\n      <IconArrowLeft size=\"16\" />\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationNext({\n  href = null,\n  onPress,\n  isDisabled = false,\n  children = \"Next\",\n}: {\n  href?: string | null;\n  onPress?: () => void;\n  isDisabled?: boolean;\n  children?: React.ReactNode;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href !== null ? { href } : {})}\n      onPress={onPress}\n      isDisabled={isDisabled || (href === null && !onPress)}\n      className={clsx(\"pagination-btn\", \"pagination-nav\")}\n      aria-label=\"Next page\"\n    >\n      {children}\n      <IconArrowRight size=\"16\" />\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationList({ children }: { children: React.ReactNode }) {\n  const { isTabletUp } = useMediaQuery();\n  return isTabletUp && <span className=\"pagination-list\">{children}</span>;\n}\n\nexport function PaginationPage({\n  href,\n  onPress,\n  children,\n  current = false,\n}: {\n  href?: string;\n  onPress?: () => void;\n  children: string;\n  current?: boolean;\n}) {\n  return (\n    <AnchorOrButton\n      {...(href ? { href } : {})}\n      onPress={onPress}\n      aria-label={`Page ${children}`}\n      aria-current={current ? \"page\" : undefined}\n      className={clsx(\"pagination-btn\", current && \"pagination-btn-active\")}\n    >\n      {children}\n    </AnchorOrButton>\n  );\n}\n\nexport function PaginationGap() {\n  return (\n    <div aria-hidden=\"true\" className=\"pagination-gap\">\n      &hellip;\n    </div>\n  );\n}\n\nexport function buildPaginationPages(current: number, total: number): Array<number | \"...\"> {\n  if (total <= 6) return Array.from({ length: total }, (_, i) => i + 1);\n  const head = [1, 2, 3];\n  const tail = [total - 1, total];\n  if (current <= 4) return [...head, \"...\", ...tail];\n  if (current >= total - 3) return [1, 2, \"...\", total - 2, total - 1, total];\n  return [1, \"...\", current - 1, current, current + 1, \"...\", total];\n}\n"],"names":["isControlledProps","props","Pagination","page","totalPages","onPageChange","previousLabel","nextLabel","className","jsxs","clsx","jsx","PaginationPrevious","PaginationList","buildPaginationPages","p","i","PaginationGap","PaginationPage","PaginationNext","ariaLabel","rest","href","onPress","isDisabled","children","AnchorOrButton","IconArrowLeft","IconArrowRight","isTabletUp","useMediaQuery","current","total","_","head","tail"],"mappings":"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"}

package/dist/types/ui/components/Widget/Widget.d.ts

@@ -7,7 +7,22 @@ type WidgetDescriptionProps = {
     description: ReactNode;
     descriptionButtonLabel: string;
 };
-export type WidgetProps = Omit<ComponentPropsWithoutRef<"div">, "title"> & WidgetDescriptionProps & {
+type WidgetCollapseProps = {
+    isCollapsible?: false;
+    collapseButtonLabel?: undefined;
+    expandButtonLabel?: undefined;
+    collapsed?: undefined;
+    defaultCollapsed?: undefined;
+    onCollapsedChange?: undefined;
+} | {
+    isCollapsible: true;
+    collapseButtonLabel: string;
+    expandButtonLabel: string;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+};
+export type WidgetProps = Omit<ComponentPropsWithoutRef<"div">, "title"> & WidgetDescriptionProps & WidgetCollapseProps & {
     title: ReactNode;
     headerActions?: ReactNode;
 };

package/dist/types/ui/primitives/Pagination/Pagination.d.ts

@@ -1,7 +1,16 @@
 import type React from "react";
 import "./pagination.css";
-export type PaginationProps = React.ComponentPropsWithoutRef<"nav">;
-export declare function Pagination({ "aria-label": ariaLabel, className, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export type PaginationManualProps = React.ComponentPropsWithoutRef<"nav">;
+export type PaginationControlledProps = {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    previousLabel: string;
+    nextLabel: string;
+    className?: string;
+};
+export type PaginationProps = PaginationManualProps | PaginationControlledProps;
+export declare function Pagination(props: PaginationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function PaginationPrevious({ href, onPress, isDisabled, children, }: {
     href?: string | null;
     onPress?: () => void;
@@ -24,3 +33,4 @@ export declare function PaginationPage({ href, onPress, children, current, }: {
     current?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PaginationGap(): import("react/jsx-runtime").JSX.Element;
+export declare function buildPaginationPages(current: number, total: number): Array<number | "...">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/design-system",
-  "version": "1.20.1",
+  "version": "1.22.0",
   "type": "module",
   "description": "APIPass React Design System",
   "sideEffects": [