@frontify/fondue-components 29.2.0 → 30.0.0

package/dist/fondue-components149.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components149.js","sources":["../src/components/Select/components/StatusIcons.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCheckMark, IconExclamationMarkTriangle } from '@frontify/fondue-icons';\nimport { type ReactNode } from 'react';\n\nimport { useTranslation } from '#/hooks/useTranslation';\n\nimport styles from '../styles/select.module.scss';\n\ntype StatusIconsProps = {\n    /** The current status of the component. */\n    status: 'neutral' | 'success' | 'error';\n    /** Whether the component is in an error state (may differ from status when validation is involved). */\n    hasError: boolean;\n    /** The data-test-id prefix for the icons. */\n    dataTestId: string;\n};\n\nexport const StatusIcons = ({ status, hasError, dataTestId }: StatusIconsProps): ReactNode => {\n    const { t } = useTranslation();\n    return (\n        <>\n            {status === 'success' ? (\n                <IconCheckMark\n                    size={16}\n                    className={styles.iconSuccess}\n                    data-test-id={`${dataTestId}-success-icon`}\n                    aria-hidden=\"true\"\n                />\n            ) : null}\n            {hasError ? (\n                <>\n                    <IconExclamationMarkTriangle\n                        size={16}\n                        className={styles.iconError}\n                        data-test-id={`${dataTestId}-error-icon`}\n                        aria-hidden=\"true\"\n                    />\n                    <span className={styles.srOnly} role=\"alert\">\n                        {t('Select_error')}\n                    </span>\n                </>\n            ) : null}\n        </>\n    );\n};\n"],"names":["StatusIcons","status","hasError","dataTestId","useTranslation","jsxs","Fragment","jsx","IconCheckMark","styles","IconExclamationMarkTriangle"],"mappings":";;;;AAkBO,MAAMA,IAAc,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,YAAAC,QAA8C;AAC1F,QAAM,EAAE,EAAA,IAAMC,EAAA;AACd,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAL,MAAW,YACR,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAWC,EAAO;AAAA,QAClB,gBAAc,GAAGN,CAAU;AAAA,QAC3B,eAAY;AAAA,MAAA;AAAA,IAAA,IAEhB;AAAA,IACHD,IACG,gBAAAG,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAWD,EAAO;AAAA,UAClB,gBAAc,GAAGN,CAAU;AAAA,UAC3B,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEhB,gBAAAI,EAAC,UAAK,WAAWE,EAAO,QAAQ,MAAK,SAChC,UAAA,EAAE,cAAc,EAAA,CACrB;AAAA,IAAA,EAAA,CACJ,IACA;AAAA,EAAA,GACR;AAER;"}
+{"version":3,"file":"fondue-components149.js","sources":["../src/components/DatePicker/helpers/dateTransformer.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DateRange as InternalDayPickerDateRange } from 'react-day-picker';\n\nimport { type DisabledDatePickerDates, type DatePickerDate, type DatePickerDateRange } from '../types';\n\nexport const transformDateToDatePickerDate = (date?: Date): DatePickerDate | undefined => {\n    if (!date) {\n        return undefined;\n    }\n    return {\n        year: date.getFullYear(),\n        // Month is 0-indexed in JavaScript, so we add 1 to get the correct month\n        month: date.getMonth() + 1,\n        day: date.getDate(),\n    };\n};\n\nexport const transformDatePickerDateToDate = (datePickerDate?: DatePickerDate): Date | undefined => {\n    if (!datePickerDate) {\n        return undefined;\n    }\n    // Month is 0-indexed in JavaScript, so we subtract 1 to get the correct month\n    return new Date(datePickerDate.year, datePickerDate.month - 1, datePickerDate.day);\n};\n\nexport const transformPickerDateRangeToDateRange = (dateRange?: InternalDayPickerDateRange): DatePickerDateRange => {\n    const fromDate = transformDateToDatePickerDate(dateRange?.from);\n    const toDate = transformDateToDatePickerDate(dateRange?.to);\n    if (!fromDate || !toDate) {\n        return undefined;\n    }\n\n    return {\n        from: fromDate,\n        to: toDate,\n    };\n};\n\nexport const transformDateRangeToPickerDateRange = (\n    dateRange?: DatePickerDateRange,\n): InternalDayPickerDateRange | undefined => {\n    if (!dateRange) {\n        return undefined;\n    }\n\n    return {\n        from: transformDatePickerDateToDate(dateRange.from),\n        to: transformDatePickerDateToDate(dateRange.to),\n    };\n};\n\ntype DisabledDate = { before: Date } | { after: Date };\n\nexport const transformDisabledDates = (\n    disabledDates?: DisabledDatePickerDates | DisabledDatePickerDates[],\n): DisabledDate[] | undefined => {\n    if (!disabledDates) {\n        return undefined;\n    }\n\n    const entries = Array.isArray(disabledDates) ? disabledDates : [disabledDates];\n\n    const transformedDisabledDates = entries.flatMap((entry): DisabledDate[] => {\n        if ('before' in entry) {\n            const date = transformDatePickerDateToDate(entry.before);\n            return date ? [{ before: date }] : [];\n        }\n        const date = transformDatePickerDateToDate(entry.after);\n        return date ? [{ after: date }] : [];\n    });\n\n    return transformedDisabledDates.length > 0 ? transformedDisabledDates : undefined;\n};\n"],"names":["transformDateToDatePickerDate","date","transformDatePickerDateToDate","datePickerDate","transformPickerDateRangeToDateRange","dateRange","fromDate","toDate","transformDateRangeToPickerDateRange","transformDisabledDates","disabledDates","transformedDisabledDates","entry"],"mappings":"AAMO,MAAMA,IAAgC,CAACC,MAA4C;AACtF,MAAKA;AAGL,WAAO;AAAA,MACH,MAAMA,EAAK,YAAA;AAAA;AAAA,MAEX,OAAOA,EAAK,SAAA,IAAa;AAAA,MACzB,KAAKA,EAAK,QAAA;AAAA,IAAQ;AAE1B,GAEaC,IAAgC,CAACC,MAAsD;AAChG,MAAKA;AAIL,WAAO,IAAI,KAAKA,EAAe,MAAMA,EAAe,QAAQ,GAAGA,EAAe,GAAG;AACrF,GAEaC,IAAsC,CAACC,MAAgE;AAChH,QAAMC,IAAWN,EAA8BK,KAAA,gBAAAA,EAAW,IAAI,GACxDE,IAASP,EAA8BK,KAAA,gBAAAA,EAAW,EAAE;AAC1D,MAAI,GAACC,KAAY,CAACC;AAIlB,WAAO;AAAA,MACH,MAAMD;AAAA,MACN,IAAIC;AAAA,IAAA;AAEZ,GAEaC,IAAsC,CAC/CH,MACyC;AACzC,MAAKA;AAIL,WAAO;AAAA,MACH,MAAMH,EAA8BG,EAAU,IAAI;AAAA,MAClD,IAAIH,EAA8BG,EAAU,EAAE;AAAA,IAAA;AAEtD,GAIaI,IAAyB,CAClCC,MAC6B;AAC7B,MAAI,CAACA;AACD;AAKJ,QAAMC,KAFU,MAAM,QAAQD,CAAa,IAAIA,IAAgB,CAACA,CAAa,GAEpC,QAAQ,CAACE,MAA0B;AACxE,QAAI,YAAYA,GAAO;AACnB,YAAMX,IAAOC,EAA8BU,EAAM,MAAM;AACvD,aAAOX,IAAO,CAAC,EAAE,QAAQA,EAAAA,CAAM,IAAI,CAAA;AAAA,IACvC;AACA,UAAMA,IAAOC,EAA8BU,EAAM,KAAK;AACtD,WAAOX,IAAO,CAAC,EAAE,OAAOA,EAAA,CAAM,IAAI,CAAA;AAAA,EACtC,CAAC;AAED,SAAOU,EAAyB,SAAS,IAAIA,IAA2B;AAC5E;"}

package/dist/fondue-components150.js

@@ -1,22 +1,44 @@
-import { formatDistance as o } from "./fondue-components157.js";
-import { formatLong as t } from "./fondue-components158.js";
-import { formatRelative as a } from "./fondue-components159.js";
-import { localize as r } from "./fondue-components160.js";
-import { match as e } from "./fondue-components161.js";
-const s = {
-  code: "en-US",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
+const e = "_wrapper_1iuqu_4", t = "_root_1iuqu_8", o = "_toggleMonthButtonContainer_1iuqu_8", n = "_nextMonthButtonContainer_1iuqu_22", _ = "_weekday_1iuqu_27", u = "_weekdays_1iuqu_39", d = "_week_1iuqu_27", s = "_day_1iuqu_49", c = "_disabled_1iuqu_70", i = "_dayContent_1iuqu_73", r = "_outside_1iuqu_77", a = "_dayButton_1iuqu_90", l = "_selected_1iuqu_124", q = "_selectedMiddle_1iuqu_134", y = "_selectedStart_1iuqu_147", h = "_selectedEnd_1iuqu_147", w = "_hoverAfter_1iuqu_180", B = "_hoverSelected_1iuqu_193", k = "_hoverBefore_1iuqu_254", v = {
+  wrapper: e,
+  root: t,
+  toggleMonthButtonContainer: o,
+  nextMonthButtonContainer: n,
+  weekday: _,
+  weekdays: u,
+  week: d,
+  day: s,
+  disabled: c,
+  dayContent: i,
+  outside: r,
+  dayButton: a,
+  selected: l,
+  selectedMiddle: q,
+  selectedStart: y,
+  selectedEnd: h,
+  hoverAfter: w,
+  hoverSelected: B,
+  hoverBefore: k
 };
 export {
-  s as default,
-  s as enUS
+  s as day,
+  a as dayButton,
+  i as dayContent,
+  v as default,
+  c as disabled,
+  w as hoverAfter,
+  k as hoverBefore,
+  B as hoverSelected,
+  n as nextMonthButtonContainer,
+  r as outside,
+  t as root,
+  l as selected,
+  h as selectedEnd,
+  q as selectedMiddle,
+  y as selectedStart,
+  o as toggleMonthButtonContainer,
+  d as week,
+  _ as weekday,
+  u as weekdays,
+  e as wrapper
 };
 //# sourceMappingURL=fondue-components150.js.map

package/dist/fondue-components150.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components150.js","sources":["../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/en-US.mjs"],"sourcesContent":["import { formatDistance } from \"./en-US/_lib/formatDistance.mjs\";\nimport { formatLong } from \"./en-US/_lib/formatLong.mjs\";\nimport { formatRelative } from \"./en-US/_lib/formatRelative.mjs\";\nimport { localize } from \"./en-US/_lib/localize.mjs\";\nimport { match } from \"./en-US/_lib/match.mjs\";\n\n/**\n * @category Locales\n * @summary English locale (United States).\n * @language English\n * @iso-639-2 eng\n * @author Sasha Koss [@kossnocorp](https://github.com/kossnocorp)\n * @author Lesha Koss [@leshakoss](https://github.com/leshakoss)\n */\nexport const enUS = {\n  code: \"en-US\",\n  formatDistance: formatDistance,\n  formatLong: formatLong,\n  formatRelative: formatRelative,\n  localize: localize,\n  match: match,\n  options: {\n    weekStartsOn: 0 /* Sunday */,\n    firstWeekContainsDate: 1,\n  },\n};\n\n// Fallback for modularized imports:\nexport default enUS;\n"],"names":["enUS","formatDistance","formatLong","formatRelative","localize","match"],"mappings":";;;;;AAcY,MAACA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,gBAAgBC;AAAA,EAChB,YAAYC;AAAA,EACZ,gBAAgBC;AAAA,EAChB,UAAUC;AAAA,EACV,OAAOC;AAAA,EACP,SAAS;AAAA,IACP,cAAc;AAAA,IACd,uBAAuB;AAAA,EAC3B;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"fondue-components150.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/fondue-components151.js

@@ -1,73 +1,24 @@
-import { CollisionPriority as a, CollisionType as u } from "@dnd-kit/abstract";
-import { Rectangle as p, Point as s } from "./fondue-components154.js";
-var m = ({
-  dragOperation: t,
-  droppable: n
-}) => {
-  const e = t.position.current;
-  if (!e)
-    return null;
-  const { id: r } = n;
-  if (!n.shape)
-    return null;
-  if (n.shape.containsPoint(e)) {
-    const i = s.distance(n.shape.center, e);
-    return {
-      id: r,
-      value: 1 / i,
-      type: u.PointerIntersection,
-      priority: a.High
-    };
-  }
-  return null;
-}, y = ({
-  dragOperation: t,
-  droppable: n
-}) => {
-  const { shape: e } = t;
-  if (!n.shape || !(e != null && e.current))
-    return null;
-  const r = e.current.intersectionArea(n.shape);
-  if (r) {
-    const { position: i } = t, o = s.distance(n.shape.center, i.current), c = r / (e.current.area + n.shape.area - r) / o;
-    return {
-      id: n.id,
-      value: c,
-      type: u.ShapeIntersection,
-      priority: a.Normal
-    };
-  }
-  return null;
-}, R = (t) => {
-  var n;
-  return (n = m(t)) != null ? n : y(t);
-}, I = (t) => {
-  const { dragOperation: n, droppable: e } = t, { shape: r, position: i } = n;
-  if (!e.shape)
-    return null;
-  const o = r ? p.from(r.current.boundingRectangle).corners : void 0, c = p.from(
-    e.shape.boundingRectangle
-  ).corners.reduce(
-    (d, v, f) => {
-      var l;
-      return d + s.distance(
-        s.from(v),
-        (l = o == null ? void 0 : o[f]) != null ? l : i.current
-      );
-    },
-    0
-  ) / 4;
-  return {
-    id: e.id,
-    value: 1 / c,
-    type: u.Collision,
-    priority: a.Normal
-  };
+import { jsx as e } from "react/jsx-runtime";
+import { IconCross as s } from "@frontify/fondue-icons";
+import { Button as t } from "./fondue-components6.js";
+import { useTranslation as a } from "./fondue-components43.js";
+import l from "./fondue-components122.js";
+const f = ({ onClear: r }) => {
+  const { t: o } = a();
+  return /* @__PURE__ */ e(
+    t,
+    {
+      "aria-label": o("Select_clear"),
+      type: "button",
+      size: "small",
+      emphasis: "weak",
+      aspect: "square",
+      onPress: r,
+      children: /* @__PURE__ */ e(s, { className: l.clearIcon, size: 16 })
+    }
+  );
 };
 export {
-  I as closestCorners,
-  R as defaultCollisionDetection,
-  m as pointerIntersection,
-  y as shapeIntersection
+  f as SelectClear
 };
 //# sourceMappingURL=fondue-components151.js.map

package/dist/fondue-components151.js.map

@@ -1 +1 @@
-{"version":3,"file":"fondue-components151.js","sources":["../../../node_modules/.pnpm/@dnd-kit+collision@0.3.2/node_modules/@dnd-kit/collision/dist/index.js"],"sourcesContent":["// src/algorithms/pointerIntersection.ts\nimport { CollisionPriority, CollisionType } from \"@dnd-kit/abstract\";\nimport { Point } from \"@dnd-kit/geometry\";\nvar pointerIntersection = ({\n  dragOperation,\n  droppable\n}) => {\n  const pointerCoordinates = dragOperation.position.current;\n  if (!pointerCoordinates) {\n    return null;\n  }\n  const { id } = droppable;\n  if (!droppable.shape) {\n    return null;\n  }\n  if (droppable.shape.containsPoint(pointerCoordinates)) {\n    const distance = Point.distance(droppable.shape.center, pointerCoordinates);\n    return {\n      id,\n      value: 1 / distance,\n      type: CollisionType.PointerIntersection,\n      priority: CollisionPriority.High\n    };\n  }\n  return null;\n};\n\n// src/algorithms/shapeIntersection.ts\nimport { CollisionPriority as CollisionPriority2, CollisionType as CollisionType2 } from \"@dnd-kit/abstract\";\nimport { Point as Point2 } from \"@dnd-kit/geometry\";\nvar shapeIntersection = ({\n  dragOperation,\n  droppable\n}) => {\n  const { shape } = dragOperation;\n  if (!droppable.shape || !(shape == null ? void 0 : shape.current)) {\n    return null;\n  }\n  const intersectionArea = shape.current.intersectionArea(droppable.shape);\n  if (intersectionArea) {\n    const { position } = dragOperation;\n    const distance = Point2.distance(droppable.shape.center, position.current);\n    const intersectionRatio = intersectionArea / (shape.current.area + droppable.shape.area - intersectionArea);\n    const value = intersectionRatio / distance;\n    return {\n      id: droppable.id,\n      value,\n      type: CollisionType2.ShapeIntersection,\n      priority: CollisionPriority2.Normal\n    };\n  }\n  return null;\n};\n\n// src/algorithms/default.ts\nvar defaultCollisionDetection = (args) => {\n  var _a;\n  return (_a = pointerIntersection(args)) != null ? _a : shapeIntersection(args);\n};\n\n// src/algorithms/closestCorners.ts\nimport { CollisionPriority as CollisionPriority3, CollisionType as CollisionType3 } from \"@dnd-kit/abstract\";\nimport { Point as Point3, Rectangle } from \"@dnd-kit/geometry\";\nvar closestCorners = (input) => {\n  const { dragOperation, droppable } = input;\n  const { shape, position } = dragOperation;\n  if (!droppable.shape) {\n    return null;\n  }\n  const shapeCorners = shape ? Rectangle.from(shape.current.boundingRectangle).corners : void 0;\n  const distance = Rectangle.from(\n    droppable.shape.boundingRectangle\n  ).corners.reduce(\n    (acc, corner, index) => {\n      var _a;\n      return acc + Point3.distance(\n        Point3.from(corner),\n        (_a = shapeCorners == null ? void 0 : shapeCorners[index]) != null ? _a : position.current\n      );\n    },\n    0\n  );\n  const value = distance / 4;\n  return {\n    id: droppable.id,\n    value: 1 / value,\n    type: CollisionType3.Collision,\n    priority: CollisionPriority3.Normal\n  };\n};\n\n// src/algorithms/closestCenter.ts\nimport { CollisionPriority as CollisionPriority4, CollisionType as CollisionType4 } from \"@dnd-kit/abstract\";\nimport { Point as Point4 } from \"@dnd-kit/geometry\";\nvar closestCenter = (input) => {\n  var _a;\n  const { dragOperation, droppable } = input;\n  const { shape, position } = dragOperation;\n  if (!droppable.shape) {\n    return null;\n  }\n  const collision = defaultCollisionDetection(input);\n  if (collision) {\n    return collision;\n  }\n  const distance = Point4.distance(\n    droppable.shape.center,\n    (_a = shape == null ? void 0 : shape.current.center) != null ? _a : position.current\n  );\n  const value = 1 / distance;\n  return {\n    id: droppable.id,\n    value,\n    type: CollisionType4.Collision,\n    priority: CollisionPriority4.Normal\n  };\n};\n\n// src/algorithms/directionBiased.ts\nimport { CollisionPriority as CollisionPriority5, CollisionType as CollisionType5 } from \"@dnd-kit/abstract\";\nimport { Point as Point5 } from \"@dnd-kit/geometry\";\nvar directionBiased = ({\n  dragOperation,\n  droppable\n}) => {\n  if (!droppable.shape) {\n    return null;\n  }\n  const { position, shape } = dragOperation;\n  const { direction } = position;\n  if (!shape) {\n    return null;\n  }\n  if (direction === null) {\n    return defaultCollisionDetection({ dragOperation, droppable });\n  }\n  const { center } = shape.current;\n  const rect = droppable.shape.boundingRectangle;\n  const isBelow = rect.bottom >= center.y;\n  const isAbove = rect.top <= center.y;\n  const isLeft = rect.left <= center.x;\n  const isRight = rect.right >= center.x;\n  if (direction === \"down\" && isBelow || direction === \"up\" && isAbove || direction === \"left\" && isLeft || direction === \"right\" && isRight) {\n    const distance = Point5.distance(droppable.shape.center, center);\n    const value = distance === 0 ? 1 : 1 / distance;\n    return {\n      id: droppable.id,\n      value,\n      type: CollisionType5.Collision,\n      priority: CollisionPriority5.Normal\n    };\n  }\n  return null;\n};\n\n// src/algorithms/pointerDistance.ts\nimport { CollisionPriority as CollisionPriority6, CollisionType as CollisionType6 } from \"@dnd-kit/abstract\";\nimport { Point as Point6 } from \"@dnd-kit/geometry\";\nvar pointerDistance = (input) => {\n  const { dragOperation, droppable } = input;\n  const { position } = dragOperation;\n  if (!droppable.shape) {\n    return null;\n  }\n  const distance = Point6.distance(droppable.shape.center, position.current);\n  const value = 1 / distance;\n  return {\n    id: droppable.id,\n    value,\n    type: CollisionType6.Collision,\n    priority: CollisionPriority6.Normal\n  };\n};\nexport {\n  closestCenter,\n  closestCorners,\n  defaultCollisionDetection,\n  directionBiased,\n  pointerDistance,\n  pointerIntersection,\n  shapeIntersection\n};\n"],"names":["pointerIntersection","dragOperation","droppable","pointerCoordinates","id","distance","Point","CollisionType","CollisionPriority","shapeIntersection","shape","intersectionArea","position","Point2","value","CollisionType2","CollisionPriority2","defaultCollisionDetection","args","_a","closestCorners","input","shapeCorners","Rectangle","acc","corner","index","Point3","CollisionType3","CollisionPriority3"],"mappings":";;AAGG,IAACA,IAAsB,CAAC;AAAA,EACzB,eAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAqBF,EAAc,SAAS;AAClD,MAAI,CAACE;AACH,WAAO;AAET,QAAM,EAAE,IAAAC,EAAE,IAAKF;AACf,MAAI,CAACA,EAAU;AACb,WAAO;AAET,MAAIA,EAAU,MAAM,cAAcC,CAAkB,GAAG;AACrD,UAAME,IAAWC,EAAM,SAASJ,EAAU,MAAM,QAAQC,CAAkB;AAC1E,WAAO;AAAA,MACL,IAAAC;AAAA,MACA,OAAO,IAAIC;AAAA,MACX,MAAME,EAAc;AAAA,MACpB,UAAUC,EAAkB;AAAA,IAClC;AAAA,EACE;AACA,SAAO;AACT,GAKIC,IAAoB,CAAC;AAAA,EACvB,eAAAR;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,EAAE,OAAAQ,EAAK,IAAKT;AAClB,MAAI,CAACC,EAAU,SAAS,EAAEQ,KAAS,QAAgBA,EAAM;AACvD,WAAO;AAET,QAAMC,IAAmBD,EAAM,QAAQ,iBAAiBR,EAAU,KAAK;AACvE,MAAIS,GAAkB;AACpB,UAAM,EAAE,UAAAC,EAAQ,IAAKX,GACfI,IAAWQ,EAAO,SAASX,EAAU,MAAM,QAAQU,EAAS,OAAO,GAEnEE,IADoBH,KAAoBD,EAAM,QAAQ,OAAOR,EAAU,MAAM,OAAOS,KACxDN;AAClC,WAAO;AAAA,MACL,IAAIH,EAAU;AAAA,MACd,OAAAY;AAAA,MACA,MAAMC,EAAe;AAAA,MACrB,UAAUC,EAAmB;AAAA,IACnC;AAAA,EACE;AACA,SAAO;AACT,GAGIC,IAA4B,CAACC,MAAS;AACxC,MAAIC;AACJ,UAAQA,IAAKnB,EAAoBkB,CAAI,MAAM,OAAOC,IAAKV,EAAkBS,CAAI;AAC/E,GAKIE,IAAiB,CAACC,MAAU;AAC9B,QAAM,EAAE,eAAApB,GAAe,WAAAC,EAAS,IAAKmB,GAC/B,EAAE,OAAAX,GAAO,UAAAE,EAAQ,IAAKX;AAC5B,MAAI,CAACC,EAAU;AACb,WAAO;AAET,QAAMoB,IAAeZ,IAAQa,EAAU,KAAKb,EAAM,QAAQ,iBAAiB,EAAE,UAAU,QAajFI,IAZWS,EAAU;AAAA,IACzBrB,EAAU,MAAM;AAAA,EACpB,EAAI,QAAQ;AAAA,IACR,CAACsB,GAAKC,GAAQC,MAAU;AACtB,UAAIP;AACJ,aAAOK,IAAMG,EAAO;AAAA,QAClBA,EAAO,KAAKF,CAAM;AAAA,SACjBN,IAAKG,KAAgB,OAAO,SAASA,EAAaI,CAAK,MAAM,OAAOP,IAAKP,EAAS;AAAA,MAC3F;AAAA,IACI;AAAA,IACA;AAAA,EACJ,IAC2B;AACzB,SAAO;AAAA,IACL,IAAIV,EAAU;AAAA,IACd,OAAO,IAAIY;AAAA,IACX,MAAMc,EAAe;AAAA,IACrB,UAAUC,EAAmB;AAAA,EACjC;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"fondue-components151.js","sources":["../src/components/Select/components/SelectClear.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCross } from '@frontify/fondue-icons';\n\nimport { Button } from '#/components/Button/Button';\nimport { useTranslation } from '#/hooks/useTranslation';\n\nimport styles from '../styles/select.module.scss';\n\nexport const SelectClear = ({ onClear }: { onClear?: () => void }) => {\n    const { t } = useTranslation();\n\n    return (\n        <Button\n            aria-label={t('Select_clear')}\n            type=\"button\"\n            size=\"small\"\n            emphasis=\"weak\"\n            aspect=\"square\"\n            onPress={onClear}\n        >\n            <IconCross className={styles.clearIcon} size={16} />\n        </Button>\n    );\n};\n"],"names":["SelectClear","onClear","t","useTranslation","jsx","Button","IconCross","styles"],"mappings":";;;;;AASO,MAAMA,IAAc,CAAC,EAAE,SAAAC,QAAwC;AAClE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAYH,EAAE,cAAc;AAAA,MAC5B,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAS;AAAA,MACT,QAAO;AAAA,MACP,SAASD;AAAA,MAET,4BAACK,GAAA,EAAU,WAAWC,EAAO,WAAW,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAG9D;"}