@caspeco/casper-ui-library 8.4.1 → 9.0.0-alpha.0

package/dist/components/icon/icons/wifi-icon.d.ts

@@ -0,0 +1,2 @@
+export declare const WifiIcon: import('./index.js').CasperIconComponent;
+//# sourceMappingURL=wifi-icon.d.ts.map

package/dist/components/icon/icons/wifi-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wifi-icon.d.ts","sourceRoot":"","sources":["../../../../lib/components/icon/icons/wifi-icon.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,iCAGpB,CAAC"}

package/dist/components/icon/icons/wifi-icon.js

@@ -0,0 +1,8 @@
+import { createCasperIcon as C } from "../create-icon.js";
+const c = C(
+  "WifiIcon",
+  "M1.22404 7.8125C0.911542 8.09375 0.442792 8.0625 0.192792 7.75C-0.0884579 7.4375 -0.0572079 6.96875 0.255292 6.6875C2.84904 4.40625 6.25529 3 10.0053 3C13.724 3 17.1303 4.40625 19.724 6.6875C20.0365 6.96875 20.0678 7.4375 19.8178 7.75C19.5365 8.0625 19.0678 8.09375 18.7553 7.8125C16.4115 5.75 13.349 4.5 10.0053 4.5C6.63029 4.5 3.56779 5.75 1.22404 7.8125ZM10.0053 10C7.97404 10 6.13029 10.7812 4.75529 12.0625C4.44279 12.3438 3.97404 12.3125 3.69279 12C3.41154 11.6875 3.44279 11.2188 3.72404 10.9375C5.38029 9.4375 7.56779 8.5 10.0053 8.5C12.4115 8.5 14.599 9.4375 16.2553 10.9375C16.5365 11.2188 16.5678 11.6875 16.2865 12C16.0053 12.3125 15.5365 12.3438 15.224 12.0625C13.849 10.7812 12.0053 10 10.0053 10ZM11.7553 15.25C11.7553 15.9062 11.4115 16.4688 10.8803 16.7812C10.3178 17.0938 9.66154 17.0938 9.13029 16.7812C8.56779 16.4688 8.25529 15.9062 8.25529 15.25C8.25529 14.625 8.56779 14.0625 9.13029 13.75C9.66154 13.4375 10.3178 13.4375 10.8803 13.75C11.4115 14.0625 11.7553 14.625 11.7553 15.25Z"
+);
+export {
+  c as WifiIcon
+};

package/dist/components/icon/icons/wifi-off-icon.d.ts

@@ -0,0 +1,2 @@
+export declare const WifiOffIcon: import('./index.js').CasperIconComponent;
+//# sourceMappingURL=wifi-off-icon.d.ts.map

package/dist/components/icon/icons/wifi-off-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wifi-off-icon.d.ts","sourceRoot":"","sources":["../../../../lib/components/icon/icons/wifi-off-icon.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iCAGvB,CAAC"}

package/dist/components/icon/icons/wifi-off-icon.js

@@ -0,0 +1,8 @@
+import { createCasperIcon as C } from "../create-icon.js";
+const o = C(
+  "WifiOffIcon",
+  "M1.20774 2.1875L3.9563 4.3125C5.79908 3.46875 7.82926 3 10.0156 3C13.7324 3 17.1369 4.40625 19.7293 6.6875C20.0416 6.96875 20.0728 7.4375 19.823 7.75C19.5419 8.0625 19.0734 8.09375 18.761 7.8125C16.4185 5.75 13.3576 4.5 10.0156 4.5C8.36024 4.5 6.76732 4.8125 5.29934 5.375L9.32848 8.53125C9.54711 8.53125 9.76575 8.5 10.0156 8.5C12.4206 8.5 14.607 9.4375 16.2623 10.9375C16.5434 11.2187 16.5747 11.6875 16.2936 12C16.0125 12.3125 15.544 12.3437 15.2316 12.0625C14.1697 11.0625 12.8579 10.4062 11.3587 10.125L19.698 16.6875C20.0416 16.9375 20.1041 17.4062 19.823 17.7187C19.5731 18.0625 19.1046 18.125 18.7923 17.8437L0.301964 3.34375C-0.0416058 3.09375 -0.104073 2.625 0.177029 2.3125C0.426898 1.96875 0.895402 1.90625 1.20774 2.1875ZM2.39462 6.90625C2.01981 7.1875 1.61378 7.5 1.23897 7.8125C0.926636 8.09375 0.458132 8.0625 0.208263 7.75C-0.0728394 7.4375 -0.0416058 6.96875 0.27073 6.6875C0.551833 6.4375 0.864169 6.1875 1.1765 5.9375L2.39462 6.90625ZM7.07966 10.5937C6.20512 10.9375 5.42428 11.4375 4.76837 12.0625C4.45603 12.3437 3.98753 12.3125 3.70643 12C3.42532 11.6875 3.45656 11.2187 3.73766 10.9375C4.36233 10.4062 5.01824 9.9375 5.76785 9.53125L7.07966 10.5937ZM11.7647 15.25C11.7647 15.9062 11.4211 16.4687 10.8902 16.7812C10.328 17.0937 9.67205 17.0937 9.14108 16.7812C8.57887 16.4687 8.26653 15.9062 8.26653 15.25C8.26653 14.625 8.57887 14.0625 9.14108 13.75C9.67205 13.4375 10.328 13.4375 10.8902 13.75C11.4211 14.0625 11.7647 14.625 11.7647 15.25Z"
+);
+export {
+  o as WifiOffIcon
+};

package/dist/components/icon/icons/wolt-icon.d.ts

@@ -0,0 +1,2 @@
+export declare const WoltIcon: import('./index.js').CasperIconComponent;
+//# sourceMappingURL=wolt-icon.d.ts.map

package/dist/components/icon/icons/wolt-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wolt-icon.d.ts","sourceRoot":"","sources":["../../../../lib/components/icon/icons/wolt-icon.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,iCAGpB,CAAC"}

package/dist/components/icon/icons/wolt-icon.js

@@ -0,0 +1,8 @@
+import { createCasperIcon as C } from "../create-icon.js";
+const t = C(
+  "WoltIcon",
+  "M7.79968 6.68567C7.594 6.6835 7.41149 6.69219 7.32096 6.70088C7.14062 6.71754 7.07834 6.88846 7.08993 7.05648C7.25868 9.49499 6.69739 12.3275 6.08686 12.3217C5.63276 12.3173 5.51688 10.9913 5.52775 9.81148C5.53354 9.11476 5.57917 8.4434 5.60089 7.85025C5.60886 7.63008 5.5292 7.58807 5.37059 7.56779C5.13014 7.53665 4.95777 7.5352 4.71805 7.5859C4.53482 7.62501 4.49064 7.77492 4.29437 8.22975C3.31737 10.4973 2.37804 12.3181 2.37804 12.3181C2.1499 10.4828 2.47871 8.70774 2.75681 7.41281C2.7952 7.23392 2.71046 7.12818 2.56417 7.1289C2.28751 7.13108 1.86383 7.13687 1.67118 7.25999C1.49085 7.37587 1.42277 7.50116 1.36845 7.75972C1.05848 9.24513 0.849895 11.1079 1.13524 12.5513C1.19681 12.8634 1.2685 12.9373 1.39959 13.0206C1.53068 13.1031 2.09414 13.1814 2.31358 13.1835C2.56199 13.1857 2.79013 13.1212 2.98278 12.7975C3.3898 12.1138 3.71715 11.4302 4.33493 10.112C4.38273 11.8357 4.61376 13.1908 5.82469 13.2016C7.4296 13.2154 8.50002 9.21543 8.51668 7.28606C8.52102 6.7762 8.26826 6.69002 7.79968 6.68567Z"
+);
+export {
+  t as WoltIcon
+};

package/dist/components/icon/index.d.ts

@@ -1,4 +1,3 @@
-export type { IconProps } from './icon.js';
-export { Icon } from './icon.js';
-export { Icons } from './types.js';
+export * from './icons/index.js';
+export type { CasperIconComponent, CasperIconProps } from './create-icon.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/icon/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/icon-button/icon-button.d.ts

@@ -1,3 +1,5 @@
+import { ConditionalValue } from '@chakra-ui/react';
+import { IconButtonSize } from './types.js';
 /**
  * Button component with only an icon visible, used to trigger an action or event,
  * such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.
@@ -6,15 +8,15 @@
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button
  */
 export declare const IconButton: import('react').ForwardRefExoticComponent<{
-    icon: import('../icon/index.js').Icons;
-    variant?: Exclude<import('../button/index.js').ButtonProps["variant"], "link" | "segmentedControl" | import('@chakra-ui/styled-system').ResponsiveArray<unknown> | Partial<Record<string, unknown>>>;
-    size?: import('@chakra-ui/styled-system').ResponsiveValue<import('../button/types.js').ButtonSize>;
+    icon: import('../icon/index.js').CasperIconComponent;
+    variant?: Exclude<import('../button/index.js').ButtonProps["variant"], "link" | "segmentedControl">;
+    size?: ConditionalValue<IconButtonSize>;
+    isDisabled?: boolean;
+    isLoading?: boolean;
 } & {
-    "aria-label": string;
+    "aria-label"?: string | undefined | undefined;
     onKeyDown?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
     onClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
-    isDisabled?: boolean | undefined;
-    isLoading?: boolean | undefined;
-} & import('../../index.js').CustomChakraBoxProps & import('../../index.js').MarginProps & import('../../index.js').PaddingProps & import('../../index.js').ShadowProps & import('react').RefAttributes<HTMLButtonElement>>;
+} & import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & import('../../theme/index.js').ShadowProps & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/components/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAMA;;;;;;GAMG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;uLAetB,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAkC,MAAM,kBAAkB,CAAC;AAEzF,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,SAAS,CAAC;AAsB/D;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;+LAmBtB,CAAC"}

package/dist/components/icon-button/icon-button.js

@@ -1,25 +1,36 @@
-import { jsx as t } from "react/jsx-runtime";
-import { IconButton as i } from "@chakra-ui/react";
-import { forwardRef as s, useMemo as u } from "react";
-import { getIconSizeFromButtonSize as f } from "./helper.js";
-import { Icon as p } from "../icon/icon.js";
-const S = s(
-  ({ icon: r, size: o = "md", variant: n = "secondary", ...m }, e) => {
-    const c = u(() => f(o), [o]);
-    return /* @__PURE__ */ t(
-      i,
+import { jsx as e } from "react/jsx-runtime";
+import { IconButton as d } from "@chakra-ui/react";
+import { forwardRef as f, useMemo as s } from "react";
+import { ThemeIconSizeVariable as n } from "../../theme/theme-types.js";
+const m = {
+  xl: n.Large,
+  lg: n.Medium,
+  md: n.Medium,
+  sm: n.Small,
+  xs: n.Small
+};
+function c(t) {
+  return Array.isArray(t) ? t.map((o) => o && m[o]) : t !== null && typeof t == "object" ? Object.fromEntries(Object.entries(t).map(([o, r]) => [o, c(r)])) : m[t];
+}
+const x = f(
+  ({ icon: t, size: o = "md", variant: r = "secondary", isDisabled: a, isLoading: i, ...u }, l) => {
+    const p = s(() => c(o), [o]);
+    return /* @__PURE__ */ e(
+      d,
       {
-        ref: e,
-        isRound: !0,
+        ref: l,
+        borderRadius: "full",
         style: { aspectRatio: 1 },
-        variant: n,
+        variant: r,
         size: o,
-        icon: /* @__PURE__ */ t(p, { size: c, icon: r }),
-        ...m
+        disabled: a,
+        loading: i,
+        ...u,
+        children: /* @__PURE__ */ e(t, { size: p })
       }
     );
   }
 );
 export {
-  S as IconButton
+  x as IconButton
 };

package/dist/components/icon-button/types.d.ts

@@ -1,24 +1,26 @@
-import { ButtonSize } from '../button/types.js';
-import { Icons } from '../icon/index.js';
+import { ButtonProps, ButtonSize } from '../button/index.js';
+import { CasperIconComponent } from '../icon/index.js';
 import { CustomChakraBoxProps, MarginProps, PaddingProps, ShadowProps } from '../../theme/index.js';
-import { IconButtonProps as ChakraIconButtonProps, ResponsiveArray, ResponsiveValue } from '@chakra-ui/react';
-import { ButtonProps } from '../button/index.js';
+import { IconButtonProps as ChakraIconButtonProps, ConditionalValue } from '@chakra-ui/react';
 type CustomStyleProps = CustomChakraBoxProps & MarginProps & PaddingProps & ShadowProps;
+export type IconButtonSize = ButtonSize;
 type CustomProperties = {
     /**
-     * The icon to be displayed in the button. The Icons enum can be found in the Icon component.
+     * The icon to be displayed in the button.
      */
-    icon: Icons;
+    icon: CasperIconComponent;
     /**
      * Appearance variant for Button.
      */
-    variant?: Exclude<ButtonProps["variant"], "link" | "segmentedControl" | ResponsiveArray<unknown> | Partial<Record<string, unknown>>>;
+    variant?: Exclude<ButtonProps["variant"], "link" | "segmentedControl">;
     /**
      * The size of the button, defaults to md
      */
-    size?: ResponsiveValue<ButtonSize>;
+    size?: ConditionalValue<IconButtonSize>;
+    isDisabled?: boolean;
+    isLoading?: boolean;
 };
-type ChakraIconButtonProperties = Pick<ChakraIconButtonProps, "aria-label" | "isDisabled" | "onClick" | "type" | "isLoading" | "onKeyDown">;
+type ChakraIconButtonProperties = Pick<ChakraIconButtonProps, "aria-label" | "onClick" | "type" | "onKeyDown">;
 export type IconButtonProps = CustomProperties & ChakraIconButtonProperties & CustomStyleProps;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/icon-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EACX,eAAe,IAAI,qBAAqB,EACxC,eAAe,EACf,eAAe,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;AAExF,KAAK,gBAAgB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAChB,WAAW,CAAC,SAAS,CAAC,EACtB,MAAM,GAAG,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CACzF,CAAC;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEF,KAAK,0BAA0B,GAAG,IAAI,CACrC,qBAAqB,EACrB,YAAY,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,CAC5E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,0BAA0B,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,eAAe,IAAI,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEnG,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;AAExF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,KAAK,gBAAgB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,mBAAmB,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,kBAAkB,CAAC,CAAC;IACvE;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAGxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,0BAA0B,GAAG,IAAI,CACrC,qBAAqB,EACrB,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAC/C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,0BAA0B,GAAG,gBAAgB,CAAC"}

package/dist/components/image/image.composition.d.ts

@@ -1,3 +1,2 @@
 export declare const BasicImage: () => import("react/jsx-runtime").JSX.Element;
-export declare const ImageWithFallback: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=image.composition.d.ts.map

package/dist/components/image/image.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/image/image.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+CAAqE,CAAC;AAC7F,eAAO,MAAM,iBAAiB,+CAE7B,CAAC"}
+{"version":3,"file":"image.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/image/image.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,+CAAqE,CAAC"}

package/dist/components/image/image.d.ts

@@ -1,6 +1,6 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { ImageProps as ChakraImageProps } from '@chakra-ui/react';
-export type ImageProps = Pick<ChakraImageProps, "alt" | "src" | "srcSet" | "fit" | "objectFit" | "fallback" | "fallbackSrc" | "fallbackStrategy" | "align" | "crossOrigin" | "htmlHeight" | "htmlWidth" | "ignoreFallback" | "loading" | "onError" | "onLoad" | "sizes" | "boxSize" | "aspectRatio"> & ThemeStyleProps;
+export type ImageProps = Pick<ChakraImageProps, "alt" | "src" | "srcSet" | "fit" | "objectFit" | "align" | "crossOrigin" | "htmlHeight" | "htmlWidth" | "loading" | "onError" | "onLoad" | "sizes" | "boxSize" | "aspectRatio"> & ThemeStyleProps;
 /**
  * Renders an image with support for fallbacks.
  *

package/dist/components/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../lib/components/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAwB,KAAK,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE7F,MAAM,MAAM,UAAU,GAAG,IAAI,CAC5B,gBAAgB,EACd,KAAK,GACL,KAAK,GACL,QAAQ,GACR,KAAK,GACL,WAAW,GACX,UAAU,GACV,aAAa,GACb,kBAAkB,GAClB,OAAO,GACP,aAAa,GACb,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,aAAa,CACf,GACA,eAAe,CAAC;AAEjB;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE7C"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../lib/components/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAwB,KAAK,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE7F,MAAM,MAAM,UAAU,GAAG,IAAI,CAC5B,gBAAgB,EACd,KAAK,GACL,KAAK,GACL,QAAQ,GACR,KAAK,GACL,WAAW,GACX,OAAO,GACP,aAAa,GACb,YAAY,GACZ,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,aAAa,CACf,GACA,eAAe,CAAC;AAEjB;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE7C"}

package/dist/components/image-upload/image-upload-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload-icons.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,+CAQrB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAQ1B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAOtB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAO3B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAOtB,CAAC"}
+{"version":3,"file":"image-upload-icons.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,+CAUrB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAU1B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAStB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAS3B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAStB,CAAC"}

package/dist/components/image-upload/image-upload-icons.js

@@ -1,28 +1,28 @@
 import { jsx as C } from "react/jsx-runtime";
 import { Icon as i } from "@chakra-ui/react";
-const e = () => /* @__PURE__ */ C(i, { viewBox: "0 0 30 30", boxSize: "30px", width: "30px", height: "30px", children: /* @__PURE__ */ C(
+const t = () => /* @__PURE__ */ C(i, { boxSize: "30px", width: "30px", height: "30px", asChild: !0, children: /* @__PURE__ */ C("svg", { viewBox: "0 0 30 30", children: /* @__PURE__ */ C(
   "path",
   {
     d: "M24 6.75H6C5.57812 6.75 5.25 7.125 5.25 7.5V22.5V22.5469L5.4375 22.2656L9.1875 17.0156C9.42188 16.6875 9.75 16.5 10.125 16.5C10.4531 16.5 10.8281 16.6875 11.0156 16.9688L12.4688 18.9844L16.3594 13.9688C16.5469 13.6875 16.875 13.5 17.25 13.5C17.5781 13.5 17.9062 13.6875 18.1406 13.9688L24.5156 22.2188L24.75 22.5V7.5C24.75 7.125 24.375 6.75 24 6.75ZM6 4.5H24C25.6406 4.5 27 5.85938 27 7.5V22.5C27 24.1875 25.6406 25.5 24 25.5H6C4.3125 25.5 3 24.1875 3 22.5V7.5C3 5.85938 4.3125 4.5 6 4.5ZM9.75 13.5C8.90625 13.5 8.20312 13.0781 7.78125 12.375C7.35938 11.7188 7.35938 10.8281 7.78125 10.125C8.20312 9.46875 8.90625 9 9.75 9C10.5469 9 11.25 9.46875 11.6719 10.125C12.0938 10.8281 12.0938 11.7188 11.6719 12.375C11.25 13.0781 10.5469 13.5 9.75 13.5Z",
     fill: "#0C0656",
     fillOpacity: "0.24"
   }
-) }), t = () => /* @__PURE__ */ C(i, { viewBox: "0 0 64 64", boxSize: "64px", width: "64px", height: "64px", children: /* @__PURE__ */ C(
+) }) }), L = () => /* @__PURE__ */ C(i, { boxSize: "64px", width: "64px", height: "64px", asChild: !0, children: /* @__PURE__ */ C("svg", { viewBox: "0 0 64 64", children: /* @__PURE__ */ C(
   "path",
   {
     d: "M20 15C16.625 15 14 17.75 14 21C14 24.375 16.625 27 20 27C23.25 27 26 24.375 26 21C26 17.75 23.25 15 20 15ZM56.875 4H8.875C4.5 4 0.875 7.625 0.875 12V52C0.875 56.5 4.5 60 8.875 60H56.875C61.25 60 64.875 56.5 64.875 52V12C64.875 7.625 61.375 4 56.875 4ZM58.875 51.25L41.75 28C41.375 27.375 40.75 27 40 27C39.125 27 38.5 27.375 38 28L24.75 46L20.125 40.25C19.625 39.75 19 39.375 18.25 39.375C17.5 39.375 16.875 39.75 16.375 40.25L7 52L6.875 12C6.875 11 7.875 10 8.875 10H56.875C58 10 58.875 11 58.875 12V51.25Z",
     fill: "#0C0656",
     fillOpacity: "0.24"
   }
-) }), p = () => /* @__PURE__ */ C(i, { viewBox: "0 0 24 24", width: "24px", height: "24px", children: /* @__PURE__ */ C(
+) }) }), l = () => /* @__PURE__ */ C(i, { width: "24px", height: "24px", asChild: !0, children: /* @__PURE__ */ C("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ C(
   "path",
   {
     d: "M17.9766 7.85156L13.2891 12.5391L17.9375 17.1875C18.3281 17.5391 18.3281 18.125 17.9375 18.4766C17.5859 18.8672 17 18.8672 16.6484 18.4766L11.9609 13.8281L7.3125 18.4766C6.96094 18.8672 6.375 18.8672 6.02344 18.4766C5.63281 18.125 5.63281 17.5391 6.02344 17.1484L10.6719 12.5L6.02344 7.85156C5.63281 7.5 5.63281 6.91406 6.02344 6.52344C6.375 6.17188 6.96094 6.17188 7.35156 6.52344L12 11.2109L16.6484 6.5625C17 6.17188 17.5859 6.17188 17.9766 6.5625C18.3281 6.91406 18.3281 7.5 17.9766 7.85156Z",
     fill: "#0C0656"
   }
-) });
+) }) });
 export {
-  e as ImageIcon,
-  t as ImageIconLarge,
-  p as RemoveIcon
+  t as ImageIcon,
+  L as ImageIconLarge,
+  l as RemoveIcon
 };

package/dist/components/image-upload/image-upload.js

@@ -1,32 +1,33 @@
 import { jsxs as k, Fragment as C, jsx as e } from "react/jsx-runtime";
-import { useDisclosure as U, Box as M, Spinner as V } from "@chakra-ui/react";
-import { useState as u } from "react";
-import { ImageIcon as j } from "./image-upload-icons.js";
-import { ImageUploadModal as A } from "./image-upload-modal.js";
+import { useDisclosure as U } from "../../hooks/use-disclosure.js";
+import { Box as j, Spinner as F } from "@chakra-ui/react";
+import { useState as l } from "react";
+import { ImageIcon as M } from "./image-upload-icons.js";
+import { ImageUploadModal as V } from "./image-upload-modal.js";
 import { ImageUploadAspectRatio as r } from "./types.js";
-import { Text as F } from "../text/text.js";
+import { Text as A } from "../text/text.js";
 import { Image as P } from "../image/image.js";
-import { ThemeRadiusVariable as p, ThemeColorVariable as o, ThemeSpaceVariable as R } from "../../theme/theme-types.js";
-function K({
-  title: l,
+import { ThemeRadiusVariable as u, ThemeColorVariable as t, ThemeSpaceVariable as R } from "../../theme/theme-types.js";
+function L({
+  title: p,
   savedImageUrl: n,
   savedCrop: i,
-  aspectRatio: t,
+  aspectRatio: o,
   isLoading: d,
   locale: g = "en-US",
   onSave: a
 }) {
-  const { isOpen: f, onOpen: h, onClose: m } = U(), [s, x] = u(n || ""), [B, w] = u(i || null), b = (c, S, D) => {
+  const { isOpen: f, onOpen: h, onClose: m } = U(), [c, x] = l(n || ""), [B, w] = l(i || null), b = (s, S, D) => {
     const N = {
       crop: S,
       file: {
-        imageFilename: c.fileName,
-        imageUploadData: c.data
+        imageFilename: s.fileName,
+        imageUploadData: s.data
       }
     };
     a && (a(N, D), m());
   }, y = () => {
-    switch (t) {
+    switch (o) {
       case r.OneByOne:
         return "102px";
       case r.SixteenByNine:
@@ -37,7 +38,7 @@ function K({
         return "102px";
     }
   }, I = () => {
-    switch (t) {
+    switch (o) {
       case r.OneByOne:
         return "1:1";
       case r.SixteenByNine:
@@ -47,39 +48,39 @@ function K({
       default:
         return "";
     }
-  }, O = () => d ? /* @__PURE__ */ e(V, { color: o.OnBackgroundBorder, size: "lg", speed: "0.825s" }) : s ? /* @__PURE__ */ e(
+  }, O = () => d ? /* @__PURE__ */ e(F, { color: t.OnBackgroundBorder, size: "lg", animationDuration: "0.825s" }) : c ? /* @__PURE__ */ e(
     P,
     {
       alt: "Preview Image",
-      src: s,
-      borderRadius: p.Medium,
+      src: c,
+      borderRadius: u.Medium,
+      objectFit: "fill",
       h: "100%",
       w: "100%"
     }
-  ) : /* @__PURE__ */ e(j, {}), T = y();
+  ) : /* @__PURE__ */ e(M, {}), T = y();
   return /* @__PURE__ */ k(C, { children: [
     /* @__PURE__ */ e(
-      M,
+      j,
       {
         as: "button",
-        type: "button",
         onClick: h,
-        bg: o.BackgroundDisabled,
-        borderRadius: p.Medium,
+        bg: t.BackgroundDisabled,
+        borderRadius: u.Medium,
         w: T,
         h: "102px",
         children: /* @__PURE__ */ e(O, {})
       }
     ),
-    /* @__PURE__ */ e(F, { mt: R.XSmall, color: o.OnBackground, children: I() }),
+    /* @__PURE__ */ e(A, { mt: R.XSmall, color: t.OnBackground, children: I() }),
     /* @__PURE__ */ e(
-      A,
+      V,
       {
         locale: g,
-        title: l,
+        title: p,
         src: n,
         savedCrop: i,
-        aspectRatio: t,
+        aspectRatio: o,
         isOpen: f,
         onClose: m,
         handleSaveImage: b,
@@ -91,5 +92,5 @@ function K({
   ] });
 }
 export {
-  K as ImageUpload
+  L as ImageUpload
 };

package/dist/components/input/example-icon.d.ts

@@ -1,3 +1,2 @@
-import { ComponentWithAs, IconProps } from '@chakra-ui/react';
-export declare const ExampleIcon: ComponentWithAs<"svg", IconProps>;
+export declare const ExampleIcon: import('../icon/index.js').CasperIconComponent;
 //# sourceMappingURL=example-icon.d.ts.map

package/dist/components/input/example-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"example-icon.d.ts","sourceRoot":"","sources":["../../../lib/components/input/example-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAIxD,CAAC"}
+{"version":3,"file":"example-icon.d.ts","sourceRoot":"","sources":["../../../lib/components/input/example-icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDAKvB,CAAC"}

package/dist/components/input/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/input/helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,SAAS,GAAG,iBAAiB,CAqBhG"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/input/helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,SAAS,GAAG,iBAAiB,CAyBhG"}

package/dist/components/input/helper.js

@@ -1,20 +1,24 @@
-import { ThemeColorVariable as r } from "../../theme/theme-types.js";
-function n(o) {
-  switch (o) {
+import { ThemeColorVariable as o } from "../../theme/theme-types.js";
+function n(r) {
+  switch (r) {
     case "success":
       return {
-        borderColor: r.Success,
-        boxShadow: `0 0 0 4px ${r.SuccessContainer}`,
+        borderColor: o.Success,
+        boxShadow: `0 0 0 4px ${o.SuccessContainer}`,
         _hover: {
-          borderColor: r.Success
+          "&:not(:focus)": {
+            borderColor: o.Success
+          }
         }
       };
     case "warning":
       return {
-        borderColor: r.Warning,
-        boxShadow: `0 0 0 4px ${r.WarningContainer}`,
+        borderColor: o.Warning,
+        boxShadow: `0 0 0 4px ${o.WarningContainer}`,
         _hover: {
-          borderColor: r.Warning
+          "&:not(:focus)": {
+            borderColor: o.Warning
+          }
         }
       };
     default:

package/dist/components/input/input-addon-recipe.d.ts

@@ -0,0 +1,34 @@
+import { ThemeColorToken, ThemeRadiusToken, ThemeSpaceToken } from '../../theme/theme-tokens.js';
+export declare const inputAddonRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    variant: {
+        outline: {
+            color: ThemeColorToken;
+            background: ThemeColorToken;
+            borderColor: ThemeColorToken;
+            borderRadius: ThemeRadiusToken;
+            px: ThemeSpaceToken;
+            _disabled: {
+                opacity: number;
+                cursor: string;
+                background: ThemeColorToken;
+            };
+            _readOnly: {
+                opacity: number;
+                background: ThemeColorToken;
+            };
+        };
+        ghost: {};
+    };
+    size: {
+        lg: {
+            px: ThemeSpaceToken.Medium;
+        };
+        md: {
+            px: ThemeSpaceToken.Small;
+        };
+        sm: {
+            px: ThemeSpaceToken.Small;
+        };
+    };
+}>;
+//# sourceMappingURL=input-addon-recipe.d.ts.map

package/dist/components/input/input-addon-recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-addon-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/input/input-addon-recipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAoB1F,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwB3B,CAAC"}

package/dist/components/input/input-addon-recipe.js

@@ -0,0 +1,44 @@
+import { ThemeSpaceToken as a, ThemeColorToken as e, ThemeRadiusToken as r } from "../../theme/theme-tokens.js";
+import { defineRecipe as i } from "@chakra-ui/react";
+const o = {
+  color: e.OnSurface,
+  background: e.SurfaceDisabled,
+  borderColor: e.OnSurfaceBorder,
+  borderRadius: r.Small,
+  px: a.Medium,
+  _disabled: {
+    opacity: 1,
+    cursor: "not-allowed",
+    background: e.SurfaceDisabled
+  },
+  _readOnly: {
+    opacity: 1,
+    background: e.SurfaceDisabled
+  }
+}, n = i({
+  base: o,
+  variants: {
+    variant: {
+      outline: o,
+      ghost: {}
+    },
+    size: {
+      lg: {
+        px: a.Medium
+      },
+      md: {
+        px: a.Small
+      },
+      sm: {
+        px: a.Small
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "outline",
+    size: "md"
+  }
+});
+export {
+  n as inputAddonRecipe
+};

package/dist/components/input/input-recipe.d.ts

@@ -0,0 +1,3 @@
+import { RecipeDefinition } from '@chakra-ui/react';
+export declare const inputRecipe: RecipeDefinition;
+//# sourceMappingURL=input-recipe.d.ts.map

package/dist/components/input/input-recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/input/input-recipe.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,gBAAgB,EAAwC,MAAM,kBAAkB,CAAC;AA0D/F,eAAO,MAAM,WAAW,EAAE,gBAmExB,CAAC"}