@frontify/fondue-components 29.0.1 → 29.2.0

package/dist/fondue-components7.js

@@ -1,68 +1,35 @@
-import { jsx as c, jsxs as x } from "react/jsx-runtime";
-import { IconMinus as b, IconCheckMark as j } from "@frontify/fondue-icons";
-import * as s from "@radix-ui/react-checkbox";
-import { forwardRef as C } from "react";
-import t from "./fondue-components48.js";
-const N = ({
-  className: n,
-  value: l,
-  onChange: o,
-  defaultValue: f,
-  size: m = "default",
-  emphasis: u = "default",
-  status: r = "default",
-  "data-test-id": k = "fondue-checkbox",
-  readOnly: a,
-  ...i
-}, h) => /* @__PURE__ */ c(
-  s.Root,
-  {
-    ref: h,
-    checked: l,
-    defaultChecked: f,
-    className: [t.root, n].filter(Boolean).join(" "),
-    "data-size": m,
-    "data-emphasis": u,
-    "data-readonly": a,
-    "data-status": r,
-    onClick: (e) => {
-      if (a)
-        return e.preventDefault(), !1;
-      o == null || o(e);
-    },
-    onFocus: (e) => {
-      var d;
-      if (a)
-        return e.preventDefault(), e.target.blur(), !1;
-      (d = i.onFocus) == null || d.call(i, e);
-    },
-    "data-test-id": k,
-    "aria-readonly": a,
-    "aria-invalid": r === "error",
-    ...i,
-    children: /* @__PURE__ */ x(s.Indicator, { className: t.indicator, children: [
-      /* @__PURE__ */ c(
-        b,
-        {
-          size: 16,
-          className: [t.icon, t.iconIndeterminate].filter(Boolean).join(" "),
-          "data-test-id": "icon-indeterminate"
-        }
-      ),
-      /* @__PURE__ */ c(
-        j,
-        {
-          size: 16,
-          className: [t.icon, t.iconChecked].filter(Boolean).join(" "),
-          "data-test-id": "icon-checked"
-        }
-      )
-    ] })
-  }
-), I = C(N);
-I.displayName = "Checkbox";
+import { forwardRef as r } from "react";
+import { CardActionButton as o, ForwardedRefCardAction as a } from "./fondue-components49.js";
+import { CardAction as A } from "./fondue-components49.js";
+import { CardBannerIcon as n, CardBannerImage as t, CardBanner as e } from "./fondue-components50.js";
+import { CardDescription as i, CardTitle as m, CardThumbnailIcon as d, CardThumbnailImage as C, CardBadges as c } from "./fondue-components51.js";
+import { CardRoot as B } from "./fondue-components52.js";
+const u = {
+  Root: r(B),
+  Banner: r(e),
+  BannerImage: r(t),
+  BannerIcon: r(n),
+  Badges: r(c),
+  ThumbnailImage: r(C),
+  ThumbnailIcon: r(d),
+  Title: r(m),
+  Description: r(i),
+  Action: a,
+  ActionButton: r(o)
+};
 export {
-  I as Checkbox,
-  N as CheckboxComponent
+  u as Card,
+  A as CardAction,
+  o as CardActionButton,
+  c as CardBadges,
+  e as CardBanner,
+  n as CardBannerIcon,
+  t as CardBannerImage,
+  i as CardDescription,
+  B as CardRoot,
+  d as CardThumbnailIcon,
+  C as CardThumbnailImage,
+  m as CardTitle,
+  a as ForwardedRefCardAction
 };
 //# sourceMappingURL=fondue-components7.js.map

package/dist/fondue-components7.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components7.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCheckMark, IconMinus } from '@frontify/fondue-icons';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { forwardRef, type FormEvent, type ForwardedRef } from 'react';\n\nimport styles from './styles/checkbox.module.scss';\n\nexport type CheckboxProps = {\n    id?: string;\n    name?: string;\n    /**\n     * The default value of the checkbox\n     * Used for uncontrolled components\n     * @default false\n     */\n    defaultValue?: boolean | 'indeterminate';\n    /**\n     * The controlled value of the checkbox\n     * @default false\n     */\n    value?: boolean | 'indeterminate';\n    /**\n     * The size of the checkbox\n     * @default \"default\"\n     */\n    size?: 'default' | 'large';\n    /**\n     * The emphasis of the checkbox\n     * @default \"default\"\n     */\n    emphasis?: 'default' | 'weak';\n    /**\n     * Disable the checkbox\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Make the checkbox required in form\n     * @default false\n     */\n    required?: boolean;\n    /**\n     * Make the checkbox read-only\n     * @default false\n     */\n    readOnly?: boolean;\n    /**\n     * Status of the checkbox\n     * @default \"default\"\n     */\n    status?: 'default' | 'error';\n    className?: string;\n    /**\n     * Event handler called when the checkbox value changes\n     */\n    onChange?: (event: FormEvent<HTMLButtonElement>) => void;\n    /**\n     * Event handler called when the checkbox is blurred\n     */\n    onBlur?: (event: FormEvent<HTMLButtonElement>) => void;\n    /**\n     * Event handler called when the checkbox is focused\n     */\n    onFocus?: (event: FormEvent<HTMLButtonElement>) => void;\n    'data-test-id'?: string;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    'aria-describedby'?: string;\n};\n\nexport const CheckboxComponent = (\n    {\n        className,\n        value,\n        onChange,\n        defaultValue,\n        size = 'default',\n        emphasis = 'default',\n        status = 'default',\n        'data-test-id': dataTestId = 'fondue-checkbox',\n        readOnly,\n        ...props\n    }: CheckboxProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n) => {\n    return (\n        <CheckboxPrimitive.Root\n            ref={ref}\n            checked={value}\n            defaultChecked={defaultValue}\n            className={[styles.root, className].filter(Boolean).join(' ')}\n            data-size={size}\n            data-emphasis={emphasis}\n            data-readonly={readOnly}\n            data-status={status}\n            onClick={(event) => {\n                if (readOnly) {\n                    event.preventDefault();\n                    return false;\n                }\n                onChange?.(event);\n            }}\n            onFocus={(event) => {\n                if (readOnly) {\n                    event.preventDefault();\n                    event.target.blur();\n                    return false;\n                }\n                props.onFocus?.(event);\n            }}\n            data-test-id={dataTestId}\n            aria-readonly={readOnly}\n            aria-invalid={status === 'error'}\n            {...props}\n        >\n            <CheckboxPrimitive.Indicator className={styles.indicator}>\n                <IconMinus\n                    size={16}\n                    className={[styles.icon, styles.iconIndeterminate].filter(Boolean).join(' ')}\n                    data-test-id=\"icon-indeterminate\"\n                />\n\n                <IconCheckMark\n                    size={16}\n                    className={[styles.icon, styles.iconChecked].filter(Boolean).join(' ')}\n                    data-test-id=\"icon-checked\"\n                />\n            </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n    );\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(CheckboxComponent);\nCheckbox.displayName = 'Checkbox';\n"],"names":["CheckboxComponent","className","value","onChange","defaultValue","size","emphasis","status","dataTestId","readOnly","props","ref","jsx","CheckboxPrimitive","styles","event","_a","IconMinus","IconCheckMark","Checkbox","forwardRef"],"mappings":";;;;;AAuEO,MAAMA,IAAoB,CAC7B;AAAA,EACI,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,gBAAgBC,IAAa;AAAA,EAC7B,UAAAC;AAAA,EACA,GAAGC;AACP,GACAC,MAGI,gBAAAC;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACG,KAAAF;AAAA,IACA,SAAST;AAAA,IACT,gBAAgBE;AAAA,IAChB,WAAW,CAACU,EAAO,MAAMb,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAC5D,aAAWI;AAAA,IACX,iBAAeC;AAAA,IACf,iBAAeG;AAAA,IACf,eAAaF;AAAA,IACb,SAAS,CAACQ,MAAU;AAChB,UAAIN;AACA,eAAAM,EAAM,eAAA,GACC;AAEX,MAAAZ,KAAA,QAAAA,EAAWY;AAAA,IACf;AAAA,IACA,SAAS,CAACA,MAAU;;AAChB,UAAIN;AACA,eAAAM,EAAM,eAAA,GACNA,EAAM,OAAO,KAAA,GACN;AAEX,OAAAC,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IACpB;AAAA,IACA,gBAAcP;AAAA,IACd,iBAAeC;AAAA,IACf,gBAAcF,MAAW;AAAA,IACxB,GAAGG;AAAA,IAEJ,4BAACG,EAAkB,WAAlB,EAA4B,WAAWC,EAAO,WAC3C,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAW,CAACH,EAAO,MAAMA,EAAO,iBAAiB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,UAC3E,gBAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAGjB,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAW,CAACJ,EAAO,MAAMA,EAAO,WAAW,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,UACrE,gBAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,EAAA,CACJ;AAAA,EAAA;AAAA,GAKCK,IAAWC,EAA6CpB,CAAiB;AACtFmB,EAAS,cAAc;"}
+{"version":3,"file":"fondue-components7.js","sources":["../src/components/Card/Card.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef } from 'react';\n\nimport {\n    CardAction,\n    CardActionButton,\n    ForwardedRefCardAction,\n    type CardActionButtonProps,\n    type CardActionProps,\n} from './CardAction';\nimport {\n    CardBanner,\n    CardBannerIcon,\n    CardBannerImage,\n    type CardBannerFit,\n    type CardBannerIconProps,\n    type CardBannerIconVariant,\n    type CardBannerImageProps,\n    type CardBannerProps,\n    type CardBannerSize,\n} from './CardBanner';\nimport {\n    CardBadges,\n    CardDescription,\n    CardThumbnailIcon,\n    CardThumbnailImage,\n    CardTitle,\n    type CardBadgesProps,\n    type CardDescriptionProps,\n    type CardThumbnailIconProps,\n    type CardThumbnailImageProps,\n    type CardTitleProps,\n} from './CardContent';\nimport { CardRoot, type CardRootProps } from './CardRoot';\n\nexport {\n    CardAction,\n    CardActionButton,\n    CardBadges,\n    CardBanner,\n    CardBannerIcon,\n    CardBannerImage,\n    CardDescription,\n    CardRoot,\n    CardThumbnailIcon,\n    CardThumbnailImage,\n    CardTitle,\n    ForwardedRefCardAction,\n};\n\nexport type {\n    CardActionButtonProps,\n    CardActionProps,\n    CardBadgesProps,\n    CardBannerFit,\n    CardBannerIconProps,\n    CardBannerIconVariant,\n    CardBannerImageProps,\n    CardBannerProps,\n    CardBannerSize,\n    CardDescriptionProps,\n    CardRootProps,\n    CardThumbnailIconProps,\n    CardThumbnailImageProps,\n    CardTitleProps,\n};\n\nexport const Card = {\n    Root: forwardRef<HTMLDivElement, CardRootProps>(CardRoot),\n    Banner: forwardRef<HTMLDivElement, CardBannerProps>(CardBanner),\n    BannerImage: forwardRef<HTMLImageElement, CardBannerImageProps>(CardBannerImage),\n    BannerIcon: forwardRef<HTMLDivElement, CardBannerIconProps>(CardBannerIcon),\n    Badges: forwardRef<HTMLDivElement, CardBadgesProps>(CardBadges),\n    ThumbnailImage: forwardRef<HTMLImageElement, CardThumbnailImageProps>(CardThumbnailImage),\n    ThumbnailIcon: forwardRef<HTMLDivElement, CardThumbnailIconProps>(CardThumbnailIcon),\n    Title: forwardRef<HTMLDivElement, CardTitleProps>(CardTitle),\n    Description: forwardRef<HTMLDivElement, CardDescriptionProps>(CardDescription),\n    Action: ForwardedRefCardAction,\n    ActionButton: forwardRef<HTMLButtonElement, CardActionButtonProps>(CardActionButton),\n};\n"],"names":["Card","forwardRef","CardRoot","CardBanner","CardBannerImage","CardBannerIcon","CardBadges","CardThumbnailImage","CardThumbnailIcon","CardTitle","CardDescription","ForwardedRefCardAction","CardActionButton"],"mappings":";;;;;;AAoEO,MAAMA,IAAO;AAAA,EAChB,MAAMC,EAA0CC,CAAQ;AAAA,EACxD,QAAQD,EAA4CE,CAAU;AAAA,EAC9D,aAAaF,EAAmDG,CAAe;AAAA,EAC/E,YAAYH,EAAgDI,CAAc;AAAA,EAC1E,QAAQJ,EAA4CK,CAAU;AAAA,EAC9D,gBAAgBL,EAAsDM,CAAkB;AAAA,EACxF,eAAeN,EAAmDO,CAAiB;AAAA,EACnF,OAAOP,EAA2CQ,CAAS;AAAA,EAC3D,aAAaR,EAAiDS,CAAe;AAAA,EAC7E,QAAQC;AAAA,EACR,cAAcV,EAAqDW,CAAgB;AACvF;"}

package/dist/fondue-components70.js

@@ -1,10 +1,16 @@
-const n = "_container_1mpjk_13", t = "_indicator_1mpjk_43", o = {
-  container: n,
-  indicator: t
+const o = "_root_1ngt5_6", t = "_overlay_1ngt5_51", e = "_header_1ngt5_68", _ = "_body_1ngt5_93", r = "_footer_1ngt5_122", n = {
+  root: o,
+  overlay: t,
+  header: e,
+  body: _,
+  footer: r
 };
 export {
-  n as container,
-  o as default,
-  t as indicator
+  _ as body,
+  n as default,
+  r as footer,
+  e as header,
+  t as overlay,
+  o as root
 };
 //# sourceMappingURL=fondue-components70.js.map

package/dist/fondue-components70.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components70.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"fondue-components70.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/fondue-components71.js

@@ -1,4 +1,4 @@
-const o = "_root_jkymp_8", t = {
+const o = "_root_1b3p9_6", t = {
   root: o
 };
 export {

package/dist/fondue-components72.js

@@ -1,16 +1,21 @@
-const o = "_root_1bfzg_3", t = "_icon_1bfzg_90", n = "_content_1bfzg_118", s = "_action_1bfzg_125", c = "_dismiss_1bfzg_290", _ = {
-  root: o,
-  icon: t,
-  content: n,
-  action: s,
-  dismiss: c
+const r = "_root_1ri4z_2", i = {
+  root: r,
+  "size-medium": "_size-medium_1ri4z_6",
+  "size-large": "_size-large_1ri4z_11",
+  "size-x-large": "_size-x-large_1ri4z_16",
+  "size-xx-large": "_size-xx-large_1ri4z_21",
+  "weight-default": "_weight-default_1ri4z_26",
+  "weight-strong": "_weight-strong_1ri4z_30",
+  "color-default": "_color-default_1ri4z_34",
+  "color-weak": "_color-weak_1ri4z_38",
+  "color-disabled": "_color-disabled_1ri4z_42",
+  "color-negative": "_color-negative_1ri4z_46",
+  "color-positive": "_color-positive_1ri4z_50",
+  "color-warning": "_color-warning_1ri4z_54",
+  "color-interactive": "_color-interactive_1ri4z_58"
 };
 export {
-  s as action,
-  n as content,
-  _ as default,
-  c as dismiss,
-  t as icon,
-  o as root
+  i as default,
+  r as root
 };
 //# sourceMappingURL=fondue-components72.js.map

package/dist/fondue-components72.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components72.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"fondue-components72.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/fondue-components73.js

@@ -1,55 +1,14 @@
-import { Modifier as f, configurator as _ } from "@dnd-kit/abstract";
-var y = Object.defineProperty, d = Object.defineProperties, x = Object.getOwnPropertyDescriptors, n = Object.getOwnPropertySymbols, O = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable, p = (o, r, e) => r in o ? y(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, l = (o, r) => {
-  for (var e in r || (r = {}))
-    O.call(r, e) && p(o, e, r[e]);
-  if (n)
-    for (var e of n(r))
-      P.call(r, e) && p(o, e, r[e]);
-  return o;
-}, u = (o, r) => d(o, x(r)), t = class extends f {
-  /**
-   * Applies the axis restriction to the drag operation.
-   *
-   * @param operation - The current drag operation
-   * @returns The modified transform with the axis restriction applied
-   */
-  apply({ transform: r }) {
-    if (!this.options)
-      return r;
-    const { axis: e, value: i } = this.options;
-    return u(l({}, r), {
-      [e]: i
-    });
-  }
+const t = "_root_1pww3_3", e = "_contentArea_1pww3_71", o = "_hiddenText_1pww3_76", n = "_visibleText_1pww3_82", _ = {
+  root: t,
+  contentArea: e,
+  hiddenText: o,
+  visibleText: n
 };
-t.configure = _(t);
-var v = t;
-v.configure({
-  axis: "x",
-  value: 0
-});
-v.configure({
-  axis: "y",
-  value: 0
-});
-var c = class extends f {
-  /**
-   * Applies the snap grid to the drag operation.
-   *
-   * @param operation - The current drag operation
-   * @returns The modified transform with coordinates snapped to the grid
-   */
-  apply({ transform: r }) {
-    var e;
-    const { size: i = 20 } = (e = this.options) != null ? e : {}, a = typeof i == "number" ? i : i.x, s = typeof i == "number" ? i : i.y;
-    return u(l({}, r), {
-      x: Math.ceil(r.x / a) * a,
-      y: Math.ceil(r.y / s) * s
-    });
-  }
-};
-c.configure = _(c);
 export {
-  v as AxisModifier
+  e as contentArea,
+  _ as default,
+  o as hiddenText,
+  t as root,
+  n as visibleText
 };
 //# sourceMappingURL=fondue-components73.js.map

package/dist/fondue-components73.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components73.js","sources":["../../../node_modules/.pnpm/@dnd-kit+abstract@0.3.2/node_modules/@dnd-kit/abstract/modifiers.js"],"sourcesContent":["import { configurator, Modifier } from '@dnd-kit/abstract';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar _AxisModifier = class _AxisModifier extends Modifier {\n  /**\n   * Applies the axis restriction to the drag operation.\n   *\n   * @param operation - The current drag operation\n   * @returns The modified transform with the axis restriction applied\n   */\n  apply({ transform }) {\n    if (!this.options) {\n      return transform;\n    }\n    const { axis, value } = this.options;\n    return __spreadProps(__spreadValues({}, transform), {\n      [axis]: value\n    });\n  }\n};\n/**\n * Creates a configured instance of the AxisModifier.\n *\n * @param options - The axis restriction options\n * @returns A configured AxisModifier instance\n */\n_AxisModifier.configure = configurator(_AxisModifier);\nvar AxisModifier = _AxisModifier;\nvar RestrictToVerticalAxis = AxisModifier.configure({\n  axis: \"x\",\n  value: 0\n});\nvar RestrictToHorizontalAxis = AxisModifier.configure({\n  axis: \"y\",\n  value: 0\n});\n\n// src/modifiers/boundingRectangle.ts\nfunction restrictShapeToBoundingRectangle(shape, transform, boundingRect) {\n  const value = __spreadValues({}, transform);\n  if (shape.boundingRectangle.top + transform.y <= boundingRect.top) {\n    value.y = boundingRect.top - shape.boundingRectangle.top;\n  } else if (shape.boundingRectangle.bottom + transform.y >= boundingRect.top + boundingRect.height) {\n    value.y = boundingRect.top + boundingRect.height - shape.boundingRectangle.bottom;\n  }\n  if (shape.boundingRectangle.left + transform.x <= boundingRect.left) {\n    value.x = boundingRect.left - shape.boundingRectangle.left;\n  } else if (shape.boundingRectangle.right + transform.x >= boundingRect.left + boundingRect.width) {\n    value.x = boundingRect.left + boundingRect.width - shape.boundingRectangle.right;\n  }\n  return value;\n}\nvar _SnapModifier = class _SnapModifier extends Modifier {\n  /**\n   * Applies the snap grid to the drag operation.\n   *\n   * @param operation - The current drag operation\n   * @returns The modified transform with coordinates snapped to the grid\n   */\n  apply({ transform }) {\n    var _a;\n    const { size = 20 } = (_a = this.options) != null ? _a : {};\n    const x = typeof size === \"number\" ? size : size.x;\n    const y = typeof size === \"number\" ? size : size.y;\n    return __spreadProps(__spreadValues({}, transform), {\n      x: Math.ceil(transform.x / x) * x,\n      y: Math.ceil(transform.y / y) * y\n    });\n  }\n};\n/**\n * Creates a configured instance of the SnapModifier.\n *\n * @param options - The snap grid options\n * @returns A configured SnapModifier instance\n */\n_SnapModifier.configure = configurator(_SnapModifier);\nvar SnapModifier = _SnapModifier;\n\nexport { AxisModifier, RestrictToHorizontalAxis, RestrictToVerticalAxis, SnapModifier, restrictShapeToBoundingRectangle };\n//# sourceMappingURL=modifiers.js.map\n//# sourceMappingURL=modifiers.js.map"],"names":["__defProp","__defProps","__getOwnPropDescs","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","__spreadProps","_AxisModifier","Modifier","transform","axis","configurator","AxisModifier","_SnapModifier","_a","size","x","y"],"mappings":";AAEA,IAAIA,IAAY,OAAO,gBACnBC,IAAa,OAAO,kBACpBC,IAAoB,OAAO,2BAC3BC,IAAsB,OAAO,uBAC7BC,IAAe,OAAO,UAAU,gBAChCC,IAAe,OAAO,UAAU,sBAChCC,IAAkB,CAACC,GAAKC,GAAKC,MAAUD,KAAOD,IAAMP,EAAUO,GAAKC,GAAK,EAAE,YAAY,IAAM,cAAc,IAAM,UAAU,IAAM,OAAAC,EAAK,CAAE,IAAIF,EAAIC,CAAG,IAAIC,GACtJC,IAAiB,CAACC,GAAGC,MAAM;AAC7B,WAASC,KAAQD,MAAMA,IAAI,CAAA;AACzB,IAAIR,EAAa,KAAKQ,GAAGC,CAAI,KAC3BP,EAAgBK,GAAGE,GAAMD,EAAEC,CAAI,CAAC;AACpC,MAAIV;AACF,aAASU,KAAQV,EAAoBS,CAAC;AACpC,MAAIP,EAAa,KAAKO,GAAGC,CAAI,KAC3BP,EAAgBK,GAAGE,GAAMD,EAAEC,CAAI,CAAC;AAEtC,SAAOF;AACT,GACIG,IAAgB,CAACH,GAAGC,MAAMX,EAAWU,GAAGT,EAAkBU,CAAC,CAAC,GAC5DG,IAAgB,cAA4BC,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvD,MAAM,EAAE,WAAAC,KAAa;AACnB,QAAI,CAAC,KAAK;AACR,aAAOA;AAET,UAAM,EAAE,MAAAC,GAAM,OAAAT,EAAK,IAAK,KAAK;AAC7B,WAAOK,EAAcJ,EAAe,CAAA,GAAIO,CAAS,GAAG;AAAA,MAClD,CAACC,CAAI,GAAGT;AAAA,IACd,CAAK;AAAA,EACH;AACF;AAOAM,EAAc,YAAYI,EAAaJ,CAAa;AACjD,IAACK,IAAeL;AACUK,EAAa,UAAU;AAAA,EAClD,MAAM;AAAA,EACN,OAAO;AACT,CAAC;AAC8BA,EAAa,UAAU;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AACT,CAAC;AAiBD,IAAIC,IAAgB,cAA4BL,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvD,MAAM,EAAE,WAAAC,KAAa;AACnB,QAAIK;AACJ,UAAM,EAAE,MAAAC,IAAO,GAAE,KAAMD,IAAK,KAAK,YAAY,OAAOA,IAAK,CAAA,GACnDE,IAAI,OAAOD,KAAS,WAAWA,IAAOA,EAAK,GAC3CE,IAAI,OAAOF,KAAS,WAAWA,IAAOA,EAAK;AACjD,WAAOT,EAAcJ,EAAe,CAAA,GAAIO,CAAS,GAAG;AAAA,MAClD,GAAG,KAAK,KAAKA,EAAU,IAAIO,CAAC,IAAIA;AAAA,MAChC,GAAG,KAAK,KAAKP,EAAU,IAAIQ,CAAC,IAAIA;AAAA,IACtC,CAAK;AAAA,EACH;AACF;AAOAJ,EAAc,YAAYF,EAAaE,CAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"fondue-components73.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/fondue-components74.js

@@ -1,47 +1,40 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useSortable as E } from "./fondue-components112.js";
-import { forwardRef as p, useRef as L, useState as v, useCallback as y, useMemo as C, useEffect as H } from "react";
-import { OrderableItemContextProvider as N } from "./fondue-components113.js";
-import h from "./fondue-components83.js";
-const x = p((o, e) => null);
-x.displayName = "OrderableListItem";
-const w = p(
-  ({ children: o, id: e, index: c, disabled: r, padding: u = "small", selected: n, onSelect: s }, a) => {
-    const i = L(null), g = (t) => {
-      i.current = t, typeof a == "function" ? a(t) : a !== null && (a.current = t);
-    }, { isDragging: b, isDropping: I, handleRef: l } = E({ id: e, index: c, element: i, disabled: r }), [m, O] = v(!1), d = y(
-      (t) => {
-        O(t !== null), r || l(t);
-      },
-      [r, l]
-    ), R = C(
-      () => ({ itemId: e, dragHandleRef: d, hasHandle: m, selected: n, onSelect: s }),
-      [e, d, m, n, s]
-    );
-    return H(() => {
-      process.env.NODE_ENV !== "production" && (document.getElementById(`orderable-item-${e}-title`) || console.warn(
-        `[OrderableList] Item "${e}" is missing an <OrderableList.ItemTitle>. This is required for accessible drag-and-drop announcements`
-      ));
-    }, [e]), /* @__PURE__ */ f(N, { value: R, children: /* @__PURE__ */ f(
-      "li",
-      {
-        className: h.item,
-        "aria-roledescription": "sortable item",
-        "data-padding": u,
-        "data-disabled": r || void 0,
-        "data-dragging": b,
-        "data-dropping": I,
-        "data-selected": n || void 0,
-        "data-test-id": "fondue-orderable-list-item",
-        ref: g,
-        children: o
-      }
-    ) });
-  }
-);
-w.displayName = "OrderableListItemComponent";
+const o = "_root_18l9z_2", l = "_truncate_18l9z_138", r = "_disabled_18l9z_144", _ = {
+  root: o,
+  "size-xx-small": "_size-xx-small_18l9z_8",
+  "size-x-small": "_size-x-small_18l9z_14",
+  "size-small": "_size-small_18l9z_20",
+  "size-medium": "_size-medium_18l9z_26",
+  "size-large": "_size-large_18l9z_32",
+  "size-x-large": "_size-x-large_18l9z_38",
+  "size-xx-large": "_size-xx-large_18l9z_44",
+  "weight-regular": "_weight-regular_18l9z_50",
+  "weight-medium": "_weight-medium_18l9z_54",
+  "weight-bold": "_weight-bold_18l9z_58",
+  "wrap-wrap": "_wrap-wrap_18l9z_62",
+  "wrap-nowrap": "_wrap-nowrap_18l9z_66",
+  "underline-auto": "_underline-auto_18l9z_70",
+  "underline-always": "_underline-always_18l9z_74",
+  "underline-hover": "_underline-hover_18l9z_78",
+  "underline-none": "_underline-none_18l9z_86",
+  "color-primary": "_color-primary_18l9z_90",
+  "color-secondary": "_color-secondary_18l9z_94",
+  "color-error": "_color-error_18l9z_98",
+  "color-success": "_color-success_18l9z_102",
+  "color-warning": "_color-warning_18l9z_106",
+  "color-highlight": "_color-highlight_18l9z_110",
+  "color-on-container-secondary": "_color-on-container-secondary_18l9z_114",
+  "color-on-container-disabled": "_color-on-container-disabled_18l9z_118",
+  "color-on-container-error": "_color-on-container-error_18l9z_122",
+  "color-on-container-success": "_color-on-container-success_18l9z_126",
+  "color-on-container-warning": "_color-on-container-warning_18l9z_130",
+  "color-on-container-highlight": "_color-on-container-highlight_18l9z_134",
+  truncate: l,
+  disabled: r
+};
 export {
-  x as OrderableListItem,
-  w as OrderableListItemComponent
+  _ as default,
+  r as disabled,
+  o as root,
+  l as truncate
 };
 //# sourceMappingURL=fondue-components74.js.map

package/dist/fondue-components74.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components74.js","sources":["../src/components/OrderableList/OrderableListItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useSortable } from '@dnd-kit/react/sortable';\nimport { forwardRef, useCallback, useEffect, useRef, useState, type ReactNode, useMemo } from 'react';\n\nimport { OrderableItemContextProvider } from './hooks/useOrderedListItemContext';\nimport styles from './styles/orderable-list.module.scss';\n\nexport type OrderableListItemPadding = 'none' | 'small';\nexport type OrderableListItemProps = {\n    children?: ReactNode;\n    id: string;\n    disabled?: boolean;\n    padding?: OrderableListItemPadding;\n    selected?: boolean;\n    onSelect?: (isSelected: boolean) => void;\n};\nexport const OrderableListItem = forwardRef<HTMLLIElement, OrderableListItemProps>((_props, _ref) => null);\nOrderableListItem.displayName = 'OrderableListItem';\n\nexport const OrderableListItemComponent = forwardRef<HTMLLIElement, OrderableListItemProps & { index: number }>(\n    ({ children, id, index, disabled, padding = 'small', selected, onSelect }, ref) => {\n        const internalRef = useRef<HTMLLIElement | null>(null);\n\n        const mergedRef = (node: HTMLLIElement | null) => {\n            internalRef.current = node;\n            if (typeof ref === 'function') {\n                ref(node);\n            } else if (ref !== null) {\n                ref.current = node;\n            }\n        };\n\n        const { isDragging, isDropping, handleRef } = useSortable({ id, index, element: internalRef, disabled });\n\n        const [hasHandle, setHasHandle] = useState(false);\n        const wrappedHandleRef = useCallback(\n            (element: Element | null) => {\n                setHasHandle(element !== null);\n                if (!disabled) {\n                    handleRef(element);\n                }\n            },\n            [disabled, handleRef],\n        );\n\n        const itemContextValue = useMemo(\n            () => ({ itemId: id, dragHandleRef: wrappedHandleRef, hasHandle, selected, onSelect }),\n            [id, wrappedHandleRef, hasHandle, selected, onSelect],\n        );\n\n        useEffect(() => {\n            if (process.env.NODE_ENV !== 'production') {\n                const titleElement = document.getElementById(`orderable-item-${id}-title`);\n                if (!titleElement) {\n                    console.warn(\n                        `[OrderableList] Item \"${id}\" is missing an <OrderableList.ItemTitle>. ` +\n                            'This is required for accessible drag-and-drop announcements',\n                    );\n                }\n            }\n        }, [id]);\n\n        return (\n            <OrderableItemContextProvider value={itemContextValue}>\n                <li\n                    className={styles.item}\n                    aria-roledescription=\"sortable item\"\n                    data-padding={padding}\n                    data-disabled={disabled || undefined}\n                    data-dragging={isDragging}\n                    data-dropping={isDropping}\n                    data-selected={selected || undefined}\n                    data-test-id=\"fondue-orderable-list-item\"\n                    ref={mergedRef}\n                >\n                    {children}\n                </li>\n            </OrderableItemContextProvider>\n        );\n    },\n);\nOrderableListItemComponent.displayName = 'OrderableListItemComponent';\n"],"names":["OrderableListItem","forwardRef","_props","_ref","OrderableListItemComponent","children","id","index","disabled","padding","selected","onSelect","ref","internalRef","useRef","mergedRef","node","isDragging","isDropping","handleRef","useSortable","hasHandle","setHasHandle","useState","wrappedHandleRef","useCallback","element","itemContextValue","useMemo","useEffect","jsx","OrderableItemContextProvider","styles"],"mappings":";;;;;AAiBO,MAAMA,IAAoBC,EAAkD,CAACC,GAAQC,MAAS,IAAI;AACzGH,EAAkB,cAAc;AAEzB,MAAMI,IAA6BH;AAAA,EACtC,CAAC,EAAE,UAAAI,GAAU,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,SAAAC,IAAU,SAAS,UAAAC,GAAU,UAAAC,EAAA,GAAYC,MAAQ;AAC/E,UAAMC,IAAcC,EAA6B,IAAI,GAE/CC,IAAY,CAACC,MAA+B;AAC9C,MAAAH,EAAY,UAAUG,GAClB,OAAOJ,KAAQ,aACfA,EAAII,CAAI,IACDJ,MAAQ,SACfA,EAAI,UAAUI;AAAA,IAEtB,GAEM,EAAE,YAAAC,GAAY,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAY,EAAE,IAAAd,GAAI,OAAAC,GAAO,SAASM,GAAa,UAAAL,EAAA,CAAU,GAEjG,CAACa,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAmBC;AAAA,MACrB,CAACC,MAA4B;AACzB,QAAAJ,EAAaI,MAAY,IAAI,GACxBlB,KACDW,EAAUO,CAAO;AAAA,MAEzB;AAAA,MACA,CAAClB,GAAUW,CAAS;AAAA,IAAA,GAGlBQ,IAAmBC;AAAA,MACrB,OAAO,EAAE,QAAQtB,GAAI,eAAekB,GAAkB,WAAAH,GAAW,UAAAX,GAAU,UAAAC;MAC3E,CAACL,GAAIkB,GAAkBH,GAAWX,GAAUC,CAAQ;AAAA,IAAA;AAGxD,WAAAkB,EAAU,MAAM;AACZ,MAAI,QAAQ,IAAI,aAAa,iBACJ,SAAS,eAAe,kBAAkBvB,CAAE,QAAQ,KAErE,QAAQ;AAAA,QACJ,yBAAyBA,CAAE;AAAA,MAAA;AAAA,IAK3C,GAAG,CAACA,CAAE,CAAC,GAGH,gBAAAwB,EAACC,GAAA,EAA6B,OAAOJ,GACjC,UAAA,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWE,EAAO;AAAA,QAClB,wBAAqB;AAAA,QACrB,gBAAcvB;AAAA,QACd,iBAAeD,KAAY;AAAA,QAC3B,iBAAeS;AAAA,QACf,iBAAeC;AAAA,QACf,iBAAeR,KAAY;AAAA,QAC3B,gBAAa;AAAA,QACb,KAAKK;AAAA,QAEJ,UAAAV;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AACAD,EAA2B,cAAc;"}
+{"version":3,"file":"fondue-components74.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/fondue-components75.js

@@ -1,9 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import i from "./fondue-components83.js";
-const m = o(({ children: r }, t) => /* @__PURE__ */ e("div", { className: i.action, ref: t, children: r }));
-m.displayName = "OrderableListItemAction";
+const n = "_container_1mpjk_13", t = "_indicator_1mpjk_43", o = {
+  container: n,
+  indicator: t
+};
 export {
-  m as OrderableListItemAction
+  n as container,
+  o as default,
+  t as indicator
 };
 //# sourceMappingURL=fondue-components75.js.map

package/dist/fondue-components75.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components75.js","sources":["../src/components/OrderableList/OrderableListItemAction.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ReactNode } from 'react';\n\nimport styles from './styles/orderable-list.module.scss';\n\nexport type OrderableListItemActionProps = { children: ReactNode };\nexport const OrderableListItemAction = forwardRef<HTMLDivElement, OrderableListItemActionProps>(({ children }, ref) => {\n    return (\n        <div className={styles.action} ref={ref}>\n            {children}\n        </div>\n    );\n});\nOrderableListItemAction.displayName = 'OrderableListItemAction';\n"],"names":["OrderableListItemAction","forwardRef","children","ref","styles"],"mappings":";;;AAOO,MAAMA,IAA0BC,EAAyD,CAAC,EAAE,UAAAC,EAAA,GAAYC,wBAEtG,OAAA,EAAI,WAAWC,EAAO,QAAQ,KAAAD,GAC1B,UAAAD,GACL,CAEP;AACDF,EAAwB,cAAc;"}
+{"version":3,"file":"fondue-components75.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/fondue-components76.js

@@ -1,9 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import a from "./fondue-components83.js";
-const m = t(({ children: r }, e) => /* @__PURE__ */ o("span", { className: a.decorator, ref: e, children: r }));
-m.displayName = "OrderableListItemDecorator";
+const o = "_root_jkymp_8", t = {
+  root: o
+};
 export {
-  m as OrderableListItemDecorator
+  t as default,
+  o as root
 };
 //# sourceMappingURL=fondue-components76.js.map

package/dist/fondue-components76.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components76.js","sources":["../src/components/OrderableList/OrderableListItemDecorator.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { forwardRef, type ReactNode } from 'react';\n\nimport styles from './styles/orderable-list.module.scss';\n\nexport const OrderableListItemDecorator = forwardRef<HTMLSpanElement, { children: ReactNode }>(({ children }, ref) => {\n    return (\n        <span className={styles.decorator} ref={ref}>\n            {children}\n        </span>\n    );\n});\nOrderableListItemDecorator.displayName = 'OrderableListItemDecorator';\n"],"names":["OrderableListItemDecorator","forwardRef","children","ref","styles"],"mappings":";;;AAMO,MAAMA,IAA6BC,EAAqD,CAAC,EAAE,UAAAC,EAAA,GAAYC,wBAErG,QAAA,EAAK,WAAWC,EAAO,WAAW,KAAAD,GAC9B,UAAAD,GACL,CAEP;AACDF,EAA2B,cAAc;"}
+{"version":3,"file":"fondue-components76.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/fondue-components77.js

@@ -1,16 +1,16 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Slot as m } from "@radix-ui/react-slot";
-import { forwardRef as s } from "react";
-import { useOrderableItemContext as n } from "./fondue-components113.js";
-import p from "./fondue-components83.js";
-const a = s(
-  ({ children: e, asChild: r }, t) => {
-    const { itemId: o } = n();
-    return /* @__PURE__ */ i(r ? m : "span", { className: p.description, id: `orderable-item-${o}-description`, ref: t, children: e });
-  }
-);
-a.displayName = "OrderableListItemDescription";
+const o = "_root_1bfzg_3", t = "_icon_1bfzg_90", n = "_content_1bfzg_118", s = "_action_1bfzg_125", c = "_dismiss_1bfzg_290", _ = {
+  root: o,
+  icon: t,
+  content: n,
+  action: s,
+  dismiss: c
+};
 export {
-  a as OrderableListItemDescription
+  s as action,
+  n as content,
+  _ as default,
+  c as dismiss,
+  t as icon,
+  o as root
 };
 //# sourceMappingURL=fondue-components77.js.map

package/dist/fondue-components77.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components77.js","sources":["../src/components/OrderableList/OrderableListItemDescription.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { useOrderableItemContext } from './hooks/useOrderedListItemContext';\nimport styles from './styles/orderable-list.module.scss';\n\nexport const OrderableListItemDescription = forwardRef<HTMLSpanElement, { children: ReactNode; asChild?: boolean }>(\n    ({ children, asChild }, ref) => {\n        const { itemId } = useOrderableItemContext();\n        const Component = asChild ? Slot : 'span';\n        return (\n            <Component className={styles.description} id={`orderable-item-${itemId}-description`} ref={ref}>\n                {children}\n            </Component>\n        );\n    },\n);\nOrderableListItemDescription.displayName = 'OrderableListItemDescription';\n"],"names":["OrderableListItemDescription","forwardRef","children","asChild","ref","itemId","useOrderableItemContext","jsx","Slot","styles"],"mappings":";;;;;AAQO,MAAMA,IAA+BC;AAAA,EACxC,CAAC,EAAE,UAAAC,GAAU,SAAAC,EAAA,GAAWC,MAAQ;AAC5B,UAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,WACI,gBAAAC,EAFcJ,IAAUK,IAAO,QAE9B,EAAU,WAAWC,EAAO,aAAa,IAAI,kBAAkBJ,CAAM,gBAAgB,KAAAD,GACjF,UAAAF,EAAA,CACL;AAAA,EAER;AACJ;AACAF,EAA6B,cAAc;"}
+{"version":3,"file":"fondue-components77.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/fondue-components78.js

@@ -1,31 +1,55 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { IconGrabHandle as o } from "@frontify/fondue-icons";
-import { Slot as m } from "@radix-ui/react-slot";
-import { useOrderableItemContext as t } from "./fondue-components113.js";
-import r from "./fondue-components83.js";
-const s = () => {
-  const { itemId: e, dragHandleRef: a } = t();
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      type: "button",
-      "aria-labelledby": `orderable-handle-label-${e} orderable-item-${e}-title`,
-      className: `${r.handle} ${r.dragHandle}`,
-      ref: a,
-      children: [
-        /* @__PURE__ */ l("span", { id: `orderable-handle-label-${e}`, className: r.visuallyHidden, children: "Reorder" }),
-        /* @__PURE__ */ l(o, { size: 16 })
-      ]
-    }
-  );
-}, i = ({ children: e, asChild: a }) => {
-  const { dragHandleRef: d } = t();
-  return /* @__PURE__ */ l(a ? m : "div", { className: r.handle, ref: d, children: e });
+import { Modifier as f, configurator as _ } from "@dnd-kit/abstract";
+var y = Object.defineProperty, d = Object.defineProperties, x = Object.getOwnPropertyDescriptors, n = Object.getOwnPropertySymbols, O = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable, p = (o, r, e) => r in o ? y(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, l = (o, r) => {
+  for (var e in r || (r = {}))
+    O.call(r, e) && p(o, e, r[e]);
+  if (n)
+    for (var e of n(r))
+      P.call(r, e) && p(o, e, r[e]);
+  return o;
+}, u = (o, r) => d(o, x(r)), t = class extends f {
+  /**
+   * Applies the axis restriction to the drag operation.
+   *
+   * @param operation - The current drag operation
+   * @returns The modified transform with the axis restriction applied
+   */
+  apply({ transform: r }) {
+    if (!this.options)
+      return r;
+    const { axis: e, value: i } = this.options;
+    return u(l({}, r), {
+      [e]: i
+    });
+  }
 };
-s.displayName = "OrderableItemDragHandle";
-i.displayName = "OrderableItemCustomHandle";
+t.configure = _(t);
+var v = t;
+v.configure({
+  axis: "x",
+  value: 0
+});
+v.configure({
+  axis: "y",
+  value: 0
+});
+var c = class extends f {
+  /**
+   * Applies the snap grid to the drag operation.
+   *
+   * @param operation - The current drag operation
+   * @returns The modified transform with coordinates snapped to the grid
+   */
+  apply({ transform: r }) {
+    var e;
+    const { size: i = 20 } = (e = this.options) != null ? e : {}, a = typeof i == "number" ? i : i.x, s = typeof i == "number" ? i : i.y;
+    return u(l({}, r), {
+      x: Math.ceil(r.x / a) * a,
+      y: Math.ceil(r.y / s) * s
+    });
+  }
+};
+c.configure = _(c);
 export {
-  i as OrderableItemCustomHandle,
-  s as OrderableItemDragHandle
+  v as AxisModifier
 };
 //# sourceMappingURL=fondue-components78.js.map

package/dist/fondue-components78.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components78.js","sources":["../src/components/OrderableList/OrderableListItemDragHandle.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconGrabHandle } from '@frontify/fondue-icons';\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ReactNode } from 'react';\n\nimport { useOrderableItemContext } from './hooks/useOrderedListItemContext';\nimport styles from './styles/orderable-list.module.scss';\n\nexport const OrderableItemDragHandle = () => {\n    const { itemId, dragHandleRef } = useOrderableItemContext();\n    return (\n        <button\n            type=\"button\"\n            aria-labelledby={`orderable-handle-label-${itemId} orderable-item-${itemId}-title`}\n            className={`${styles.handle} ${styles.dragHandle}`}\n            ref={dragHandleRef}\n        >\n            <span id={`orderable-handle-label-${itemId}`} className={styles.visuallyHidden}>\n                Reorder\n            </span>\n            <IconGrabHandle size={16} />\n        </button>\n    );\n};\n\nexport const OrderableItemCustomHandle = ({ children, asChild }: { children: ReactNode; asChild?: boolean }) => {\n    const { dragHandleRef } = useOrderableItemContext();\n    const Component = asChild ? Slot : 'div';\n    return (\n        <Component className={styles.handle} ref={dragHandleRef}>\n            {children}\n        </Component>\n    );\n};\nOrderableItemDragHandle.displayName = 'OrderableItemDragHandle';\nOrderableItemCustomHandle.displayName = 'OrderableItemCustomHandle';\n"],"names":["OrderableItemDragHandle","itemId","dragHandleRef","useOrderableItemContext","jsxs","styles","jsx","IconGrabHandle","OrderableItemCustomHandle","children","asChild","Slot"],"mappings":";;;;;AASO,MAAMA,IAA0B,MAAM;AACzC,QAAM,EAAE,QAAAC,GAAQ,eAAAC,EAAA,IAAkBC,EAAA;AAClC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,mBAAiB,0BAA0BH,CAAM,mBAAmBA,CAAM;AAAA,MAC1E,WAAW,GAAGI,EAAO,MAAM,IAAIA,EAAO,UAAU;AAAA,MAChD,KAAKH;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAA,EAAK,IAAI,0BAA0BL,CAAM,IAAI,WAAWI,EAAO,gBAAgB,UAAA,UAAA,CAEhF;AAAA,QACA,gBAAAC,EAACC,GAAA,EAAe,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtC,GAEaC,IAA4B,CAAC,EAAE,UAAAC,GAAU,SAAAC,QAA0D;AAC5G,QAAM,EAAE,eAAAR,EAAA,IAAkBC,EAAA;AAE1B,2BADkBO,IAAUC,IAAO,OAE9B,EAAU,WAAWN,EAAO,QAAQ,KAAKH,GACrC,UAAAO,GACL;AAER;AACAT,EAAwB,cAAc;AACtCQ,EAA0B,cAAc;"}
+{"version":3,"file":"fondue-components78.js","sources":["../../../node_modules/.pnpm/@dnd-kit+abstract@0.3.2/node_modules/@dnd-kit/abstract/modifiers.js"],"sourcesContent":["import { configurator, Modifier } from '@dnd-kit/abstract';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n  for (var prop in b || (b = {}))\n    if (__hasOwnProp.call(b, prop))\n      __defNormalProp(a, prop, b[prop]);\n  if (__getOwnPropSymbols)\n    for (var prop of __getOwnPropSymbols(b)) {\n      if (__propIsEnum.call(b, prop))\n        __defNormalProp(a, prop, b[prop]);\n    }\n  return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar _AxisModifier = class _AxisModifier extends Modifier {\n  /**\n   * Applies the axis restriction to the drag operation.\n   *\n   * @param operation - The current drag operation\n   * @returns The modified transform with the axis restriction applied\n   */\n  apply({ transform }) {\n    if (!this.options) {\n      return transform;\n    }\n    const { axis, value } = this.options;\n    return __spreadProps(__spreadValues({}, transform), {\n      [axis]: value\n    });\n  }\n};\n/**\n * Creates a configured instance of the AxisModifier.\n *\n * @param options - The axis restriction options\n * @returns A configured AxisModifier instance\n */\n_AxisModifier.configure = configurator(_AxisModifier);\nvar AxisModifier = _AxisModifier;\nvar RestrictToVerticalAxis = AxisModifier.configure({\n  axis: \"x\",\n  value: 0\n});\nvar RestrictToHorizontalAxis = AxisModifier.configure({\n  axis: \"y\",\n  value: 0\n});\n\n// src/modifiers/boundingRectangle.ts\nfunction restrictShapeToBoundingRectangle(shape, transform, boundingRect) {\n  const value = __spreadValues({}, transform);\n  if (shape.boundingRectangle.top + transform.y <= boundingRect.top) {\n    value.y = boundingRect.top - shape.boundingRectangle.top;\n  } else if (shape.boundingRectangle.bottom + transform.y >= boundingRect.top + boundingRect.height) {\n    value.y = boundingRect.top + boundingRect.height - shape.boundingRectangle.bottom;\n  }\n  if (shape.boundingRectangle.left + transform.x <= boundingRect.left) {\n    value.x = boundingRect.left - shape.boundingRectangle.left;\n  } else if (shape.boundingRectangle.right + transform.x >= boundingRect.left + boundingRect.width) {\n    value.x = boundingRect.left + boundingRect.width - shape.boundingRectangle.right;\n  }\n  return value;\n}\nvar _SnapModifier = class _SnapModifier extends Modifier {\n  /**\n   * Applies the snap grid to the drag operation.\n   *\n   * @param operation - The current drag operation\n   * @returns The modified transform with coordinates snapped to the grid\n   */\n  apply({ transform }) {\n    var _a;\n    const { size = 20 } = (_a = this.options) != null ? _a : {};\n    const x = typeof size === \"number\" ? size : size.x;\n    const y = typeof size === \"number\" ? size : size.y;\n    return __spreadProps(__spreadValues({}, transform), {\n      x: Math.ceil(transform.x / x) * x,\n      y: Math.ceil(transform.y / y) * y\n    });\n  }\n};\n/**\n * Creates a configured instance of the SnapModifier.\n *\n * @param options - The snap grid options\n * @returns A configured SnapModifier instance\n */\n_SnapModifier.configure = configurator(_SnapModifier);\nvar SnapModifier = _SnapModifier;\n\nexport { AxisModifier, RestrictToHorizontalAxis, RestrictToVerticalAxis, SnapModifier, restrictShapeToBoundingRectangle };\n//# sourceMappingURL=modifiers.js.map\n//# sourceMappingURL=modifiers.js.map"],"names":["__defProp","__defProps","__getOwnPropDescs","__getOwnPropSymbols","__hasOwnProp","__propIsEnum","__defNormalProp","obj","key","value","__spreadValues","a","b","prop","__spreadProps","_AxisModifier","Modifier","transform","axis","configurator","AxisModifier","_SnapModifier","_a","size","x","y"],"mappings":";AAEA,IAAIA,IAAY,OAAO,gBACnBC,IAAa,OAAO,kBACpBC,IAAoB,OAAO,2BAC3BC,IAAsB,OAAO,uBAC7BC,IAAe,OAAO,UAAU,gBAChCC,IAAe,OAAO,UAAU,sBAChCC,IAAkB,CAACC,GAAKC,GAAKC,MAAUD,KAAOD,IAAMP,EAAUO,GAAKC,GAAK,EAAE,YAAY,IAAM,cAAc,IAAM,UAAU,IAAM,OAAAC,EAAK,CAAE,IAAIF,EAAIC,CAAG,IAAIC,GACtJC,IAAiB,CAACC,GAAGC,MAAM;AAC7B,WAASC,KAAQD,MAAMA,IAAI,CAAA;AACzB,IAAIR,EAAa,KAAKQ,GAAGC,CAAI,KAC3BP,EAAgBK,GAAGE,GAAMD,EAAEC,CAAI,CAAC;AACpC,MAAIV;AACF,aAASU,KAAQV,EAAoBS,CAAC;AACpC,MAAIP,EAAa,KAAKO,GAAGC,CAAI,KAC3BP,EAAgBK,GAAGE,GAAMD,EAAEC,CAAI,CAAC;AAEtC,SAAOF;AACT,GACIG,IAAgB,CAACH,GAAGC,MAAMX,EAAWU,GAAGT,EAAkBU,CAAC,CAAC,GAC5DG,IAAgB,cAA4BC,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvD,MAAM,EAAE,WAAAC,KAAa;AACnB,QAAI,CAAC,KAAK;AACR,aAAOA;AAET,UAAM,EAAE,MAAAC,GAAM,OAAAT,EAAK,IAAK,KAAK;AAC7B,WAAOK,EAAcJ,EAAe,CAAA,GAAIO,CAAS,GAAG;AAAA,MAClD,CAACC,CAAI,GAAGT;AAAA,IACd,CAAK;AAAA,EACH;AACF;AAOAM,EAAc,YAAYI,EAAaJ,CAAa;AACjD,IAACK,IAAeL;AACUK,EAAa,UAAU;AAAA,EAClD,MAAM;AAAA,EACN,OAAO;AACT,CAAC;AAC8BA,EAAa,UAAU;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AACT,CAAC;AAiBD,IAAIC,IAAgB,cAA4BL,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvD,MAAM,EAAE,WAAAC,KAAa;AACnB,QAAIK;AACJ,UAAM,EAAE,MAAAC,IAAO,GAAE,KAAMD,IAAK,KAAK,YAAY,OAAOA,IAAK,CAAA,GACnDE,IAAI,OAAOD,KAAS,WAAWA,IAAOA,EAAK,GAC3CE,IAAI,OAAOF,KAAS,WAAWA,IAAOA,EAAK;AACjD,WAAOT,EAAcJ,EAAe,CAAA,GAAIO,CAAS,GAAG;AAAA,MAClD,GAAG,KAAK,KAAKA,EAAU,IAAIO,CAAC,IAAIA;AAAA,MAChC,GAAG,KAAK,KAAKP,EAAU,IAAIQ,CAAC,IAAIA;AAAA,IACtC,CAAK;AAAA,EACH;AACF;AAOAJ,EAAc,YAAYF,EAAaE,CAAa;","x_google_ignoreList":[0]}