@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/{chunk-TF5D5MNO.cjs → chunk-CDBFQVPA.cjs}

@@ -1,7 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
 
@@ -9,8 +8,10 @@ var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
 
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/ui/button/button.tsx
 var _reactslot = require('@radix-ui/react-slot');
@@ -30,17 +31,25 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
   {
     variants: {
       variant: {
-        accent: _chunk65VVJSQZcjs.buttonSurfaceClasses.accent,
-        outline: _chunk65VVJSQZcjs.cn.call(void 0, _chunk65VVJSQZcjs.buttonSurfaceClasses.outline, _chunk65VVJSQZcjs.outlineBorderClasses),
-        transparent: _chunk65VVJSQZcjs.buttonSurfaceClasses.transparent,
-        destructive: _chunk65VVJSQZcjs.buttonSurfaceClasses.destructive,
-        warning: _chunk65VVJSQZcjs.buttonSurfaceClasses.warning,
-        inverted: _chunk65VVJSQZcjs.buttonSurfaceClasses.inverted,
-        glyph: _chunk65VVJSQZcjs.buttonSurfaceClasses.glyph,
-        overlay: _chunk65VVJSQZcjs.buttonSurfaceClasses.overlay,
-        link: _chunk65VVJSQZcjs.buttonSurfaceClasses.link
+        accent: _chunkN6YCOBLKcjs.buttonSurfaceClasses.accent,
+        outline: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkN6YCOBLKcjs.buttonSurfaceClasses.outline, _chunkN6YCOBLKcjs.outlineBorderClasses),
+        transparent: _chunkN6YCOBLKcjs.buttonSurfaceClasses.transparent,
+        destructive: _chunkN6YCOBLKcjs.buttonSurfaceClasses.destructive,
+        warning: _chunkN6YCOBLKcjs.buttonSurfaceClasses.warning,
+        inverted: _chunkN6YCOBLKcjs.buttonSurfaceClasses.inverted,
+        glyph: _chunkN6YCOBLKcjs.buttonSurfaceClasses.glyph,
+        overlay: _chunkN6YCOBLKcjs.buttonSurfaceClasses.overlay,
+        link: _chunkN6YCOBLKcjs.buttonSurfaceClasses.link,
+        // The kinds that are not a plain push button own their whole box (`BUTTON_KIND_CLASS`); resolved
+        // before this map is read, so `size` never reaches them. The entries only type the prop.
+        field: "",
+        row: "",
+        tab: "",
+        chip: "",
+        card: "",
+        cell: ""
       },
-      size: _chunk65VVJSQZcjs.BUTTON_SIZE_CLASS,
+      size: _chunkN6YCOBLKcjs.BUTTON_SIZE_CLASS,
       // Label typography axis (Figma 133-740). `bold` is the classic h3-bold
       // label; `regular` swaps the DEFAULT size's label to the h4 step
       // (DM Sans 500, neutral tracking) — added for navigation buttons.
@@ -70,6 +79,23 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
     compoundVariants: [
       // The trailing half as an icon button is the design's 40px chevron cell, at every breakpoint.
       { attach: "end", size: "icon", class: "w-10 px-0 md:w-10" },
+      { attach: "end", size: "small", class: "w-6 px-0 md:w-8" },
+      // The seam between two attached halves of a filled button: a 1px darker edge on the trailing half.
+      {
+        attach: "end",
+        variant: "accent",
+        class: _chunkN6YCOBLKcjs.cn.call(void 0, "border-l", _chunkN6YCOBLKcjs.splitDividerColorClasses.accent, "disabled:border-ods-disabled")
+      },
+      {
+        attach: "end",
+        variant: "destructive",
+        class: _chunkN6YCOBLKcjs.cn.call(void 0, "border-l", _chunkN6YCOBLKcjs.splitDividerColorClasses.destructive, "disabled:border-ods-disabled")
+      },
+      {
+        attach: "end",
+        variant: "warning",
+        class: _chunkN6YCOBLKcjs.cn.call(void 0, "border-l", _chunkN6YCOBLKcjs.splitDividerColorClasses.warning, "disabled:border-ods-disabled")
+      },
       { size: "small", class: "[&_svg]:h-4 [&_svg]:w-4" },
       // Comes after the size classes, so cn()'s tailwind-merge resolves the
       // ods-typography group in favour of text-h4.
@@ -95,11 +121,11 @@ var splitShellVariants = _classvarianceauthority.cva.call(void 0,
   {
     variants: {
       variant: {
-        accent: _chunk65VVJSQZcjs.buttonSurfaceClasses.accent,
-        outline: _chunk65VVJSQZcjs.cn.call(void 0, _chunk65VVJSQZcjs.buttonSurfaceClasses.outline, _chunk65VVJSQZcjs.outlineBorderClasses),
-        transparent: _chunk65VVJSQZcjs.buttonSurfaceClasses.transparent,
-        destructive: _chunk65VVJSQZcjs.buttonSurfaceClasses.destructive,
-        warning: _chunk65VVJSQZcjs.buttonSurfaceClasses.warning
+        accent: _chunkN6YCOBLKcjs.buttonSurfaceClasses.accent,
+        outline: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkN6YCOBLKcjs.buttonSurfaceClasses.outline, _chunkN6YCOBLKcjs.outlineBorderClasses),
+        transparent: _chunkN6YCOBLKcjs.buttonSurfaceClasses.transparent,
+        destructive: _chunkN6YCOBLKcjs.buttonSurfaceClasses.destructive,
+        warning: _chunkN6YCOBLKcjs.buttonSurfaceClasses.warning
       },
       size: {
         default: "h-12",
@@ -128,7 +154,7 @@ var splitSlotVariants = _classvarianceauthority.cva.call(void 0,
         main: "gap-[var(--spacing-system-xsf)]",
         icon: "border-l"
       },
-      size: _chunk65VVJSQZcjs.splitGlyphSizeBySize,
+      size: _chunkN6YCOBLKcjs.splitGlyphSizeBySize,
       variant: { accent: "", outline: "", transparent: "", destructive: "", warning: "" },
       fullWidth: { true: "", false: "" }
     },
@@ -148,26 +174,26 @@ var splitSlotVariants = _classvarianceauthority.cva.call(void 0,
       {
         slot: "icon",
         variant: "accent",
-        class: _chunk65VVJSQZcjs.cn.call(void 0, 
-          _chunk65VVJSQZcjs.splitDividerColorClasses.accent,
+        class: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          _chunkN6YCOBLKcjs.splitDividerColorClasses.accent,
           "group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled"
         )
       },
-      { slot: "icon", variant: "outline", class: _chunk65VVJSQZcjs.splitDividerColorClasses.outline },
-      { slot: "icon", variant: "transparent", class: _chunk65VVJSQZcjs.splitDividerColorClasses.transparent },
+      { slot: "icon", variant: "outline", class: _chunkN6YCOBLKcjs.splitDividerColorClasses.outline },
+      { slot: "icon", variant: "transparent", class: _chunkN6YCOBLKcjs.splitDividerColorClasses.transparent },
       {
         slot: "icon",
         variant: "destructive",
-        class: _chunk65VVJSQZcjs.cn.call(void 0, 
-          _chunk65VVJSQZcjs.splitDividerColorClasses.destructive,
+        class: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          _chunkN6YCOBLKcjs.splitDividerColorClasses.destructive,
           "group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled"
         )
       },
       {
         slot: "icon",
         variant: "warning",
-        class: _chunk65VVJSQZcjs.cn.call(void 0, 
-          _chunk65VVJSQZcjs.splitDividerColorClasses.warning,
+        class: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          _chunkN6YCOBLKcjs.splitDividerColorClasses.warning,
           "group-disabled:border-ods-disabled group-aria-disabled:border-ods-disabled"
         )
       }
@@ -210,15 +236,16 @@ var Button = _react2.default.forwardRef(function ButtonImpl({
   ...props
 }, ref) {
   const isDisabled = disabled || loading;
-  const useSplitLayout = !!splitIcon && (size === "default" || size === "small" || size === void 0);
+  const kind = variant && variant in _chunkN6YCOBLKcjs.BUTTON_KIND_CLASS ? variant : null;
+  const useSplitLayout = !kind && !!splitIcon && (size === "default" || size === "small" || size === void 0);
   if (useSplitLayout) {
     const safeSize = _nullishCoalesce(size, () => ( "default"));
     const safeVariant = _nullishCoalesce(variant, () => ( "accent"));
-    const shellClasses = _chunk65VVJSQZcjs.cn.call(void 0, splitShellVariants({ variant: safeVariant, size: safeSize, font, fullWidth }), className);
+    const shellClasses = _chunkN6YCOBLKcjs.cn.call(void 0, splitShellVariants({ variant: safeVariant, size: safeSize, font, fullWidth }), className);
     const mainSlotClass = splitSlotVariants({ slot: "main", size: safeSize, variant: safeVariant, fullWidth });
     const iconSlotClass = splitSlotVariants({ slot: "icon", size: safeSize, variant: safeVariant });
     const splitContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "contents", loading && "invisible"), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "contents", loading && "invisible"), children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: mainSlotClass, children: [
           leftIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center", children: leftIcon }),
           children,
@@ -234,9 +261,9 @@ var Button = _react2.default.forwardRef(function ButtonImpl({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "span",
         {
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "absolute inset-0 inline-flex items-center justify-center text-ods-text-primary",
-            _chunk65VVJSQZcjs.splitGlyphSizeBySize[safeSize]
+            _chunkN6YCOBLKcjs.splitGlyphSizeBySize[safeSize]
           ),
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Spinner, {})
         }
@@ -249,9 +276,10 @@ var Button = _react2.default.forwardRef(function ButtonImpl({
           href,
           download,
           prefetch: false,
-          className: _chunk65VVJSQZcjs.cn.call(void 0, shellClasses, isDisabled && "pointer-events-none"),
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, shellClasses, isDisabled && "pointer-events-none"),
           onClick,
           "aria-label": props["aria-label"],
+          ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props),
           children: splitContent
         }
       );
@@ -273,20 +301,21 @@ var Button = _react2.default.forwardRef(function ButtonImpl({
           "aria-label": props["aria-label"],
           "aria-disabled": isDisabled || void 0,
           tabIndex: isDisabled ? -1 : void 0,
-          className: _chunk65VVJSQZcjs.cn.call(void 0, shellClasses, isDisabled && "pointer-events-none"),
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, shellClasses, isDisabled && "pointer-events-none"),
           onClick: splitAnchor.onClick,
+          ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props),
           children: splitContent
         }
       );
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { ref, className: shellClasses, disabled: isDisabled, onClick, ...props, children: splitContent });
   }
-  const classes = _chunk65VVJSQZcjs.cn.call(void 0, buttonVariants({ variant, size, font, fullWidth, noPaddingX, attach }), className);
+  const classes = kind ? _chunkN6YCOBLKcjs.cn.call(void 0, _chunkN6YCOBLKcjs.BUTTON_KIND_CLASS[kind], loading && "relative", fullWidth && "w-full", className) : _chunkN6YCOBLKcjs.cn.call(void 0, buttonVariants({ variant, size, font, fullWidth, noPaddingX, attach }), className);
   if (asChild) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactslot.Slot, { ref, className: classes, ...props, children });
   }
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "contents", loading && "invisible"), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "contents", loading && "invisible"), children: [
       leftIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center", children: leftIcon }),
       children,
       rightIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center", children: rightIcon })
@@ -300,7 +329,7 @@ var Button = _react2.default.forwardRef(function ButtonImpl({
         href,
         download,
         prefetch: false,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, classes, isDisabled && "pointer-events-none"),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, classes, isDisabled && "pointer-events-none"),
         onClick,
         "aria-label": props["aria-label"],
         children: content
@@ -324,7 +353,7 @@ var Button = _react2.default.forwardRef(function ButtonImpl({
         "aria-label": props["aria-label"],
         "aria-disabled": isDisabled || void 0,
         tabIndex: isDisabled ? -1 : void 0,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, classes, isDisabled && "pointer-events-none"),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, classes, isDisabled && "pointer-events-none"),
         onClick: anchor.onClick,
         children: content
       }
@@ -337,76 +366,6 @@ Button.displayName = "Button";
 // src/components/ui/button/split-button.tsx
 
 
-
-var splitHalfBase = [
-  "relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]",
-  "whitespace-nowrap transition-colors duration-200",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus focus-visible:z-10",
-  "disabled:pointer-events-none",
-  "[&_svg]:pointer-events-none [&_svg]:shrink-0"
-];
-var splitHalfVariants = _classvarianceauthority.cva.call(void 0, splitHalfBase, {
-  variants: {
-    variant: {
-      accent: _chunk65VVJSQZcjs.buttonSurfaceClasses.accent,
-      outline: _chunk65VVJSQZcjs.buttonSurfaceClasses.outline,
-      // Outline border lives in compoundVariants so we can omit the seam edge.
-      transparent: _chunk65VVJSQZcjs.buttonSurfaceClasses.transparent,
-      destructive: _chunk65VVJSQZcjs.buttonSurfaceClasses.destructive,
-      warning: _chunk65VVJSQZcjs.buttonSurfaceClasses.warning
-    },
-    size: {
-      default: `h-10 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 md:h-12 ${_chunk65VVJSQZcjs.splitGlyphSizeClasses}`,
-      small: "h-6 px-[var(--spacing-system-xs)] text-h5 md:h-8 [&_svg]:h-3 [&_svg]:w-3 md:[&_svg]:h-4 md:[&_svg]:w-4"
-    },
-    side: { main: "", icon: "" },
-    soloOnMobile: { true: "", false: "" }
-  },
-  compoundVariants: [
-    // Rounded corners + per-variant seam. The icon-side's left border is the divider.
-    { variant: "accent", side: "main", class: "rounded-l-md" },
-    {
-      variant: "accent",
-      side: "icon",
-      class: _chunk65VVJSQZcjs.cn.call(void 0, 
-        "rounded-r-md border-l",
-        _chunk65VVJSQZcjs.splitDividerColorClasses.accent,
-        "disabled:border-ods-disabled aria-disabled:border-ods-disabled"
-      )
-    },
-    { variant: "destructive", side: "main", class: "rounded-l-md" },
-    {
-      variant: "destructive",
-      side: "icon",
-      class: _chunk65VVJSQZcjs.cn.call(void 0, 
-        "rounded-r-md border-l",
-        _chunk65VVJSQZcjs.splitDividerColorClasses.destructive,
-        "disabled:border-ods-disabled aria-disabled:border-ods-disabled"
-      )
-    },
-    { variant: "warning", side: "main", class: "rounded-l-md" },
-    {
-      variant: "warning",
-      side: "icon",
-      class: _chunk65VVJSQZcjs.cn.call(void 0, 
-        "rounded-r-md border-l",
-        _chunk65VVJSQZcjs.splitDividerColorClasses.warning,
-        "disabled:border-ods-disabled aria-disabled:border-ods-disabled"
-      )
-    },
-    { variant: "outline", side: "main", class: "rounded-l-md border-y border-l border-ods-border" },
-    { variant: "outline", side: "icon", class: "rounded-r-md border border-ods-border" },
-    { variant: "transparent", side: "main", class: "rounded-md" },
-    { variant: "transparent", side: "icon", class: _chunk65VVJSQZcjs.cn.call(void 0, "rounded-md", _chunk65VVJSQZcjs.splitDividerColorClasses.transparent) },
-    // Icon half: per Figma, narrower than main height (default: 40×48; small: 32×32).
-    { side: "icon", size: "default", class: "w-10 px-0" },
-    { side: "icon", size: "small", class: "w-6 px-0 md:w-8" },
-    { side: "icon", soloOnMobile: true, class: "max-md:hidden" },
-    { side: "main", soloOnMobile: true, class: "max-md:rounded-r-md" },
-    { variant: "outline", side: "main", soloOnMobile: true, class: "max-md:border-r" }
-  ],
-  defaultVariants: { variant: "accent", size: "default", side: "main", soloOnMobile: false }
-});
 function Half({
   variant,
   size,
@@ -422,25 +381,23 @@ function Half({
   ariaLabel,
   children
 }) {
-  const classes = _chunk65VVJSQZcjs.cn.call(void 0, splitHalfVariants({ variant, size, side, soloOnMobile }), grow && "flex-1");
-  if (href) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkV45KLJQPcjs.next_link_default,
-      {
-        href,
-        prefetch,
-        target: openInNewTab ? "_blank" : void 0,
-        rel: openInNewTab ? "noopener noreferrer" : void 0,
-        "aria-disabled": disabled || void 0,
-        tabIndex: disabled ? -1 : void 0,
-        "aria-label": ariaLabel,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, classes, disabled && "pointer-events-none"),
-        onClick,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type, className: classes, disabled, "aria-label": ariaLabel, onClick, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Button,
+    {
+      type,
+      variant,
+      size: side === "main" ? size : size === "small" ? "small" : "icon",
+      attach: side === "main" ? "start" : "end",
+      href,
+      openInNewTab,
+      prefetch,
+      disabled,
+      "aria-label": ariaLabel,
+      onClick,
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, grow && "flex-1", side === "icon" && soloOnMobile && "max-md:hidden"),
+      children
+    }
+  );
 }
 var SplitButton = _react2.default.forwardRef(function SplitButtonImpl({
   variant = "accent",
@@ -468,7 +425,7 @@ var SplitButton = _react2.default.forwardRef(function SplitButtonImpl({
       ref,
       role: "group",
       "aria-label": groupAriaLabel,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "inline-flex items-stretch", fullWidth && "w-full", className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, "inline-flex items-stretch", fullWidth && "w-full", className),
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           Half,