prime-ui-kit 0.18.0 → 0.19.0

package/dist/chunks/{chunk-OAXJWF3L.js → chunk-RZNGLELR.js}

@@ -3333,6 +3333,39 @@ var Avatar = {
   Overflow: AvatarOverflow
 };
 
+// src/components/skeleton/Skeleton.module.css
+var Skeleton_default = {
+  root: "Skeleton_root",
+  primeSkeletonPulse: "Skeleton_primeSkeletonPulse",
+  line: "Skeleton_line"
+};
+
+// src/components/skeleton/Skeleton.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Skeleton({
+  shape = "text",
+  size: sizeProp,
+  lines = 1,
+  className,
+  ...rest
+}) {
+  const size = useControlSize(sizeProp);
+  const count = shape === "text" ? Math.max(1, Math.floor(lines)) : 0;
+  return /* @__PURE__ */ jsx17(
+    "span",
+    {
+      "aria-hidden": "true",
+      ...rest,
+      className: cx(fieldTierClass, Skeleton_default.root, className),
+      ...toDataAttributes({ shape, size }),
+      children: Array.from({ length: count }, (_, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: identical placeholder lines
+        /* @__PURE__ */ jsx17("span", { className: Skeleton_default.line }, index)
+      ))
+    }
+  );
+}
+
 // src/components/label/Label.module.css
 var Label_default = {
   root: "Label_root",
@@ -3343,7 +3376,7 @@ var Label_default = {
 };
 
 // src/components/label/Label.tsx
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var LABEL_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 function LabelRoot({
   className,
@@ -3362,7 +3395,7 @@ function LabelRoot({
   const labels = useLabels(LABEL_LABELS, labelsProp);
   return (
     // biome-ignore lint/a11y/noLabelWithoutControl: field label primitive; association via htmlFor or wrapping control is caller responsibility
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       "label",
       {
         ref,
@@ -3377,7 +3410,7 @@ function LabelRoot({
         children: tier.provide(
           /* @__PURE__ */ jsxs8(Fragment5, { children: [
             children,
-            /* @__PURE__ */ jsx17(LabelMarks, { required, optional, optionalLabel: labels.optional })
+            /* @__PURE__ */ jsx18(LabelMarks, { required, optional, optionalLabel: labels.optional })
           ] })
         )
       }
@@ -3393,16 +3426,16 @@ function LabelMarks({
 }) {
   const dim = disabled || void 0;
   return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    required ? /* @__PURE__ */ jsx17("span", { className: Label_default.asterisk, "aria-hidden": "true", "data-disabled": dim, children: "*" }) : null,
-    optional ? /* @__PURE__ */ jsx17("span", { className: Label_default.optional, "data-disabled": dim, children: optionalLabel }) : null
+    required ? /* @__PURE__ */ jsx18("span", { className: Label_default.asterisk, "aria-hidden": "true", "data-disabled": dim, children: "*" }) : null,
+    optional ? /* @__PURE__ */ jsx18("span", { className: Label_default.optional, "data-disabled": dim, children: optionalLabel }) : null
   ] });
 }
 function LabelIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx17("span", { className: cx(Label_default.icon, className), "aria-hidden": "true", ...rest });
+  return /* @__PURE__ */ jsx18("span", { className: cx(Label_default.icon, className), "aria-hidden": "true", ...rest });
 }
 LabelIcon.displayName = "Label.Icon";
 function LabelDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx17("span", { className: cx(Label_default.description, className), ...rest });
+  return /* @__PURE__ */ jsx18("span", { className: cx(Label_default.description, className), ...rest });
 }
 LabelDescription.displayName = "Label.Description";
 var Label = {
@@ -3418,7 +3451,7 @@ var Hint_default = {
 };
 
 // src/components/hint/Hint.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function HintRoot({
   className,
   size: sizeProp,
@@ -3432,7 +3465,7 @@ function HintRoot({
   const disabled = useInheritedDisabled(disabledProp);
   const shownTone = tone === "neutral" || invalid || disabled ? void 0 : tone;
   return tier.provide(
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       "p",
       {
         ...rest,
@@ -3458,7 +3491,7 @@ function HintRoot({
 }
 HintRoot.displayName = "Hint.Root";
 function HintIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx18("span", { "aria-hidden": "true", className: cx(Hint_default.icon, className), ...rest });
+  return /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", className: cx(Hint_default.icon, className), ...rest });
 }
 HintIcon.displayName = "Hint.Icon";
 var Hint = { Root: HintRoot, Icon: HintIcon };
@@ -3474,7 +3507,7 @@ var CheckMark_default = {
 };
 
 // src/internal/CheckMark.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 function CheckMark({ state, className }) {
   return /* @__PURE__ */ jsxs9(
     "svg",
@@ -3485,8 +3518,8 @@ function CheckMark({ state, className }) {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ jsx19("path", { d: "M5.5 12.5l4.25 4.25L18.5 8", pathLength: 1, className: CheckMark_default.check }),
-        /* @__PURE__ */ jsx19("path", { d: "M7 12h10", pathLength: 1, className: CheckMark_default.bar })
+        /* @__PURE__ */ jsx20("path", { d: "M5.5 12.5l4.25 4.25L18.5 8", pathLength: 1, className: CheckMark_default.check }),
+        /* @__PURE__ */ jsx20("path", { d: "M7 12h10", pathLength: 1, className: CheckMark_default.bar })
       ]
     }
   );
@@ -3528,7 +3561,7 @@ var FieldFrame_default = {
 };
 
 // src/internal/FieldFrame.tsx
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var REQUIRED_ROLES = /* @__PURE__ */ new Set([
   "checkbox",
   "combobox",
@@ -3617,9 +3650,9 @@ function FieldSupport({
 }) {
   let text = null;
   if (ids.showError) {
-    text = /* @__PURE__ */ jsx20(Hint.Root, { id: ids.errorId, size, invalid: true, className: textClassName, children: error });
+    text = /* @__PURE__ */ jsx21(Hint.Root, { id: ids.errorId, size, invalid: true, className: textClassName, children: error });
   } else if (leaving) {
-    text = /* @__PURE__ */ jsx20(
+    text = /* @__PURE__ */ jsx21(
       Hint.Root,
       {
         size,
@@ -3631,7 +3664,7 @@ function FieldSupport({
       }
     );
   } else if (ids.showHint) {
-    text = /* @__PURE__ */ jsx20(
+    text = /* @__PURE__ */ jsx21(
       Hint.Root,
       {
         id: ids.hintId,
@@ -3643,7 +3676,7 @@ function FieldSupport({
       }
     );
   }
-  return /* @__PURE__ */ jsx20("div", { className, "aria-live": live ? "polite" : void 0, children: text });
+  return /* @__PURE__ */ jsx21("div", { className, "aria-live": live ? "polite" : void 0, children: text });
 }
 function FieldFrame({
   size,
@@ -3670,7 +3703,7 @@ function FieldFrame({
   const shake = useErrorShake(ids.invalid, error);
   const cell = useFieldCell();
   const shownLabel = hasContent(label) ? label : cell?.label;
-  const labelNode = hasContent(shownLabel) ? /* @__PURE__ */ jsx20(
+  const labelNode = hasContent(shownLabel) ? /* @__PURE__ */ jsx21(
     Label.Root,
     {
       id: ids.labelId,
@@ -3702,7 +3735,7 @@ function FieldFrame({
       children: [
         labelEnd != null ? /* @__PURE__ */ jsxs10("div", { className: FieldFrame_default.labelRow, children: [
           labelNode,
-          /* @__PURE__ */ jsx20("span", { className: FieldFrame_default.labelEnd, children: labelEnd })
+          /* @__PURE__ */ jsx21("span", { className: FieldFrame_default.labelEnd, children: labelEnd })
         ] }) : labelNode,
         /* @__PURE__ */ jsxs10("div", { className: cx(FieldFrame_default.body, enterMotion_default.shakeParts), "data-shake": shake, children: [
           children,
@@ -3717,7 +3750,7 @@ function FieldFrame({
                 empty: !showSupport || void 0
               }),
               children: [
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   FieldSupport,
                   {
                     ids,
@@ -3736,7 +3769,7 @@ function FieldFrame({
             }
           )
         ] }),
-        requiredLabel && ids.required ? /* @__PURE__ */ jsx20(VisuallyHidden, { id: ids.requiredId, children: requiredLabel }) : null
+        requiredLabel && ids.required ? /* @__PURE__ */ jsx21(VisuallyHidden, { id: ids.requiredId, children: requiredLabel }) : null
       ]
     }
   );
@@ -3751,11 +3784,11 @@ function FieldCounter({ current, max, size, label, className, ...rest }) {
       "data-invalid": current > max || void 0,
       children: [
         /* @__PURE__ */ jsxs10("span", { "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx20(RollingNumber, { children: current }),
+          /* @__PURE__ */ jsx21(RollingNumber, { children: current }),
           "/",
           max
         ] }),
-        /* @__PURE__ */ jsx20(VisuallyHidden, { live: "polite", children: formatLabel(label, { current, max }) })
+        /* @__PURE__ */ jsx21(VisuallyHidden, { live: "polite", children: formatLabel(label, { current, max }) })
       ]
     }
   );
@@ -3775,7 +3808,7 @@ var ChoiceField_default = {
 };
 
 // src/internal/ChoiceField.tsx
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 var choiceInputClass = ChoiceField_default.input;
 var choiceVisualClass = cx(ChoiceField_default.visual, press_default.pressPartCompact);
 var choiceBoxClass = ChoiceField_default.box;
@@ -3805,7 +3838,7 @@ function ChoiceField({
     () => ({ required, optional, optionalLabel, disabled }),
     [required, optional, optionalLabel, disabled]
   );
-  return /* @__PURE__ */ jsx21(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx22(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cx(fieldTierClass, ChoiceField_default.field, className),
@@ -3824,7 +3857,7 @@ function ChoiceField({
             className: cx(ChoiceField_default.row, press_default.pressHost),
             "data-loading": busy || void 0,
             children: [
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx22(
                 "span",
                 {
                   className: cx(ChoiceField_default.controlCell, enterMotion_default.shake, touchTargetClass),
@@ -3832,11 +3865,11 @@ function ChoiceField({
                   children: control
                 }
               ),
-              /* @__PURE__ */ jsx21(ChoiceMarksContext, { value: marks, children })
+              /* @__PURE__ */ jsx22(ChoiceMarksContext, { value: marks, children })
             ]
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           FieldSupport,
           {
             ids,
@@ -3861,7 +3894,7 @@ function ChoiceLabel({ className, children, ...rest }) {
     children,
     marked ? /* @__PURE__ */ jsxs11(Fragment6, { children: [
       " ",
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         LabelMarks,
         {
           required: marks.required,
@@ -3882,7 +3915,7 @@ var Checkbox_default = {
 };
 
 // src/components/checkbox/Checkbox.tsx
-import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 var CHECKBOX_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 function CheckboxRoot({
   id,
@@ -3920,7 +3953,7 @@ function CheckboxRoot({
   React33.useLayoutEffect(() => {
     if (internalRef.current) internalRef.current.indeterminate = indeterminate;
   });
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ChoiceField,
     {
       ids,
@@ -3936,7 +3969,7 @@ function CheckboxRoot({
       error,
       className: cx(Checkbox_default.root, className),
       control: /* @__PURE__ */ jsxs12(Fragment7, { children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           "input",
           {
             ...inputRest,
@@ -3955,13 +3988,13 @@ function CheckboxRoot({
             "aria-describedby": ids.describedBy
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(
           "span",
           {
             className: cx(choiceVisualClass, choiceBoxClass, Checkbox_default.control),
             "data-shape": shape,
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx22(
+            children: /* @__PURE__ */ jsx23(
               CheckMark,
               {
                 state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked"
@@ -3976,7 +4009,7 @@ function CheckboxRoot({
 }
 CheckboxRoot.displayName = "Checkbox.Root";
 function CheckboxLabel(props) {
-  return /* @__PURE__ */ jsx22(ChoiceLabel, { ...props });
+  return /* @__PURE__ */ jsx23(ChoiceLabel, { ...props });
 }
 CheckboxLabel.displayName = "Checkbox.Label";
 function CheckboxIndicator({
@@ -3989,7 +4022,7 @@ function CheckboxIndicator({
   ...rest
 }) {
   const size = useControlSize(sizeProp);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "span",
     {
       "aria-hidden": "true",
@@ -4008,7 +4041,7 @@ function CheckboxIndicator({
         disabled: disabled || void 0
       }),
       ...rest,
-      children: /* @__PURE__ */ jsx22(CheckMark, { state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked" })
+      children: /* @__PURE__ */ jsx23(CheckMark, { state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked" })
     }
   );
 }
@@ -4092,20 +4125,20 @@ var mediaDisk_default = {
 };
 
 // src/internal/mediaDisk.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var mediaDiskClass = cx(fieldTierClass, mediaPill_default.ink, mediaDisk_default.disk);
 function MediaPlayMark({
   shown = true,
   className
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       className: cx(mediaDiskClass, className),
       "data-size": "l",
       "data-shown": shown,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx23(Icon, { name: "action.play", fill: "currentColor" })
+      children: /* @__PURE__ */ jsx24(Icon, { name: "action.play", fill: "currentColor" })
     }
   );
 }
@@ -4165,7 +4198,7 @@ var Thumbnail_default = {
 };
 
 // src/components/thumbnail/Thumbnail.tsx
-import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 var slot2 = createImageSlot("Thumbnail", { image: Thumbnail_default.image, fallback: Thumbnail_default.fallback });
 function ThumbnailRoot({
   size: sizeProp,
@@ -4207,7 +4240,7 @@ function ThumbnailRoot({
   if (selectable) {
     const { onClick: onClick2 } = rest;
     return provide(
-      /* @__PURE__ */ jsx24(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx25(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsxs13(
         "button",
         {
           ...rest,
@@ -4222,7 +4255,7 @@ function ThumbnailRoot({
           },
           children: [
             children,
-            /* @__PURE__ */ jsx24("span", { className: cx(Thumbnail_default.check, mediaPill_default.choice), "aria-hidden": "true", children: /* @__PURE__ */ jsx24(Checkbox.Indicator, { checked, size: fullWidth ? "s" : compactTier(size) }) })
+            /* @__PURE__ */ jsx25("span", { className: cx(Thumbnail_default.check, mediaPill_default.choice), "aria-hidden": "true", children: /* @__PURE__ */ jsx25(Checkbox.Indicator, { checked, size: fullWidth ? "s" : compactTier(size) }) })
           ]
         }
       ) })
@@ -4230,16 +4263,16 @@ function ThumbnailRoot({
   }
   if (asChild) {
     return provide(
-      /* @__PURE__ */ jsx24(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsx24(Slot, { ...rest, ...frame2, ref, children }) })
+      /* @__PURE__ */ jsx25(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsx25(Slot, { ...rest, ...frame2, ref, children }) })
     );
   }
   return provide(
-    /* @__PURE__ */ jsx24(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsx24("div", { ref, ...frame2, ...rest, children }) })
+    /* @__PURE__ */ jsx25(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsx25("div", { ref, ...frame2, ...rest, children }) })
   );
 }
 ThumbnailRoot.displayName = "Thumbnail.Root";
 function ThumbnailImage({ fit = "cover", ...rest }) {
-  return /* @__PURE__ */ jsx24(slot2.Image, { ...rest, "data-fit": fit });
+  return /* @__PURE__ */ jsx25(slot2.Image, { ...rest, "data-fit": fit });
 }
 ThumbnailImage.displayName = "Thumbnail.Image";
 function ThumbnailVideoInner({
@@ -4274,7 +4307,7 @@ function ThumbnailVideoInner({
   const [still] = React35.useState(prefersReducedMotion);
   const loops = autoPlay && !still && !controls;
   return /* @__PURE__ */ jsxs13(Fragment8, { children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       "video",
       {
         ...rest,
@@ -4309,12 +4342,12 @@ function ThumbnailVideoInner({
         }
       }
     ),
-    !controls && !loops ? /* @__PURE__ */ jsx24(MediaPlayMark, { shown: !playing, className: Thumbnail_default.play }) : null,
-    !controls && duration !== null ? /* @__PURE__ */ jsx24("span", { className: cx(textRole_default.caption, mediaPill_default.pill, Thumbnail_default.duration), children: formatDuration(duration) }) : null
+    !controls && !loops ? /* @__PURE__ */ jsx25(MediaPlayMark, { shown: !playing, className: Thumbnail_default.play }) : null,
+    !controls && duration !== null ? /* @__PURE__ */ jsx25("span", { className: cx(textRole_default.caption, mediaPill_default.pill, Thumbnail_default.duration), children: formatDuration(duration) }) : null
   ] });
 }
 function ThumbnailVideo(props) {
-  return /* @__PURE__ */ jsx24(ThumbnailVideoInner, { ...props }, props.src);
+  return /* @__PURE__ */ jsx25(ThumbnailVideoInner, { ...props }, props.src);
 }
 ThumbnailVideo.displayName = "Thumbnail.Video";
 var ThumbnailFallback = slot2.Fallback;
@@ -4776,10 +4809,10 @@ function useLayer(open, options) {
 }
 
 // src/internal/overlay/FloatingPanel.tsx
-import { Fragment as Fragment9, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function SheetHandle({ swipe }) {
   if (!swipe.enabled) return null;
-  return /* @__PURE__ */ jsx25("div", { className: sheet_default.handle, ...{ [SWIPE_HANDLE_ATTRIBUTE]: "" }, "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx26("div", { className: sheet_default.handle, ...{ [SWIPE_HANDLE_ATTRIBUTE]: "" }, "aria-hidden": "true" });
 }
 function FloatingPanel({
   floating,
@@ -4817,9 +4850,9 @@ function FloatingPanel({
     }
   };
   const panelRef = sheet ? ref : mergedRef;
-  const panel = scroll ? /* @__PURE__ */ jsx25(ScrollContainer, { ...props, edges: "shadow", ref: panelRef, children }) : /* @__PURE__ */ jsx25("div", { ...props, ref: panelRef, children });
-  return /* @__PURE__ */ jsx25(Portal, { children: /* @__PURE__ */ jsx25(LayerProvider, { value: floating.layer, children: /* @__PURE__ */ jsx25(SurfaceDepthProvider, { value: "floating", children: /* @__PURE__ */ jsx25(ControlSizeProvider, { value: size, children: sheet ? /* @__PURE__ */ jsxs14(Fragment9, { children: [
-    /* @__PURE__ */ jsx25(
+  const panel = scroll ? /* @__PURE__ */ jsx26(ScrollContainer, { ...props, edges: "shadow", ref: panelRef, children }) : /* @__PURE__ */ jsx26("div", { ...props, ref: panelRef, children });
+  return /* @__PURE__ */ jsx26(Portal, { children: /* @__PURE__ */ jsx26(LayerProvider, { value: floating.layer, children: /* @__PURE__ */ jsx26(SurfaceDepthProvider, { value: "floating", children: /* @__PURE__ */ jsx26(ControlSizeProvider, { value: size, children: sheet ? /* @__PURE__ */ jsxs14(Fragment9, { children: [
+    /* @__PURE__ */ jsx26(
       "div",
       {
         role: "presentation",
@@ -4843,7 +4876,7 @@ function FloatingPanel({
         onPointerDown: swipe.onPointerDown,
         ...swipe.panelProps,
         children: [
-          /* @__PURE__ */ jsx25(SheetHandle, { swipe }),
+          /* @__PURE__ */ jsx26(SheetHandle, { swipe }),
           panel
         ]
       }
@@ -4851,7 +4884,7 @@ function FloatingPanel({
   ] }) : panel }) }) }) });
 }
 function FloatingTrigger({ triggerProps, children, ...forwarded }) {
-  return /* @__PURE__ */ jsx25(Slot, { ...forwarded, children: /* @__PURE__ */ jsx25(Slot, { ...triggerProps, children }) });
+  return /* @__PURE__ */ jsx26(Slot, { ...forwarded, children: /* @__PURE__ */ jsx26(Slot, { ...triggerProps, children }) });
 }
 
 // src/internal/overlay/useAnchorName.ts
@@ -5106,7 +5139,7 @@ var Popover_default = {
 };
 
 // src/components/popover/Popover.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var [PopoverProvider, usePopoverContext] = createComponentContext("Popover");
 function PopoverRoot({
   open,
@@ -5135,12 +5168,12 @@ function PopoverRoot({
     }),
     [isOpen, setOpen, id, closeOnOutsideClick, closeOnEscape, openOnArrow]
   );
-  return /* @__PURE__ */ jsx26(PopoverProvider, { value, children });
+  return /* @__PURE__ */ jsx27(PopoverProvider, { value, children });
 }
 PopoverRoot.displayName = "Popover.Root";
 function PopoverTrigger(props) {
   const { isOpen, setOpen, triggerId, contentId, triggerRef, openOnArrow } = usePopoverContext("Popover.Trigger");
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     FloatingTrigger,
     {
       ...props,
@@ -5158,12 +5191,12 @@ PopoverTrigger.displayName = "Popover.Trigger";
 function PopoverAnchor({ children }) {
   const { triggerRef, anchoredRef } = usePopoverContext("Popover.Anchor");
   anchoredRef.current = true;
-  return /* @__PURE__ */ jsx26(Slot, { ref: triggerRef, children });
+  return /* @__PURE__ */ jsx27(Slot, { ref: triggerRef, children });
 }
 PopoverAnchor.displayName = "Popover.Anchor";
 function PopoverClose({ children }) {
   const { setOpen } = usePopoverContext("Popover.Close");
-  return /* @__PURE__ */ jsx26(Slot, { onClick: () => setOpen(false), children });
+  return /* @__PURE__ */ jsx27(Slot, { onClick: () => setOpen(false), children });
 }
 PopoverClose.displayName = "Popover.Close";
 function PopoverContent({
@@ -5211,7 +5244,7 @@ function PopoverContent({
     [fallbackId, fallbackDescriptionId]
   );
   const anchorName = useAnchorName(isOpen, titleId !== null, triggerRef);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     FloatingPanel,
     {
       ...rest,
@@ -5228,7 +5261,7 @@ function PopoverContent({
       tabIndex: -1,
       "data-flush": flush || void 0,
       className: cx(fieldTierClass, Popover_default.content, className),
-      children: /* @__PURE__ */ jsx26(PopoverSlotsContext.Provider, { value: slots, children })
+      children: /* @__PURE__ */ jsx27(PopoverSlotsContext.Provider, { value: slots, children })
     }
   );
 }
@@ -5246,21 +5279,21 @@ function useSlotId(id, kind) {
   return resolved;
 }
 function PopoverHeader({ className, ...rest }) {
-  return /* @__PURE__ */ jsx26("div", { className: cx(Popover_default.header, className), ...rest });
+  return /* @__PURE__ */ jsx27("div", { className: cx(Popover_default.header, className), ...rest });
 }
 PopoverHeader.displayName = "Popover.Header";
 function PopoverTitle({ className, id, ...rest }) {
   const resolvedId = useSlotId(id, "title");
-  return /* @__PURE__ */ jsx26("h2", { id: resolvedId, className: cx(Popover_default.title, className), ...rest });
+  return /* @__PURE__ */ jsx27("h2", { id: resolvedId, className: cx(Popover_default.title, className), ...rest });
 }
 PopoverTitle.displayName = "Popover.Title";
 function PopoverDescription({ className, id, ...rest }) {
   const resolvedId = useSlotId(id, "description");
-  return /* @__PURE__ */ jsx26("p", { id: resolvedId, className: cx(Popover_default.description, className), ...rest });
+  return /* @__PURE__ */ jsx27("p", { id: resolvedId, className: cx(Popover_default.description, className), ...rest });
 }
 PopoverDescription.displayName = "Popover.Description";
 function PopoverActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx26("div", { className: cx(Popover_default.actions, className), ...rest });
+  return /* @__PURE__ */ jsx27("div", { className: cx(Popover_default.actions, className), ...rest });
 }
 PopoverActions.displayName = "Popover.Actions";
 var Popover = {
@@ -5292,7 +5325,7 @@ var Tooltip_default = {
 };
 
 // src/components/tooltip/Tooltip.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var DEFAULT_DELAY_MS = 400;
 var DEFAULT_SKIP_DELAY_MS = 300;
 var CLOSE_GRACE_MS = 100;
@@ -5323,7 +5356,7 @@ function TooltipProvider({
     () => createTooltipGroup(delayDuration, skipDelayDuration),
     [delayDuration, skipDelayDuration]
   );
-  return /* @__PURE__ */ jsx27(TooltipGroupContext.Provider, { value: group, children });
+  return /* @__PURE__ */ jsx28(TooltipGroupContext.Provider, { value: group, children });
 }
 var [TooltipRootProvider, useTooltipRootContext] = createComponentContext("Tooltip");
 function TooltipRoot({
@@ -5396,7 +5429,7 @@ function TooltipRoot({
     }),
     [isOpen, instant, contentId, scheduleOpen, scheduleClose, cancelPending, close]
   );
-  return /* @__PURE__ */ jsx27(TooltipRootProvider, { value, children });
+  return /* @__PURE__ */ jsx28(TooltipRootProvider, { value, children });
 }
 var BUTTON = 'button:not([role]), [role="button"]';
 function TooltipTrigger(props) {
@@ -5423,7 +5456,7 @@ function TooltipTrigger(props) {
   const madeFocusable = disabledChild || !ownTabStop;
   const generatedId = React48.useId();
   const controlId = typeof childProps.id === "string" ? childProps.id : generatedId;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     FloatingTrigger,
     {
       ...props,
@@ -5455,7 +5488,7 @@ function TooltipTrigger(props) {
       children: disabledChild ? (
         // Around a button the host is the one button assistive tech meets: disabled, named by the
         // control, which itself is out of reach (no pointer events, no focus) and out of the tree.
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           "span",
           {
             className: Tooltip_default.disabledHost,
@@ -5525,7 +5558,7 @@ function TooltipContent({
       ...toDataAttributes({ align, instant: instant ? true : void 0 }),
       children: [
         children,
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           "svg",
           {
             className: Tooltip_default.arrow,
@@ -5533,7 +5566,7 @@ function TooltipContent({
             preserveAspectRatio: "none",
             "aria-hidden": "true",
             focusable: "false",
-            children: /* @__PURE__ */ jsx27("path", { d: arrow.d })
+            children: /* @__PURE__ */ jsx28("path", { d: arrow.d })
           }
         )
       ]
@@ -5551,39 +5584,6 @@ var Tooltip = {
   Content: TooltipContent
 };
 
-// src/components/skeleton/Skeleton.module.css
-var Skeleton_default = {
-  root: "Skeleton_root",
-  primeSkeletonPulse: "Skeleton_primeSkeletonPulse",
-  line: "Skeleton_line"
-};
-
-// src/components/skeleton/Skeleton.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-function Skeleton({
-  shape = "text",
-  size: sizeProp,
-  lines = 1,
-  className,
-  ...rest
-}) {
-  const size = useControlSize(sizeProp);
-  const count = shape === "text" ? Math.max(1, Math.floor(lines)) : 0;
-  return /* @__PURE__ */ jsx28(
-    "span",
-    {
-      "aria-hidden": "true",
-      ...rest,
-      className: cx(fieldTierClass, Skeleton_default.root, className),
-      ...toDataAttributes({ shape, size }),
-      children: Array.from({ length: count }, (_, index) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: identical placeholder lines
-        /* @__PURE__ */ jsx28("span", { className: Skeleton_default.line }, index)
-      ))
-    }
-  );
-}
-
 // src/components/progress-bar/ProgressBar.tsx
 import * as React50 from "react";
 
@@ -6790,6 +6790,9 @@ function InputRoot({
     return () => setAffixes((current) => current.filter((item) => item !== affixId));
   }, []);
   const affixIds = affixes.join(" ") || void 0;
+  const cell = useFieldCell();
+  const cellAction = cell?.action;
+  const innerCell = React56.useMemo(() => cell ? { ...cell, action: void 0 } : null, [cell]);
   const contextValue = React56.useMemo(
     () => ({
       size,
@@ -6809,7 +6812,8 @@ function InputRoot({
       setRevealed,
       selectionRef,
       mountedRef,
-      suggest
+      suggest,
+      cellAction
     }),
     [
       size,
@@ -6825,7 +6829,8 @@ function InputRoot({
       commit,
       hasCommit,
       revealed,
-      suggest
+      suggest,
+      cellAction
     ]
   );
   const level = strength ? getStrength(strengthValue) : 0;
@@ -6862,7 +6867,7 @@ function InputRoot({
         optionalLabel: labels.optional,
         className: cx(fieldTierClass, Input_default.root, className),
         children: [
-          children,
+          cellAction ? /* @__PURE__ */ jsx36(FieldCellContext, { value: innerCell, children }) : children,
           strength ? /* @__PURE__ */ jsx36(
             ProgressBar,
             {
@@ -6881,7 +6886,7 @@ function InputRoot({
 }
 InputRoot.displayName = "Input.Root";
 function InputWrapper({ children, className, ref, ...rest }) {
-  const { size, invalid, focusRing, commit, hasCommit, labels, suggest } = useInputContext();
+  const { size, invalid, focusRing, commit, hasCommit, labels, suggest, cellAction } = useInputContext();
   const setRefs = useMergedRefs(suggest?.anchorRef, ref);
   return /* @__PURE__ */ jsxs21(
     "div",
@@ -6897,6 +6902,7 @@ function InputWrapper({ children, className, ref, ...rest }) {
       children: [
         /* @__PURE__ */ jsx36(InputSegmentContext, { value: true, children }),
         hasCommit ? /* @__PURE__ */ jsx36(FieldCommitStatus, { state: commit.state, labels, className: Input_default.status }) : null,
+        cellAction,
         suggest ? /* @__PURE__ */ jsx36(InputSuggestionList, { suggest, size }) : null
       ]
     }
@@ -8808,6 +8814,7 @@ export {
   rovingIndex,
   useImageStatus,
   Avatar,
+  Skeleton,
   Label,
   Hint,
   FieldCellContext,
@@ -8851,7 +8858,6 @@ export {
   isComposingKey,
   revealHighlighted,
   handleListboxKeyDown,
-  Skeleton,
   resolveValue,
   segmentFill,
   formatProgressValue,