@clubmed/trident-ui 1.2.0 → 1.3.0-beta.10

package/helpers/colors/colors.d.ts

@@ -0,0 +1,108 @@
+import type { Theme } from '../../types/Theme';
+export declare enum Colors {
+    black = "black",
+    darkGrey = "darkGrey",
+    green = "green",
+    lavender = "lavender",
+    lightGrey = "lightGrey",
+    lightSand = "lightSand",
+    marygold = "marygold",
+    orange = "orange",
+    red = "red",
+    saffron = "saffron",
+    sand = "sand",
+    sienna = "sienna",
+    ultramarine = "ultramarine",
+    verdigris = "verdigris",
+    wave = "wave",
+    white = "white",
+    current = "current"
+}
+declare const BORDER_COLORS: {
+    readonly black: "border-black";
+    readonly darkGrey: "border-darkGrey";
+    readonly green: "border-green";
+    readonly lavender: "border-lavender";
+    readonly lightGrey: "border-lightGrey";
+    readonly lightSand: "border-lightSand";
+    readonly marygold: "border-marygold";
+    readonly orange: "border-orange";
+    readonly red: "border-red";
+    readonly saffron: "border-saffron";
+    readonly sand: "border-sand";
+    readonly sienna: "border-sienna";
+    readonly ultramarine: "border-ultramarine";
+    readonly verdigris: "border-verdigris";
+    readonly wave: "border-wave";
+    readonly white: "border-white";
+    readonly current: "border-current";
+};
+export type BorderColor = keyof typeof BORDER_COLORS;
+declare const BG_COLORS: {
+    readonly black: "bg-black";
+    readonly darkGrey: "bg-darkGrey";
+    readonly green: "bg-green";
+    readonly lavender: "bg-lavender";
+    readonly lightGrey: "bg-lightGrey";
+    readonly lightSand: "bg-lightSand";
+    readonly marygold: "bg-marygold";
+    readonly orange: "bg-orange";
+    readonly red: "bg-red";
+    readonly saffron: "bg-saffron";
+    readonly sand: "bg-sand";
+    readonly sienna: "bg-sienna";
+    readonly ultramarine: "bg-ultramarine";
+    readonly verdigris: "bg-verdigris";
+    readonly wave: "bg-wave";
+    readonly white: "bg-white";
+    readonly current: "bg-current";
+};
+export type BgColor = keyof typeof BG_COLORS;
+declare const TEXT_COLORS: {
+    readonly black: "text-black";
+    readonly green: "text-green";
+    readonly lavender: "text-lavender";
+    readonly lightSand: "text-lightSand";
+    readonly marygold: "text-marygold";
+    readonly orange: "text-orange";
+    readonly red: "text-red";
+    readonly saffron: "text-saffron";
+    readonly sand: "text-sand";
+    readonly sienna: "text-sienna";
+    readonly ultramarine: "text-ultramarine";
+    readonly verdigris: "text-verdigris";
+    readonly wave: "text-wave";
+    readonly white: "text-white";
+    readonly darkGrey: "text-darkGrey";
+    readonly lightGrey: "text-lightGrey";
+    readonly current: "text-current";
+};
+export type TextColor = keyof typeof TEXT_COLORS;
+declare const TO_COLORS: {
+    readonly black: "to-black";
+    readonly green: "to-green";
+    readonly lavender: "to-lavender";
+    readonly lightSand: "to-lightSand";
+    readonly marygold: "to-marygold";
+    readonly orange: "to-orange";
+    readonly red: "to-red";
+    readonly saffron: "to-saffron";
+    readonly sand: "to-sand";
+    readonly sienna: "to-sienna";
+    readonly ultramarine: "to-ultramarine";
+    readonly verdigris: "to-verdigris";
+    readonly wave: "to-wave";
+    readonly white: "to-white";
+    readonly darkGrey: "to-darkGrey";
+    readonly lightGrey: "to-lightGrey";
+    readonly current: "to-current";
+};
+export type ToColor = keyof typeof TO_COLORS;
+export declare const getBorderColor: (color: string) => `border-${string}`;
+export declare const getBgColor: (color: string) => `bg-${string}`;
+export declare const getTextColor: (color: string) => `text-${string}`;
+export declare const getGradientToColor: (color: string) => `to-${string}`;
+export declare const getComplementaryTextColor: (color: string) => `text-${string}`;
+export declare const getComplementaryColor: (color: string) => Colors;
+export declare const getThemeColor: (theme: Theme) => Colors;
+export {};

package/helpers/colors/colors.js

@@ -0,0 +1,132 @@
+var g = /* @__PURE__ */ ((e) => (e.black = "black", e.darkGrey = "darkGrey", e.green = "green", e.lavender = "lavender", e.lightGrey = "lightGrey", e.lightSand = "lightSand", e.marygold = "marygold", e.orange = "orange", e.red = "red", e.saffron = "saffron", e.sand = "sand", e.sienna = "sienna", e.ultramarine = "ultramarine", e.verdigris = "verdigris", e.wave = "wave", e.white = "white", e.current = "current", e))(g || {});
+const t = {
+  black: "border-black",
+  darkGrey: "border-darkGrey",
+  green: "border-green",
+  lavender: "border-lavender",
+  lightGrey: "border-lightGrey",
+  lightSand: "border-lightSand",
+  marygold: "border-marygold",
+  orange: "border-orange",
+  red: "border-red",
+  saffron: "border-saffron",
+  sand: "border-sand",
+  sienna: "border-sienna",
+  ultramarine: "border-ultramarine",
+  verdigris: "border-verdigris",
+  wave: "border-wave",
+  white: "border-white",
+  current: "border-current"
+}, a = {
+  black: "bg-black",
+  darkGrey: "bg-darkGrey",
+  green: "bg-green",
+  lavender: "bg-lavender",
+  lightGrey: "bg-lightGrey",
+  lightSand: "bg-lightSand",
+  marygold: "bg-marygold",
+  orange: "bg-orange",
+  red: "bg-red",
+  saffron: "bg-saffron",
+  sand: "bg-sand",
+  sienna: "bg-sienna",
+  ultramarine: "bg-ultramarine",
+  verdigris: "bg-verdigris",
+  wave: "bg-wave",
+  white: "bg-white",
+  current: "bg-current"
+}, n = {
+  black: "text-black",
+  green: "text-green",
+  lavender: "text-lavender",
+  lightSand: "text-lightSand",
+  marygold: "text-marygold",
+  orange: "text-orange",
+  red: "text-red",
+  saffron: "text-saffron",
+  sand: "text-sand",
+  sienna: "text-sienna",
+  ultramarine: "text-ultramarine",
+  verdigris: "text-verdigris",
+  wave: "text-wave",
+  white: "text-white",
+  darkGrey: "text-darkGrey",
+  lightGrey: "text-lightGrey",
+  current: "text-current"
+}, i = {
+  black: "to-black",
+  green: "to-green",
+  lavender: "to-lavender",
+  lightSand: "to-lightSand",
+  marygold: "to-marygold",
+  orange: "to-orange",
+  red: "to-red",
+  saffron: "to-saffron",
+  sand: "to-sand",
+  sienna: "to-sienna",
+  ultramarine: "to-ultramarine",
+  verdigris: "to-verdigris",
+  wave: "to-wave",
+  white: "to-white",
+  darkGrey: "to-darkGrey",
+  lightGrey: "to-lightGrey",
+  current: "to-current"
+}, l = {
+  lightSand: "black",
+  marygold: "black",
+  saffron: "black",
+  sand: "black",
+  verdigris: "black",
+  white: "black",
+  black: "white",
+  green: "white",
+  lavender: "white",
+  orange: "white",
+  red: "white",
+  sienna: "white",
+  ultramarine: "white",
+  wave: "white",
+  darkGrey: "white",
+  lightGrey: "black",
+  current: "white"
+  /* white */
+}, o = {
+  dark: "ultramarine",
+  exclusiveCollection: "ultramarine",
+  coreRange: "lightSand",
+  light: "lightSand",
+  happyToCare: "verdigris",
+  joyview: "wave",
+  urbanOasis: "marygold",
+  yellow: "saffron"
+  /* saffron */
+}, b = {
+  lightSand: "text-black",
+  marygold: "text-black",
+  saffron: "text-black",
+  sand: "text-black",
+  verdigris: "text-black",
+  white: "text-black",
+  black: "text-white",
+  green: "text-white",
+  lavender: "text-white",
+  orange: "text-white",
+  red: "text-white",
+  sienna: "text-white",
+  ultramarine: "text-white",
+  wave: "text-white",
+  darkGrey: "text-white",
+  lightGrey: "text-black",
+  current: "text-current"
+}, r = (e, d) => e in d, h = (e) => r(e, t) ? t[e] : `border-${e}`, s = (e) => r(e, a) ? a[e] : `bg-${e}`, c = (e) => r(e, n) ? n[e] : `text-${e}`, w = (e) => r(e, i) ? i[e] : `to-${e}`, u = (e) => b[e] || "text-white", y = (e) => l[e] || "white", v = (e) => o[e] || e;
+export {
+  g as Colors,
+  s as getBgColor,
+  h as getBorderColor,
+  y as getComplementaryColor,
+  u as getComplementaryTextColor,
+  w as getGradientToColor,
+  c as getTextColor,
+  v as getThemeColor
+};
+//# sourceMappingURL=colors.js.map

package/helpers/colors/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../../lib/helpers/colors/colors.ts"],"sourcesContent":["import type { Theme } from '@/types/Theme';\n\nexport enum Colors {\n  black = 'black',\n  darkGrey = 'darkGrey',\n  green = 'green',\n  lavender = 'lavender',\n  lightGrey = 'lightGrey',\n  lightSand = 'lightSand',\n  marygold = 'marygold',\n  orange = 'orange',\n  red = 'red',\n  saffron = 'saffron',\n  sand = 'sand',\n  sienna = 'sienna',\n  ultramarine = 'ultramarine',\n  verdigris = 'verdigris',\n  wave = 'wave',\n  white = 'white',\n  current = 'current',\n}\n\nconst BORDER_COLORS = {\n  [Colors.black]: 'border-black',\n  [Colors.darkGrey]: 'border-darkGrey',\n  [Colors.green]: 'border-green',\n  [Colors.lavender]: 'border-lavender',\n  [Colors.lightGrey]: 'border-lightGrey',\n  [Colors.lightSand]: 'border-lightSand',\n  [Colors.marygold]: 'border-marygold',\n  [Colors.orange]: 'border-orange',\n  [Colors.red]: 'border-red',\n  [Colors.saffron]: 'border-saffron',\n  [Colors.sand]: 'border-sand',\n  [Colors.sienna]: 'border-sienna',\n  [Colors.ultramarine]: 'border-ultramarine',\n  [Colors.verdigris]: 'border-verdigris',\n  [Colors.wave]: 'border-wave',\n  [Colors.white]: 'border-white',\n  [Colors.current]: 'border-current',\n} as const satisfies Record<string, `border-${string}`>;\n\nexport type BorderColor = keyof typeof BORDER_COLORS;\n\nconst BG_COLORS = {\n  [Colors.black]: 'bg-black',\n  [Colors.darkGrey]: 'bg-darkGrey',\n  [Colors.green]: 'bg-green',\n  [Colors.lavender]: 'bg-lavender',\n  [Colors.lightGrey]: 'bg-lightGrey',\n  [Colors.lightSand]: 'bg-lightSand',\n  [Colors.marygold]: 'bg-marygold',\n  [Colors.orange]: 'bg-orange',\n  [Colors.red]: 'bg-red',\n  [Colors.saffron]: 'bg-saffron',\n  [Colors.sand]: 'bg-sand',\n  [Colors.sienna]: 'bg-sienna',\n  [Colors.ultramarine]: 'bg-ultramarine',\n  [Colors.verdigris]: 'bg-verdigris',\n  [Colors.wave]: 'bg-wave',\n  [Colors.white]: 'bg-white',\n  [Colors.current]: 'bg-current',\n} as const satisfies Record<Colors, `bg-${string}`>;\n\nexport type BgColor = keyof typeof BG_COLORS;\n\nconst TEXT_COLORS = {\n  [Colors.black]: 'text-black',\n  [Colors.green]: 'text-green',\n  [Colors.lavender]: 'text-lavender',\n  [Colors.lightSand]: 'text-lightSand',\n  [Colors.marygold]: 'text-marygold',\n  [Colors.orange]: 'text-orange',\n  [Colors.red]: 'text-red',\n  [Colors.saffron]: 'text-saffron',\n  [Colors.sand]: 'text-sand',\n  [Colors.sienna]: 'text-sienna',\n  [Colors.ultramarine]: 'text-ultramarine',\n  [Colors.verdigris]: 'text-verdigris',\n  [Colors.wave]: 'text-wave',\n  [Colors.white]: 'text-white',\n  [Colors.darkGrey]: 'text-darkGrey',\n  [Colors.lightGrey]: 'text-lightGrey',\n  [Colors.current]: 'text-current',\n} as const satisfies Record<Colors, `text-${string}`>;\n\nexport type TextColor = keyof typeof TEXT_COLORS;\n\nconst TO_COLORS = {\n  [Colors.black]: `to-black`,\n  [Colors.green]: `to-green`,\n  [Colors.lavender]: `to-lavender`,\n  [Colors.lightSand]: `to-lightSand`,\n  [Colors.marygold]: `to-marygold`,\n  [Colors.orange]: `to-orange`,\n  [Colors.red]: `to-red`,\n  [Colors.saffron]: `to-saffron`,\n  [Colors.sand]: `to-sand`,\n  [Colors.sienna]: `to-sienna`,\n  [Colors.ultramarine]: `to-ultramarine`,\n  [Colors.verdigris]: `to-verdigris`,\n  [Colors.wave]: `to-wave`,\n  [Colors.white]: `to-white`,\n  [Colors.darkGrey]: `to-darkGrey`,\n  [Colors.lightGrey]: `to-lightGrey`,\n  [Colors.current]: `to-current`,\n} as const satisfies Record<keyof typeof Colors, `to-${string}`>;\n\nexport type ToColor = keyof typeof TO_COLORS;\n\nconst COMPLEMENTARY_COLORS = {\n  [Colors.lightSand]: Colors.black,\n  [Colors.marygold]: Colors.black,\n  [Colors.saffron]: Colors.black,\n  [Colors.sand]: Colors.black,\n  [Colors.verdigris]: Colors.black,\n  [Colors.white]: Colors.black,\n  [Colors.black]: Colors.white,\n  [Colors.green]: Colors.white,\n  [Colors.lavender]: Colors.white,\n  [Colors.orange]: Colors.white,\n  [Colors.red]: Colors.white,\n  [Colors.sienna]: Colors.white,\n  [Colors.ultramarine]: Colors.white,\n  [Colors.wave]: Colors.white,\n  [Colors.darkGrey]: Colors.white,\n  [Colors.lightGrey]: Colors.black,\n  [Colors.current]: Colors.white,\n} as const satisfies Record<keyof typeof Colors, Colors.white | Colors.black>;\n\nconst THEME_TO_COLOR: Record<string, Colors> = {\n  dark: Colors.ultramarine,\n  exclusiveCollection: Colors.ultramarine,\n  coreRange: Colors.lightSand,\n  light: Colors.lightSand,\n  happyToCare: Colors.verdigris,\n  joyview: Colors.wave,\n  urbanOasis: Colors.marygold,\n  yellow: Colors.saffron,\n};\n\nconst COMPLEMENTARY_TEXT_COLOR_CONFIG = {\n  [Colors.lightSand]: 'text-black',\n  [Colors.marygold]: 'text-black',\n  [Colors.saffron]: 'text-black',\n  [Colors.sand]: 'text-black',\n  [Colors.verdigris]: 'text-black',\n  [Colors.white]: 'text-black',\n  [Colors.black]: 'text-white',\n  [Colors.green]: 'text-white',\n  [Colors.lavender]: 'text-white',\n  [Colors.orange]: 'text-white',\n  [Colors.red]: 'text-white',\n  [Colors.sienna]: 'text-white',\n  [Colors.ultramarine]: 'text-white',\n  [Colors.wave]: 'text-white',\n  [Colors.darkGrey]: 'text-white',\n  [Colors.lightGrey]: 'text-black',\n  [Colors.current]: 'text-current',\n} as const satisfies Record<keyof typeof Colors, `text-${string}`>;\n\nconst colorGuard = <T extends Record<string, string>, K extends keyof T>(\n  color: string | K,\n  obj: T,\n): color is K => {\n  return color in obj;\n};\n\nexport const getBorderColor = (color: string): `border-${string}` => {\n  if (colorGuard(color, BORDER_COLORS)) {\n    return BORDER_COLORS[color];\n  }\n\n  return `border-${color}`;\n};\n\nexport const getBgColor = (color: string): `bg-${string}` => {\n  if (colorGuard(color, BG_COLORS)) {\n    return BG_COLORS[color];\n  }\n\n  return `bg-${color}`;\n};\n\nexport const getTextColor = (color: string): `text-${string}` => {\n  if (colorGuard(color, TEXT_COLORS)) {\n    return TEXT_COLORS[color];\n  }\n\n  return `text-${color}`;\n};\n\nexport const getGradientToColor = (color: string): `to-${string}` => {\n  if (colorGuard(color, TO_COLORS)) {\n    return TO_COLORS[color];\n  }\n\n  return `to-${color}`;\n};\n\nexport const getComplementaryTextColor = (color: string): `text-${string}` => {\n  return COMPLEMENTARY_TEXT_COLOR_CONFIG[color as Colors] || 'text-white';\n};\n\nexport const getComplementaryColor = (color: string): Colors => {\n  return COMPLEMENTARY_COLORS[color as Colors] || 'white';\n};\n\nexport const getThemeColor = (theme: Theme): Colors => {\n  return THEME_TO_COLOR[theme] || theme;\n};\n"],"names":["Colors","BORDER_COLORS","BG_COLORS","TEXT_COLORS","TO_COLORS","COMPLEMENTARY_COLORS","THEME_TO_COLOR","COMPLEMENTARY_TEXT_COLOR_CONFIG","colorGuard","color","obj","getBorderColor","getBgColor","getTextColor","getGradientToColor","getComplementaryTextColor","getComplementaryColor","getThemeColor","theme"],"mappings":"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"}

package/hooks/keyboard.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.constants.js","sources":["../../lib/hooks/keyboard.constants.ts"],"sourcesContent":["export const enum CODE {\n  ENTER = 'Enter',\n  ESCAPE = 'Escape',\n  ARROW_LEFT = 'ArrowLeft',\n  ARROW_UP = 'ArrowUp',\n  ARROW_RIGHT = 'ArrowRight',\n  ARROW_DOWN = 'ArrowDown',\n  SPACE = 'Space',\n  END = 'End',\n  HOME = 'Home',\n}\n\nexport const enum KEY {\n  ENTER = 'Enter',\n  ESCAPE = 'Escape',\n  ARROW_LEFT = 'ArrowLeft',\n  ARROW_UP = 'ArrowUp',\n  ARROW_RIGHT = 'ArrowRight',\n  ARROW_DOWN = 'ArrowDown',\n  END = 'End',\n  HOME = 'Home',\n  SPACE = ' ',\n  /**\n   * @deprecated\n   * Used by old browers, see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#whitespace_keys\n   */\n  SPACEBAR = 'Spacebar',\n}\n\nexport const enum KEY_CODE {\n  ENTER = 13,\n  ESCAPE = 27,\n  ARROW_LEFT = 37,\n  ARROW_UP = 38,\n  ARROW_RIGHT = 39,\n  ARROW_DOWN = 40,\n  SPACE = 32,\n  END = 35,\n  HOME = 36,\n}\n"],"names":["CODE","KEY","KEY_CODE"],"mappings":"AAAkB,IAAAA,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QATSA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,QAAQ,KAKRA,EAAA,WAAW,YAdKA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OAChBA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,EAAT,IAAA,UACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cACAA,EAAAA,EAAA,WAAW,EAAX,IAAA,YACAA,EAAAA,EAAA,cAAc,EAAd,IAAA,eACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,MAAM,EAAN,IAAA,OACAA,EAAAA,EAAA,OAAO,EAAP,IAAA,QATgBA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"keyboard.constants.js","sources":["../../lib/hooks/keyboard.constants.ts"],"sourcesContent":["export const enum CODE {\n  ENTER = 'Enter',\n  ESCAPE = 'Escape',\n  ARROW_LEFT = 'ArrowLeft',\n  ARROW_UP = 'ArrowUp',\n  ARROW_RIGHT = 'ArrowRight',\n  ARROW_DOWN = 'ArrowDown',\n  SPACE = 'Space',\n  END = 'End',\n  HOME = 'Home',\n}\n\nexport const enum KEY {\n  ENTER = 'Enter',\n  ESCAPE = 'Escape',\n  ARROW_LEFT = 'ArrowLeft',\n  ARROW_UP = 'ArrowUp',\n  ARROW_RIGHT = 'ArrowRight',\n  ARROW_DOWN = 'ArrowDown',\n  END = 'End',\n  HOME = 'Home',\n  SPACE = ' ',\n  /**\n   * @deprecated\n   * Used by old browers, see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#whitespace_keys\n   */\n  SPACEBAR = 'Spacebar',\n}\n\nexport const enum KEY_CODE {\n  ENTER = 13,\n  ESCAPE = 27,\n  ARROW_LEFT = 37,\n  ARROW_UP = 38,\n  ARROW_RIGHT = 39,\n  ARROW_DOWN = 40,\n  SPACE = 32,\n  END = 35,\n  HOME = 36,\n}\n"],"names":["CODE","KEY","KEY_CODE"],"mappings":"AAAO,IAAWA,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QATSA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,QAAQ,KAKRA,EAAA,WAAW,YAdKA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OAChBA,EAAAA,EAAA,QAAQ,EAAA,IAAR,SACAA,EAAAA,EAAA,SAAS,EAAA,IAAT,UACAA,EAAAA,EAAA,aAAa,EAAA,IAAb,cACAA,EAAAA,EAAA,WAAW,EAAA,IAAX,YACAA,EAAAA,EAAA,cAAc,EAAA,IAAd,eACAA,EAAAA,EAAA,aAAa,EAAA,IAAb,cACAA,EAAAA,EAAA,QAAQ,EAAA,IAAR,SACAA,EAAAA,EAAA,MAAM,EAAA,IAAN,OACAA,EAAAA,EAAA,OAAO,EAAA,IAAP,QATgBA,IAAAA,KAAA,CAAA,CAAA;"}

package/hooks/useInternalStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInternalStatus.js","sources":["../../lib/hooks/useInternalStatus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type ValidationStatus = 'default' | 'error' | 'success';\n\nexport const useInternalStatus = ({\n  isDisabled,\n  validationStatus,\n}: {\n  isDisabled: boolean;\n  validationStatus: ValidationStatus;\n}) => {\n  const [internalStatus, setInternalStatus] = useState<ValidationStatus | 'disabled'>(\n    getInternalStatus({ isDisabled, validationStatus }),\n  );\n\n  useEffect(() => {\n    setInternalStatus(getInternalStatus({ isDisabled, validationStatus }));\n  }, [isDisabled, validationStatus]);\n\n  return internalStatus;\n};\n\nfunction getInternalStatus({\n  isDisabled,\n  validationStatus,\n}: {\n  isDisabled: boolean;\n  validationStatus: ValidationStatus;\n}) {\n  return isDisabled ? 'disabled' : validationStatus;\n}\n"],"names":["useInternalStatus","isDisabled","validationStatus","internalStatus","setInternalStatus","useState","getInternalStatus","useEffect"],"mappings":";AAIO,MAAMA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,kBAAAC;AACF,MAGM;AACE,QAAA,CAACC,GAAgBC,CAAiB,IAAIC;AAAA,IAC1CC,EAAkB,EAAE,YAAAL,GAAY,kBAAAC,GAAkB;AAAA,EAAA;AAGpD,SAAAK,EAAU,MAAM;AACd,IAAAH,EAAkBE,EAAkB,EAAE,YAAAL,GAAY,kBAAAC,EAAA,CAAkB,CAAC;AAAA,EAAA,GACpE,CAACD,GAAYC,CAAgB,CAAC,GAE1BC;AACT;AAEA,SAASG,EAAkB;AAAA,EACzB,YAAAL;AAAA,EACA,kBAAAC;AACF,GAGG;AACD,SAAOD,IAAa,aAAaC;AACnC;"}
+{"version":3,"file":"useInternalStatus.js","sources":["../../lib/hooks/useInternalStatus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type ValidationStatus = 'default' | 'error' | 'success';\n\nexport const useInternalStatus = ({\n  isDisabled,\n  validationStatus,\n}: {\n  isDisabled: boolean;\n  validationStatus: ValidationStatus;\n}) => {\n  const [internalStatus, setInternalStatus] = useState<ValidationStatus | 'disabled'>(\n    getInternalStatus({ isDisabled, validationStatus }),\n  );\n\n  useEffect(() => {\n    setInternalStatus(getInternalStatus({ isDisabled, validationStatus }));\n  }, [isDisabled, validationStatus]);\n\n  return internalStatus;\n};\n\nfunction getInternalStatus({\n  isDisabled,\n  validationStatus,\n}: {\n  isDisabled: boolean;\n  validationStatus: ValidationStatus;\n}) {\n  return isDisabled ? 'disabled' : validationStatus;\n}\n"],"names":["useInternalStatus","isDisabled","validationStatus","internalStatus","setInternalStatus","useState","getInternalStatus","useEffect"],"mappings":";AAIO,MAAMA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,kBAAAC;AACF,MAGM;AACJ,QAAM,CAACC,GAAgBC,CAAiB,IAAIC;AAAA,IAC1CC,EAAkB,EAAE,YAAAL,GAAY,kBAAAC,EAAA,CAAkB;AAAA,EAAA;AAGpD,SAAAK,EAAU,MAAM;AACd,IAAAH,EAAkBE,EAAkB,EAAE,YAAAL,GAAY,kBAAAC,EAAA,CAAkB,CAAC;AAAA,EACvE,GAAG,CAACD,GAAYC,CAAgB,CAAC,GAE1BC;AACT;AAEA,SAASG,EAAkB;AAAA,EACzB,YAAAL;AAAA,EACA,kBAAAC;AACF,GAGG;AACD,SAAOD,IAAa,aAAaC;AACnC;"}

package/hooks/useKeyboardControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardControls.js","sources":["../../lib/hooks/useKeyboardControls.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, type KeyboardEvent } from 'react';\nimport { CODE, KEY } from './keyboard.constants';\n\ninterface Options {\n  up?: VoidFunction;\n  down?: VoidFunction;\n  left?: VoidFunction;\n  right?: VoidFunction;\n  start?: VoidFunction;\n  end?: VoidFunction;\n  activate?: VoidFunction;\n}\n\nconst isActivateKey = (event: KeyboardEvent<HTMLDivElement>) => {\n  return (\n    event.key === KEY.ENTER ||\n    event.key === KEY.SPACE ||\n    event.key === KEY.SPACEBAR ||\n    event.code === CODE.ENTER ||\n    event.code === CODE.SPACE\n  );\n};\n\nconst voidFn = () => {};\n\nexport const useKeyboardControls = ({\n  up = voidFn,\n  down = voidFn,\n  left = voidFn,\n  right = voidFn,\n  start = voidFn,\n  end = voidFn,\n  activate = voidFn,\n}: Options) => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isActivateKey(event)) {\n        return activate();\n      }\n\n      if (event.code === CODE.HOME) {\n        event.preventDefault();\n\n        return start();\n      }\n\n      if (event.code === CODE.END) {\n        event.preventDefault();\n\n        return end();\n      }\n\n      if (event.code === CODE.ARROW_UP) {\n        event.preventDefault();\n\n        return up();\n      }\n\n      if (event.code === CODE.ARROW_DOWN) {\n        event.preventDefault();\n\n        return down();\n      }\n\n      if (event.code === CODE.ARROW_RIGHT) {\n        event.preventDefault();\n\n        return right();\n      }\n\n      if (event.code === CODE.ARROW_LEFT) {\n        event.preventDefault();\n\n        return left();\n      }\n    },\n    [activate, down, end, left, right, start, up],\n  );\n\n  return handleKeyDown;\n};\n"],"names":["isActivateKey","event","KEY","CODE","voidFn","useKeyboardControls","up","down","left","right","start","end","activate","useCallback"],"mappings":";;;AAeA,MAAMA,IAAgB,CAACC,MAEnBA,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,YAClBD,EAAM,SAASE,EAAK,SACpBF,EAAM,SAASE,EAAK,OAIlBC,IAAS,MAAM;AAAC,GAETC,IAAsB,CAAC;AAAA,EAClC,IAAAC,IAAKF;AAAA,EACL,MAAAG,IAAOH;AAAA,EACP,MAAAI,IAAOJ;AAAA,EACP,OAAAK,IAAQL;AAAA,EACR,OAAAM,IAAQN;AAAA,EACR,KAAAO,IAAMP;AAAA,EACN,UAAAQ,IAAWR;AACb,MACwBS;AAAA,EACpB,CAACZ,MAAyC;AACpC,QAAAD,EAAcC,CAAK;AACrB,aAAOW,EAAS;AAGd,QAAAX,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdS,EAAM;AAGX,QAAAT,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdU,EAAI;AAGT,QAAAV,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdK,EAAG;AAGR,QAAAL,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdM,EAAK;AAGV,QAAAN,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdQ,EAAM;AAGX,QAAAR,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdO,EAAK;AAAA,EAEhB;AAAA,EACA,CAACI,GAAUL,GAAMI,GAAKH,GAAMC,GAAOC,GAAOJ,CAAE;AAAA;"}
+{"version":3,"file":"useKeyboardControls.js","sources":["../../lib/hooks/useKeyboardControls.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, type KeyboardEvent } from 'react';\nimport { CODE, KEY } from './keyboard.constants';\n\ninterface Options {\n  up?: VoidFunction;\n  down?: VoidFunction;\n  left?: VoidFunction;\n  right?: VoidFunction;\n  start?: VoidFunction;\n  end?: VoidFunction;\n  activate?: VoidFunction;\n}\n\nconst isActivateKey = (event: KeyboardEvent<HTMLDivElement>) => {\n  return (\n    event.key === KEY.ENTER ||\n    event.key === KEY.SPACE ||\n    event.key === KEY.SPACEBAR ||\n    event.code === CODE.ENTER ||\n    event.code === CODE.SPACE\n  );\n};\n\nconst voidFn = () => {};\n\nexport const useKeyboardControls = ({\n  up = voidFn,\n  down = voidFn,\n  left = voidFn,\n  right = voidFn,\n  start = voidFn,\n  end = voidFn,\n  activate = voidFn,\n}: Options) => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isActivateKey(event)) {\n        return activate();\n      }\n\n      if (event.code === CODE.HOME) {\n        event.preventDefault();\n\n        return start();\n      }\n\n      if (event.code === CODE.END) {\n        event.preventDefault();\n\n        return end();\n      }\n\n      if (event.code === CODE.ARROW_UP) {\n        event.preventDefault();\n\n        return up();\n      }\n\n      if (event.code === CODE.ARROW_DOWN) {\n        event.preventDefault();\n\n        return down();\n      }\n\n      if (event.code === CODE.ARROW_RIGHT) {\n        event.preventDefault();\n\n        return right();\n      }\n\n      if (event.code === CODE.ARROW_LEFT) {\n        event.preventDefault();\n\n        return left();\n      }\n    },\n    [activate, down, end, left, right, start, up],\n  );\n\n  return handleKeyDown;\n};\n"],"names":["isActivateKey","event","KEY","CODE","voidFn","useKeyboardControls","up","down","left","right","start","end","activate","useCallback"],"mappings":";;;AAeA,MAAMA,IAAgB,CAACC,MAEnBA,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,YAClBD,EAAM,SAASE,EAAK,SACpBF,EAAM,SAASE,EAAK,OAIlBC,IAAS,MAAM;AAAC,GAETC,IAAsB,CAAC;AAAA,EAClC,IAAAC,IAAKF;AAAA,EACL,MAAAG,IAAOH;AAAA,EACP,MAAAI,IAAOJ;AAAA,EACP,OAAAK,IAAQL;AAAA,EACR,OAAAM,IAAQN;AAAA,EACR,KAAAO,IAAMP;AAAA,EACN,UAAAQ,IAAWR;AACb,MACwBS;AAAA,EACpB,CAACZ,MAAyC;AACxC,QAAID,EAAcC,CAAK;AACrB,aAAOW,EAAA;AAGT,QAAIX,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECS,EAAA;AAGT,QAAIT,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECU,EAAA;AAGT,QAAIV,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECK,EAAA;AAGT,QAAIL,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECM,EAAA;AAGT,QAAIN,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECQ,EAAA;AAGT,QAAIR,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECO,EAAA;AAAA,EAEX;AAAA,EACA,CAACI,GAAUL,GAAMI,GAAKH,GAAMC,GAAOC,GAAOJ,CAAE;AAAA;"}

package/hooks/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import useResizeObserver from 'use-resize-observer';
+export default useResizeObserver;

package/hooks/useResizeObserver.js

@@ -0,0 +1,84 @@
+import { R as E } from "../chunks/ResizeObserver.js";
+import { useRef as f, useState as B, useEffect as h, useCallback as s, useMemo as k } from "react";
+function C(e, t) {
+  var n = f(null), i = f(null);
+  i.current = t;
+  var r = f(null);
+  h(function() {
+    d();
+  });
+  var d = s(function() {
+    var u = r.current, o = i.current, c = u || (o ? o instanceof Element ? o : o.current : null);
+    n.current && n.current.element === c && n.current.subscriber === e || (n.current && n.current.cleanup && n.current.cleanup(), n.current = {
+      element: c,
+      subscriber: e,
+      // Only calling the subscriber, if there's an actual element to report.
+      // Setting cleanup to undefined unless a subscriber returns one, as an existing cleanup function would've been just called.
+      cleanup: c ? e(c) : void 0
+    });
+  }, [e]);
+  return h(function() {
+    return function() {
+      n.current && n.current.cleanup && (n.current.cleanup(), n.current = null);
+    };
+  }, []), s(function(u) {
+    r.current = u, d();
+  }, [d]);
+}
+function S(e, t, n) {
+  return e[t] ? e[t][0] ? e[t][0][n] : (
+    // TS complains about this, because the RO entry type follows the spec and does not reflect Firefox's current
+    // behaviour of returning objects instead of arrays for `borderBoxSize` and `contentBoxSize`.
+    // @ts-ignore
+    e[t][n]
+  ) : t === "contentBoxSize" ? e.contentRect[n === "inlineSize" ? "width" : "height"] : void 0;
+}
+function W(e) {
+  e === void 0 && (e = {});
+  var t = e.onResize, n = f(void 0);
+  n.current = t;
+  var i = e.round || Math.round, r = f(), d = B({
+    width: void 0,
+    height: void 0
+  }), u = d[0], o = d[1], c = f(!1);
+  h(function() {
+    return c.current = !1, function() {
+      c.current = !0;
+    };
+  }, []);
+  var a = f({
+    width: void 0,
+    height: void 0
+  }), b = C(s(function(R) {
+    return (!r.current || r.current.box !== e.box || r.current.round !== i) && (r.current = {
+      box: e.box,
+      round: i,
+      instance: new ResizeObserver(function(O) {
+        var w = O[0], x = e.box === "border-box" ? "borderBoxSize" : e.box === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", z = S(w, x, "inlineSize"), m = S(w, x, "blockSize"), l = z ? i(z) : void 0, v = m ? i(m) : void 0;
+        if (a.current.width !== l || a.current.height !== v) {
+          var g = {
+            width: l,
+            height: v
+          };
+          a.current.width = l, a.current.height = v, n.current ? n.current(g) : c.current || o(g);
+        }
+      })
+    }), r.current.instance.observe(R, {
+      box: e.box
+    }), function() {
+      r.current && r.current.instance.unobserve(R);
+    };
+  }, [e.box, i]), e.ref);
+  return k(function() {
+    return {
+      ref: b,
+      width: u.width,
+      height: u.height
+    };
+  }, [b, u.width, u.height]);
+}
+typeof window < "u" && !window.ResizeObserver && (window.ResizeObserver = E);
+export {
+  W as default
+};
+//# sourceMappingURL=useResizeObserver.js.map

package/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sources":["../../node_modules/use-resize-observer/dist/bundle.esm.js","../../lib/hooks/useResizeObserver.ts"],"sourcesContent":["import { useRef, useEffect, useCallback, useState, useMemo } from 'react';\n\n// This could've been more streamlined with internal state instead of abusing\n// refs to such extent, but then composing hooks and components could not opt out of unnecessary renders.\nfunction useResolvedElement(subscriber, refOrElement) {\n  var lastReportRef = useRef(null);\n  var refOrElementRef = useRef(null);\n  refOrElementRef.current = refOrElement;\n  var cbElementRef = useRef(null); // Calling re-evaluation after each render without using a dep array,\n  // as the ref object's current value could've changed since the last render.\n\n  useEffect(function () {\n    evaluateSubscription();\n  });\n  var evaluateSubscription = useCallback(function () {\n    var cbElement = cbElementRef.current;\n    var refOrElement = refOrElementRef.current; // Ugly ternary. But smaller than an if-else block.\n\n    var element = cbElement ? cbElement : refOrElement ? refOrElement instanceof Element ? refOrElement : refOrElement.current : null;\n\n    if (lastReportRef.current && lastReportRef.current.element === element && lastReportRef.current.subscriber === subscriber) {\n      return;\n    }\n\n    if (lastReportRef.current && lastReportRef.current.cleanup) {\n      lastReportRef.current.cleanup();\n    }\n\n    lastReportRef.current = {\n      element: element,\n      subscriber: subscriber,\n      // Only calling the subscriber, if there's an actual element to report.\n      // Setting cleanup to undefined unless a subscriber returns one, as an existing cleanup function would've been just called.\n      cleanup: element ? subscriber(element) : undefined\n    };\n  }, [subscriber]); // making sure we call the cleanup function on unmount\n\n  useEffect(function () {\n    return function () {\n      if (lastReportRef.current && lastReportRef.current.cleanup) {\n        lastReportRef.current.cleanup();\n        lastReportRef.current = null;\n      }\n    };\n  }, []);\n  return useCallback(function (element) {\n    cbElementRef.current = element;\n    evaluateSubscription();\n  }, [evaluateSubscription]);\n}\n\n// We're only using the first element of the size sequences, until future versions of the spec solidify on how\n// exactly it'll be used for fragments in multi-column scenarios:\n// From the spec:\n// > The box size properties are exposed as FrozenArray in order to support elements that have multiple fragments,\n// > which occur in multi-column scenarios. However the current definitions of content rect and border box do not\n// > mention how those boxes are affected by multi-column layout. In this spec, there will only be a single\n// > ResizeObserverSize returned in the FrozenArray, which will correspond to the dimensions of the first column.\n// > A future version of this spec will extend the returned FrozenArray to contain the per-fragment size information.\n// (https://drafts.csswg.org/resize-observer/#resize-observer-entry-interface)\n//\n// Also, testing these new box options revealed that in both Chrome and FF everything is returned in the callback,\n// regardless of the \"box\" option.\n// The spec states the following on this:\n// > This does not have any impact on which box dimensions are returned to the defined callback when the event\n// > is fired, it solely defines which box the author wishes to observe layout changes on.\n// (https://drafts.csswg.org/resize-observer/#resize-observer-interface)\n// I'm not exactly clear on what this means, especially when you consider a later section stating the following:\n// > This section is non-normative. An author may desire to observe more than one CSS box.\n// > In this case, author will need to use multiple ResizeObservers.\n// (https://drafts.csswg.org/resize-observer/#resize-observer-interface)\n// Which is clearly not how current browser implementations behave, and seems to contradict the previous quote.\n// For this reason I decided to only return the requested size,\n// even though it seems we have access to results for all box types.\n// This also means that we get to keep the current api, being able to return a simple { width, height } pair,\n// regardless of box option.\nfunction extractSize(entry, boxProp, sizeType) {\n  if (!entry[boxProp]) {\n    if (boxProp === \"contentBoxSize\") {\n      // The dimensions in `contentBoxSize` and `contentRect` are equivalent according to the spec.\n      // See the 6th step in the description for the RO algorithm:\n      // https://drafts.csswg.org/resize-observer/#create-and-populate-resizeobserverentry-h\n      // > Set this.contentRect to logical this.contentBoxSize given target and observedBox of \"content-box\".\n      // In real browser implementations of course these objects differ, but the width/height values should be equivalent.\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n\n    return undefined;\n  } // A couple bytes smaller than calling Array.isArray() and just as effective here.\n\n\n  return entry[boxProp][0] ? entry[boxProp][0][sizeType] : // TS complains about this, because the RO entry type follows the spec and does not reflect Firefox's current\n  // behaviour of returning objects instead of arrays for `borderBoxSize` and `contentBoxSize`.\n  // @ts-ignore\n  entry[boxProp][sizeType];\n}\n\nfunction useResizeObserver(opts) {\n  if (opts === void 0) {\n    opts = {};\n  }\n\n  // Saving the callback as a ref. With this, I don't need to put onResize in the\n  // effect dep array, and just passing in an anonymous function without memoising\n  // will not reinstantiate the hook's ResizeObserver.\n  var onResize = opts.onResize;\n  var onResizeRef = useRef(undefined);\n  onResizeRef.current = onResize;\n  var round = opts.round || Math.round; // Using a single instance throughout the hook's lifetime\n\n  var resizeObserverRef = useRef();\n\n  var _useState = useState({\n    width: undefined,\n    height: undefined\n  }),\n      size = _useState[0],\n      setSize = _useState[1]; // In certain edge cases the RO might want to report a size change just after\n  // the component unmounted.\n\n\n  var didUnmount = useRef(false);\n  useEffect(function () {\n    didUnmount.current = false;\n    return function () {\n      didUnmount.current = true;\n    };\n  }, []); // Using a ref to track the previous width / height to avoid unnecessary renders.\n\n  var previous = useRef({\n    width: undefined,\n    height: undefined\n  }); // This block is kinda like a useEffect, only it's called whenever a new\n  // element could be resolved based on the ref option. It also has a cleanup\n  // function.\n\n  var refCallback = useResolvedElement(useCallback(function (element) {\n    // We only use a single Resize Observer instance, and we're instantiating it on demand, only once there's something to observe.\n    // This instance is also recreated when the `box` option changes, so that a new observation is fired if there was a previously observed element with a different box option.\n    if (!resizeObserverRef.current || resizeObserverRef.current.box !== opts.box || resizeObserverRef.current.round !== round) {\n      resizeObserverRef.current = {\n        box: opts.box,\n        round: round,\n        instance: new ResizeObserver(function (entries) {\n          var entry = entries[0];\n          var boxProp = opts.box === \"border-box\" ? \"borderBoxSize\" : opts.box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n          var reportedWidth = extractSize(entry, boxProp, \"inlineSize\");\n          var reportedHeight = extractSize(entry, boxProp, \"blockSize\");\n          var newWidth = reportedWidth ? round(reportedWidth) : undefined;\n          var newHeight = reportedHeight ? round(reportedHeight) : undefined;\n\n          if (previous.current.width !== newWidth || previous.current.height !== newHeight) {\n            var newSize = {\n              width: newWidth,\n              height: newHeight\n            };\n            previous.current.width = newWidth;\n            previous.current.height = newHeight;\n\n            if (onResizeRef.current) {\n              onResizeRef.current(newSize);\n            } else {\n              if (!didUnmount.current) {\n                setSize(newSize);\n              }\n            }\n          }\n        })\n      };\n    }\n\n    resizeObserverRef.current.instance.observe(element, {\n      box: opts.box\n    });\n    return function () {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.instance.unobserve(element);\n      }\n    };\n  }, [opts.box, round]), opts.ref);\n  return useMemo(function () {\n    return {\n      ref: refCallback,\n      width: size.width,\n      height: size.height\n    };\n  }, [refCallback, size.width, size.height]);\n}\n\nexport { useResizeObserver as default };\n","import { ResizeObserver } from '@juggle/resize-observer';\nimport useResizeObserver from 'use-resize-observer';\n\nif (typeof window !== 'undefined' && !window.ResizeObserver) {\n  window.ResizeObserver = ResizeObserver;\n}\n\nexport default useResizeObserver;\n"],"names":["useResolvedElement","subscriber","refOrElement","lastReportRef","useRef","refOrElementRef","cbElementRef","useEffect","evaluateSubscription","useCallback","cbElement","element","extractSize","entry","boxProp","sizeType","useResizeObserver","opts","onResize","onResizeRef","round","resizeObserverRef","_useState","useState","size","setSize","didUnmount","previous","refCallback","entries","reportedWidth","reportedHeight","newWidth","newHeight","newSize","useMemo","ResizeObserver"],"mappings":"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","x_google_ignoreList":[0]}

package/hooks/useSafeBoop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSafeBoop.js","sources":["../../node_modules/use-boop/dist/index.es.js","../../lib/hooks/useSafeBoop.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { useSpring } from 'react-spring';\n\nvar QUERY = '(prefers-reduced-motion: no-preference)';\nvar getInitialState = function () {\n    return typeof window === 'undefined' ? true : !window.matchMedia(QUERY).matches;\n};\nvar usePrefersReducedMotion = function () {\n    var _a = useState(getInitialState), reduceMotion = _a[0], setReduceMotion = _a[1];\n    useEffect(function () {\n        var mediaQueryList = window.matchMedia('(prefers-reduced-motion: no-preference)');\n        var listener = function (event) {\n            setReduceMotion(!event.matches);\n        };\n        mediaQueryList.addEventListener('change', listener);\n        return function () { return mediaQueryList.removeEventListener('change', listener); };\n    }, []);\n    return reduceMotion;\n};\n\nvar useBoop = function (_a) {\n    var _b = _a === void 0 ? {} : _a, _c = _b.x, x = _c === void 0 ? 0 : _c, _d = _b.y, y = _d === void 0 ? 0 : _d, _e = _b.z, z = _e === void 0 ? 0 : _e, _f = _b.rotation, rotation = _f === void 0 ? 0 : _f, _g = _b.rx, rx = _g === void 0 ? 0 : _g, _h = _b.ry, ry = _h === void 0 ? 0 : _h, _j = _b.rz, rz = _j === void 0 ? rotation : _j, _k = _b.scale, scale = _k === void 0 ? 1 : _k, _l = _b.sx, sx = _l === void 0 ? scale || 1 : _l, _m = _b.sy, sy = _m === void 0 ? scale || 1 : _m, _o = _b.sz, sz = _o === void 0 ? scale || 1 : _o, _p = _b.skewX, skewX = _p === void 0 ? 0 : _p, _q = _b.skewY, skewY = _q === void 0 ? 0 : _q, _r = _b.timing, timing = _r === void 0 ? 150 : _r, _s = _b.springConfig, springConfig = _s === void 0 ? {\n        tension: 300,\n        friction: 10,\n    } : _s, _t = _b.delay, delay = _t === void 0 ? 0 : _t;\n    var prefersReducedMotion = usePrefersReducedMotion();\n    var _u = useState(false), isBooped = _u[0], setIsBooped = _u[1];\n    var _v = useState(false), isTriggered = _v[0], setIsTriggered = _v[1];\n    var style = useSpring(prefersReducedMotion ? {} : {\n        transform: isBooped\n            ? \"translate3D(\" + x + \"px, \" + y + \"px, \" + z + \"px)\\n         rotateX(\" + rx + \"deg) rotateY(\" + ry + \"deg) rotateZ(\" + rz + \"deg)\\n         scale3D(\" + sx + \",\" + sy + \",\" + sz + \")\\n         skew(\" + skewX + \"deg, \" + skewY + \"deg)\"\n            : \"translate3D(0px, 0px, 0px)\\n         rotateX(0deg) rotateY(0deg) rotateZ(0deg)\\n         scale3D(1, 1, 1)\\n         skew(0deg, 0deg)\",\n        config: springConfig,\n        immediate: prefersReducedMotion,\n    });\n    var trigger = useCallback(function () {\n        if (!prefersReducedMotion) {\n            setIsTriggered(true);\n        }\n    }, [prefersReducedMotion]);\n    useEffect(function () {\n        if (!isTriggered)\n            return;\n        var timeoutId = window.setTimeout(function () {\n            setIsBooped(true);\n            setIsTriggered(false);\n        }, delay);\n        return function () { return window.clearTimeout(timeoutId); };\n    }, [isTriggered, delay]);\n    useEffect(function () {\n        if (!isBooped)\n            return;\n        var timeoutId = window.setTimeout(function () { return setIsBooped(false); }, timing);\n        return function () { return window.clearTimeout(timeoutId); };\n    }, [isBooped, timing]);\n    return [style, trigger];\n};\n\nexport default useBoop;\n//# sourceMappingURL=index.es.js.map\n","import type { CSSProperties } from 'react';\nimport useBoop from 'use-boop';\n\ntype Args = Parameters<typeof useBoop>[0];\n\nexport const useSafeBoop = (boopArgs: Args): [CSSProperties, () => void] => {\n  const [{ transform }, boopTrigger] = useBoop(boopArgs);\n\n  return [\n    {\n      '--transform':\n        transform ||\n        `translate3D(0px, 0px, 0px)\n         rotateX(0deg) rotateY(0deg) rotateZ(0deg)\n         scale3D(1, 1, 1)\n         skew(0deg, 0deg)`,\n      transform: 'var(--transform)',\n    } as CSSProperties,\n    boopTrigger,\n  ];\n};\n"],"names":["QUERY","getInitialState","usePrefersReducedMotion","_a","useState","reduceMotion","setReduceMotion","useEffect","mediaQueryList","listener","event","useBoop","_b","_c","x","_d","y","_e","z","_f","rotation","_g","rx","_h","ry","_j","rz","_k","scale","_l","sx","_m","sy","_o","sz","_p","skewX","_q","skewY","_r","timing","_s","springConfig","_t","delay","prefersReducedMotion","_u","isBooped","setIsBooped","_v","isTriggered","setIsTriggered","style","useSpring","trigger","useCallback","timeoutId","useSafeBoop","boopArgs","transform","boopTrigger"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"useSafeBoop.js","sources":["../../node_modules/use-boop/dist/index.es.js","../../lib/hooks/useSafeBoop.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { useSpring } from 'react-spring';\n\nvar QUERY = '(prefers-reduced-motion: no-preference)';\nvar getInitialState = function () {\n    return typeof window === 'undefined' ? true : !window.matchMedia(QUERY).matches;\n};\nvar usePrefersReducedMotion = function () {\n    var _a = useState(getInitialState), reduceMotion = _a[0], setReduceMotion = _a[1];\n    useEffect(function () {\n        var mediaQueryList = window.matchMedia('(prefers-reduced-motion: no-preference)');\n        var listener = function (event) {\n            setReduceMotion(!event.matches);\n        };\n        mediaQueryList.addEventListener('change', listener);\n        return function () { return mediaQueryList.removeEventListener('change', listener); };\n    }, []);\n    return reduceMotion;\n};\n\nvar useBoop = function (_a) {\n    var _b = _a === void 0 ? {} : _a, _c = _b.x, x = _c === void 0 ? 0 : _c, _d = _b.y, y = _d === void 0 ? 0 : _d, _e = _b.z, z = _e === void 0 ? 0 : _e, _f = _b.rotation, rotation = _f === void 0 ? 0 : _f, _g = _b.rx, rx = _g === void 0 ? 0 : _g, _h = _b.ry, ry = _h === void 0 ? 0 : _h, _j = _b.rz, rz = _j === void 0 ? rotation : _j, _k = _b.scale, scale = _k === void 0 ? 1 : _k, _l = _b.sx, sx = _l === void 0 ? scale || 1 : _l, _m = _b.sy, sy = _m === void 0 ? scale || 1 : _m, _o = _b.sz, sz = _o === void 0 ? scale || 1 : _o, _p = _b.skewX, skewX = _p === void 0 ? 0 : _p, _q = _b.skewY, skewY = _q === void 0 ? 0 : _q, _r = _b.timing, timing = _r === void 0 ? 150 : _r, _s = _b.springConfig, springConfig = _s === void 0 ? {\n        tension: 300,\n        friction: 10,\n    } : _s, _t = _b.delay, delay = _t === void 0 ? 0 : _t;\n    var prefersReducedMotion = usePrefersReducedMotion();\n    var _u = useState(false), isBooped = _u[0], setIsBooped = _u[1];\n    var _v = useState(false), isTriggered = _v[0], setIsTriggered = _v[1];\n    var style = useSpring(prefersReducedMotion ? {} : {\n        transform: isBooped\n            ? \"translate3D(\" + x + \"px, \" + y + \"px, \" + z + \"px)\\n         rotateX(\" + rx + \"deg) rotateY(\" + ry + \"deg) rotateZ(\" + rz + \"deg)\\n         scale3D(\" + sx + \",\" + sy + \",\" + sz + \")\\n         skew(\" + skewX + \"deg, \" + skewY + \"deg)\"\n            : \"translate3D(0px, 0px, 0px)\\n         rotateX(0deg) rotateY(0deg) rotateZ(0deg)\\n         scale3D(1, 1, 1)\\n         skew(0deg, 0deg)\",\n        config: springConfig,\n        immediate: prefersReducedMotion,\n    });\n    var trigger = useCallback(function () {\n        if (!prefersReducedMotion) {\n            setIsTriggered(true);\n        }\n    }, [prefersReducedMotion]);\n    useEffect(function () {\n        if (!isTriggered)\n            return;\n        var timeoutId = window.setTimeout(function () {\n            setIsBooped(true);\n            setIsTriggered(false);\n        }, delay);\n        return function () { return window.clearTimeout(timeoutId); };\n    }, [isTriggered, delay]);\n    useEffect(function () {\n        if (!isBooped)\n            return;\n        var timeoutId = window.setTimeout(function () { return setIsBooped(false); }, timing);\n        return function () { return window.clearTimeout(timeoutId); };\n    }, [isBooped, timing]);\n    return [style, trigger];\n};\n\nexport default useBoop;\n//# sourceMappingURL=index.es.js.map\n","import type { CSSProperties } from 'react';\nimport useBoop from 'use-boop';\n\ntype Args = Parameters<typeof useBoop>[0];\n\nexport const useSafeBoop = (boopArgs: Args): [CSSProperties, () => void] => {\n  const [{ transform }, boopTrigger] = useBoop(boopArgs);\n\n  return [\n    {\n      '--transform':\n        transform ||\n        `translate3D(0px, 0px, 0px)\n         rotateX(0deg) rotateY(0deg) rotateZ(0deg)\n         scale3D(1, 1, 1)\n         skew(0deg, 0deg)`,\n      transform: 'var(--transform)',\n    } as CSSProperties,\n    boopTrigger,\n  ];\n};\n"],"names":["QUERY","getInitialState","usePrefersReducedMotion","_a","useState","reduceMotion","setReduceMotion","useEffect","mediaQueryList","listener","event","useBoop","_b","_c","x","_d","y","_e","z","_f","rotation","_g","rx","_h","ry","_j","rz","_k","scale","_l","sx","_m","sy","_o","sz","_p","skewX","_q","skewY","_r","timing","_s","springConfig","_t","delay","prefersReducedMotion","_u","isBooped","setIsBooped","_v","isTriggered","setIsTriggered","style","useSpring","trigger","useCallback","timeoutId","useSafeBoop","boopArgs","transform","boopTrigger"],"mappings":";;AAGA,IAAIA,IAAQ,2CACRC,IAAkB,WAAY;AAC9B,SAAO,OAAO,SAAW,MAAc,KAAO,CAAC,OAAO,WAAWD,CAAK,EAAE;AAC5E,GACIE,IAA0B,WAAY;AACtC,MAAIC,IAAKC,EAASH,CAAe,GAAGI,IAAeF,EAAG,CAAC,GAAGG,IAAkBH,EAAG,CAAC;AAChF,SAAAI,EAAU,WAAY;AAClB,QAAIC,IAAiB,OAAO,WAAW,yCAAyC,GAC5EC,IAAW,SAAUC,GAAO;AAC5B,MAAAJ,EAAgB,CAACI,EAAM,OAAO;AAAA,IAClC;AACA,WAAAF,EAAe,iBAAiB,UAAUC,CAAQ,GAC3C,WAAY;AAAE,aAAOD,EAAe,oBAAoB,UAAUC,CAAQ;AAAA,IAAG;AAAA,EACxF,GAAG,CAAA,CAAE,GACEJ;AACX,GAEIM,IAAU,SAAUR,GAAI;AACxB,MAAIS,IAAKT,MAAO,SAAS,CAAA,IAAKA,GAAIU,IAAKD,EAAG,GAAGE,IAAID,MAAO,SAAS,IAAIA,GAAIE,IAAKH,EAAG,GAAGI,IAAID,MAAO,SAAS,IAAIA,GAAIE,IAAKL,EAAG,GAAGM,IAAID,MAAO,SAAS,IAAIA,GAAIE,IAAKP,EAAG,UAAUQ,IAAWD,MAAO,SAAS,IAAIA,GAAIE,IAAKT,EAAG,IAAIU,IAAKD,MAAO,SAAS,IAAIA,GAAIE,IAAKX,EAAG,IAAIY,IAAKD,MAAO,SAAS,IAAIA,GAAIE,IAAKb,EAAG,IAAIc,IAAKD,MAAO,SAASL,IAAWK,GAAIE,IAAKf,EAAG,OAAOgB,IAAQD,MAAO,SAAS,IAAIA,GAAIE,IAAKjB,EAAG,IAAIkB,IAAKD,MAAO,SAASD,KAAS,IAAIC,GAAIE,IAAKnB,EAAG,IAAIoB,IAAKD,MAAO,SAASH,KAAS,IAAIG,GAAIE,IAAKrB,EAAG,IAAIsB,IAAKD,MAAO,SAASL,KAAS,IAAIK,GAAIE,IAAKvB,EAAG,OAAOwB,IAAQD,MAAO,SAAS,IAAIA,GAAIE,IAAKzB,EAAG,OAAO0B,IAAQD,MAAO,SAAS,IAAIA,GAAIE,IAAK3B,EAAG,QAAQ4B,IAASD,MAAO,SAAS,MAAMA,GAAIE,IAAK7B,EAAG,cAAc8B,IAAeD,MAAO,SAAS;AAAA,IACrtB,SAAS;AAAA,IACT,UAAU;AAAA,EAClB,IAAQA,GAAIE,IAAK/B,EAAG,OAAOgC,IAAQD,MAAO,SAAS,IAAIA,GAC/CE,IAAuB3C,EAAuB,GAC9C4C,IAAK1C,EAAS,EAAK,GAAG2C,IAAWD,EAAG,CAAC,GAAGE,IAAcF,EAAG,CAAC,GAC1DG,IAAK7C,EAAS,EAAK,GAAG8C,IAAcD,EAAG,CAAC,GAAGE,IAAiBF,EAAG,CAAC,GAChEG,IAAQC,EAAUR,IAAuB,KAAK;AAAA,IAC9C,WAAWE,IACL,iBAAiBjC,IAAI,SAASE,IAAI,SAASE,IAAI;AAAA,qBAA2BI,IAAK,kBAAkBE,IAAK,kBAAkBE,IAAK;AAAA,qBAA4BI,IAAK,MAAME,IAAK,MAAME,IAAK;AAAA,kBAAsBE,IAAQ,UAAUE,IAAQ,SACpO;AAAA;AAAA;AAAA;AAAA,IACN,QAAQI;AAAA,IACR,WAAWG;AAAA,EACnB,CAAK,GACGS,IAAUC,EAAY,WAAY;AAClC,IAAKV,KACDM,EAAe,EAAI;AAAA,EAE3B,GAAG,CAACN,CAAoB,CAAC;AACzB,SAAAtC,EAAU,WAAY;AAClB,QAAK2C,GAEL;AAAA,UAAIM,IAAY,OAAO,WAAW,WAAY;AAC1C,QAAAR,EAAY,EAAI,GAChBG,EAAe,EAAK;AAAA,MACxB,GAAGP,CAAK;AACR,aAAO,WAAY;AAAE,eAAO,OAAO,aAAaY,CAAS;AAAA,MAAG;AAAA;AAAA,EAChE,GAAG,CAACN,GAAaN,CAAK,CAAC,GACvBrC,EAAU,WAAY;AAClB,QAAKwC,GAEL;AAAA,UAAIS,IAAY,OAAO,WAAW,WAAY;AAAE,eAAOR,EAAY,EAAK;AAAA,MAAG,GAAGR,CAAM;AACpF,aAAO,WAAY;AAAE,eAAO,OAAO,aAAagB,CAAS;AAAA,MAAG;AAAA;AAAA,EAChE,GAAG,CAACT,GAAUP,CAAM,CAAC,GACd,CAACY,GAAOE,CAAO;AAC1B;ACnDO,MAAMG,KAAc,CAACC,MAAgD;AAC1E,QAAM,CAAC,EAAE,WAAAC,EAAA,GAAaC,CAAW,IAAIjD,EAAQ+C,CAAQ;AAErD,SAAO;AAAA,IACL;AAAA,MACE,eACEC,KACA;AAAA;AAAA;AAAA;AAAA,MAIF,WAAW;AAAA,IAAA;AAAA,IAEbC;AAAA,EAAA;AAEJ;","x_google_ignoreList":[0]}

package/hooks/useValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValue.js","sources":["../../lib/hooks/useValue.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface UseValueProps<Value = string, InitialValue = Value> {\n  name: string;\n  initialValue?: InitialValue;\n  defaultValue?: Value | string;\n  formatter?: (v: Value) => Value;\n  onChange?: (name: string, value: Value) => void;\n}\n\nexport function useValue<Value = string, InitialValue = Value>({\n  name,\n  initialValue,\n  onChange,\n  defaultValue = '',\n  formatter = (v: Value) => v as unknown as Value,\n}: UseValueProps<Value, InitialValue>) {\n  const [value, setValue] = useState<Value>(formatter((initialValue || defaultValue) as Value));\n\n  useEffect(() => {\n    initialValue !== undefined && setValue(formatter(initialValue as Value));\n  }, [initialValue]);\n\n  function setNewValue(newValue: Value) {\n    newValue = formatter(newValue);\n    setValue(newValue);\n    onChange && onChange(name, newValue);\n  }\n\n  function resetValue() {\n    setValue(defaultValue as Value);\n  }\n\n  return {\n    value,\n    setValue: setNewValue,\n    resetValue,\n  };\n}\n"],"names":["useValue","name","initialValue","onChange","defaultValue","formatter","v","value","setValue","useState","useEffect","setNewValue","newValue","resetValue"],"mappings":";AAUO,SAASA,EAA+C;AAAA,EAC7D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY,CAACC,MAAaA;AAC5B,GAAuC;AAC/B,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAgBJ,EAAWH,KAAgBE,CAAsB,CAAC;AAE5F,EAAAM,EAAU,MAAM;AACd,IAAAR,MAAiB,UAAaM,EAASH,EAAUH,CAAqB,CAAC;AAAA,EAAA,GACtE,CAACA,CAAY,CAAC;AAEjB,WAASS,EAAYC,GAAiB;AACpC,IAAAA,IAAWP,EAAUO,CAAQ,GAC7BJ,EAASI,CAAQ,GACLT,KAAAA,EAASF,GAAMW,CAAQ;AAAA,EACrC;AAEA,WAASC,IAAa;AACpB,IAAAL,EAASJ,CAAqB;AAAA,EAChC;AAEO,SAAA;AAAA,IACL,OAAAG;AAAA,IACA,UAAUI;AAAA,IACV,YAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useValue.js","sources":["../../lib/hooks/useValue.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface UseValueProps<Value = string, InitialValue = Value> {\n  name: string;\n  initialValue?: InitialValue;\n  defaultValue?: Value | string;\n  formatter?: (v: Value) => Value;\n  onChange?: (name: string, value: Value) => void;\n}\n\nexport function useValue<Value = string, InitialValue = Value>({\n  name,\n  initialValue,\n  onChange,\n  defaultValue = '',\n  formatter = (v: Value) => v as unknown as Value,\n}: UseValueProps<Value, InitialValue>) {\n  const [value, setValue] = useState<Value>(formatter((initialValue || defaultValue) as Value));\n\n  useEffect(() => {\n    initialValue !== undefined && setValue(formatter(initialValue as Value));\n  }, [initialValue]);\n\n  function setNewValue(newValue: Value) {\n    newValue = formatter(newValue);\n    setValue(newValue);\n    onChange && onChange(name, newValue);\n  }\n\n  function resetValue() {\n    setValue(defaultValue as Value);\n  }\n\n  return {\n    value,\n    setValue: setNewValue,\n    resetValue,\n  };\n}\n"],"names":["useValue","name","initialValue","onChange","defaultValue","formatter","v","value","setValue","useState","useEffect","setNewValue","newValue","resetValue"],"mappings":";AAUO,SAASA,EAA+C;AAAA,EAC7D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY,CAACC,MAAaA;AAC5B,GAAuC;AACrC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAgBJ,EAAWH,KAAgBE,CAAsB,CAAC;AAE5F,EAAAM,EAAU,MAAM;AACd,IAAAR,MAAiB,UAAaM,EAASH,EAAUH,CAAqB,CAAC;AAAA,EACzE,GAAG,CAACA,CAAY,CAAC;AAEjB,WAASS,EAAYC,GAAiB;AACpC,IAAAA,IAAWP,EAAUO,CAAQ,GAC7BJ,EAASI,CAAQ,GACjBT,KAAYA,EAASF,GAAMW,CAAQ;AAAA,EACrC;AAEA,WAASC,IAAa;AACpB,IAAAL,EAASJ,CAAqB;AAAA,EAChC;AAEA,SAAO;AAAA,IACL,OAAAG;AAAA,IACA,UAAUI;AAAA,IACV,YAAAE;AAAA,EAAA;AAEJ;"}

package/molecules/Arrows/Arrows.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps, ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import type { ArrowsLabels } from './ArrowsLabels';
+import { ArrowButton } from '../Buttons/ArrowButton';
+export interface ArrowsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    color?: ComponentProps<typeof ArrowButton>['color'];
+    iconType?: 'ArrowDefault' | 'ArrowTail';
+    isDisabledHidden?: boolean;
+    isNextDisabled?: boolean;
+    isPrevDisabled?: boolean;
+    labels?: ArrowsLabels;
+    onNext: ComponentProps<typeof ArrowButton>['onClick'];
+    onPrev: ComponentProps<typeof ArrowButton>['onClick'];
+    size?: ComponentProps<typeof ArrowButton>['size'];
+    theme?: ComponentProps<typeof ArrowButton>['theme'];
+}
+export declare const Arrows: FunctionComponent<ArrowsProps>;

package/molecules/Arrows/Arrows.js

@@ -0,0 +1,66 @@
+import { jsxs as x, jsx as p } from "react/jsx-runtime";
+import { c as t } from "../../chunks/index.js";
+import { ArrowButton as l } from "../Buttons/ArrowButton.js";
+const A = ({
+  className: f,
+  color: o,
+  iconType: e = "ArrowDefault",
+  isDisabledHidden: n = !1,
+  isNextDisabled: r = !1,
+  isPrevDisabled: a = !1,
+  labels: s = {
+    next: "",
+    previous: ""
+  },
+  onNext: m,
+  onPrev: u,
+  size: i,
+  theme: c,
+  ...w
+}) => /* @__PURE__ */ x(
+  "div",
+  {
+    ...w,
+    className: t(
+      "pointer-events-none flex w-full items-center justify-between gap-x-20",
+      f
+    ),
+    "data-name": "Arrows",
+    children: [
+      /* @__PURE__ */ p(
+        l,
+        {
+          className: t("pointer-events-auto transition-opacity", {
+            "opacity-0": n && a
+          }),
+          color: o,
+          disabled: a,
+          icon: `${e}Left`,
+          onClick: u,
+          size: i,
+          theme: c,
+          children: s.previous
+        }
+      ),
+      /* @__PURE__ */ p(
+        l,
+        {
+          className: t("pointer-events-auto transition-opacity", {
+            "opacity-0": n && r
+          }),
+          color: o,
+          disabled: r,
+          icon: `${e}Right`,
+          onClick: m,
+          size: i,
+          theme: c,
+          children: s.next
+        }
+      )
+    ]
+  }
+);
+export {
+  A as Arrows
+};
+//# sourceMappingURL=Arrows.js.map

package/molecules/Arrows/Arrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrows.js","sources":["../../../lib/molecules/Arrows/Arrows.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { ComponentProps, ComponentPropsWithoutRef, FunctionComponent } from 'react';\n\nimport type { ArrowsLabels } from './ArrowsLabels';\n\nimport { ArrowButton } from '../Buttons/ArrowButton';\n\nexport interface ArrowsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  color?: ComponentProps<typeof ArrowButton>['color'];\n  iconType?: 'ArrowDefault' | 'ArrowTail';\n  isDisabledHidden?: boolean;\n  isNextDisabled?: boolean;\n  isPrevDisabled?: boolean;\n  labels?: ArrowsLabels;\n  onNext: ComponentProps<typeof ArrowButton>['onClick'];\n  onPrev: ComponentProps<typeof ArrowButton>['onClick'];\n  size?: ComponentProps<typeof ArrowButton>['size'];\n  theme?: ComponentProps<typeof ArrowButton>['theme'];\n}\n\nexport const Arrows: FunctionComponent<ArrowsProps> = ({\n  className,\n  color,\n  iconType = 'ArrowDefault',\n  isDisabledHidden = false,\n  isNextDisabled = false,\n  isPrevDisabled = false,\n  labels = {\n    next: '',\n    previous: '',\n  },\n  onNext,\n  onPrev,\n  size,\n  theme,\n  ...attrs\n}) => {\n  return (\n    <div\n      {...attrs}\n      className={classnames(\n        'pointer-events-none flex w-full items-center justify-between gap-x-20',\n        className,\n      )}\n      data-name=\"Arrows\"\n    >\n      <ArrowButton\n        className={classnames('pointer-events-auto transition-opacity', {\n          'opacity-0': isDisabledHidden && isPrevDisabled,\n        })}\n        color={color}\n        disabled={isPrevDisabled}\n        icon={`${iconType}Left`}\n        onClick={onPrev}\n        size={size}\n        theme={theme}\n      >\n        {labels.previous}\n      </ArrowButton>\n      <ArrowButton\n        className={classnames('pointer-events-auto transition-opacity', {\n          'opacity-0': isDisabledHidden && isNextDisabled,\n        })}\n        color={color}\n        disabled={isNextDisabled}\n        icon={`${iconType}Right`}\n        onClick={onNext}\n        size={size}\n        theme={theme}\n      >\n        {labels.next}\n      </ArrowButton>\n    </div>\n  );\n};\n"],"names":["Arrows","className","color","iconType","isDisabledHidden","isNextDisabled","isPrevDisabled","labels","onNext","onPrev","size","theme","attrs","jsxs","classnames","jsx","ArrowButton"],"mappings":";;;AAoBO,MAAMA,IAAyC,CAAC;AAAA,EACrD,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,QAAAC,IAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,WAAWE;AAAA,MACT;AAAA,MACAb;AAAA,IAAA;AAAA,IAEF,aAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAW,0CAA0C;AAAA,YAC9D,aAAaV,KAAoBE;AAAA,UAAA,CAClC;AAAA,UACD,OAAAJ;AAAA,UACA,UAAUI;AAAA,UACV,MAAM,GAAGH,CAAQ;AAAA,UACjB,SAASM;AAAA,UACT,MAAAC;AAAA,UACA,OAAAC;AAAA,UAEC,UAAAJ,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEV,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAW,0CAA0C;AAAA,YAC9D,aAAaV,KAAoBC;AAAA,UAAA,CAClC;AAAA,UACD,OAAAH;AAAA,UACA,UAAUG;AAAA,UACV,MAAM,GAAGF,CAAQ;AAAA,UACjB,SAASK;AAAA,UACT,MAAAE;AAAA,UACA,OAAAC;AAAA,UAEC,UAAAJ,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAAA;"}

package/molecules/Arrows/ArrowsLabels.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ArrowsLabels.d.js.map

package/molecules/Arrows/ArrowsLabels.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowsLabels.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/molecules/Arrows.d.ts

@@ -1,50 +1 @@
-import type { ComponentProps, FunctionComponent } from 'react';
-import { Button } from './Buttons/Button';
-interface ArrowsProps {
-    /**
-     * onNext handler
-     */
-    onNext: () => void;
-    /**
-     * onPrev handler
-     */
-    onPrev: () => void;
-    /**
-     * Next label
-     */
-    nextLabel?: string;
-    /**
-     * Prev label
-     */
-    prevLabel?: string;
-    /**
-     * Disable next button
-     */
-    disableNext?: boolean;
-    /**
-     * Disable prev button
-     */
-    disablePrev?: boolean;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Theme
-     */
-    theme?: ComponentProps<typeof Button>['theme'];
-    /**
-     * Variant
-     */
-    variant?: ComponentProps<typeof Button>['variant'];
-    /**
-     * Arrow icon type
-     */
-    iconType?: 'ArrowDefault' | 'ArrowTail';
-    /**
-     * Hide disabled arrows
-     */
-    hideDisabled?: boolean;
-}
-export declare const Arrows: FunctionComponent<ArrowsProps>;
-export {};
+export { Arrows } from './Arrows/Arrows';