@caspeco/casper-ui-library 0.0.1

package/dist/components/radio/radio-card.js

@@ -0,0 +1,95 @@
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { useRadio as w, Box as a, chakra as y } from "@chakra-ui/react";
+import B from "react";
+import { hoverStylesCard as O } from "./hover-styles.js";
+import { ThemeColorVariable as e, ThemeBorderVariable as c, ThemeSpaceVariable as t, ThemeRadiusVariable as F, ThemeFontSizeVariable as j, ThemeFontVariable as z } from "../../theme/theme-types.js";
+const N = B.forwardRef(
+  ({
+    children: n,
+    id: i,
+    name: l,
+    value: d,
+    isChecked: s,
+    defaultChecked: b,
+    isDisabled: m,
+    isFocusable: p,
+    isReadOnly: h,
+    isInvalid: u,
+    isRequired: f,
+    onChange: S,
+    alignItems: _ = "center",
+    alignContent: A = "center",
+    ...o
+  }, g) => {
+    const { getInputProps: k, getRadioProps: x, htmlProps: C, getLabelProps: P } = w({
+      id: i,
+      name: l,
+      value: d,
+      isChecked: s,
+      defaultChecked: b,
+      isDisabled: m,
+      isFocusable: p,
+      isReadOnly: h,
+      isInvalid: u,
+      isRequired: f,
+      onChange: S,
+      ...o
+    }), R = P(), T = k(), V = x();
+    return /* @__PURE__ */ r(a, { as: "span", __css: O, w: "100%", children: /* @__PURE__ */ v(y.label, { ...R, ...C, cursor: "pointer", textAlign: "center", children: [
+      /* @__PURE__ */ r("input", { ...T, ref: g }),
+      /* @__PURE__ */ r(
+        a,
+        {
+          ...V,
+          ...o,
+          className: "chakra-radio__control",
+          whiteSpace: "nowrap",
+          alignContent: A,
+          alignItems: _,
+          fontFamily: z.Body,
+          fontSize: j.Medium,
+          bg: e.Surface,
+          border: c.XSmall,
+          borderColor: e.OnSurfaceBorder,
+          borderRadius: F.Small,
+          px: t.Medium,
+          py: t.Small,
+          textColor: e.OnSurface,
+          _checked: {
+            textColor: e.OnAccent,
+            bg: e.Accent,
+            borderColor: e.Accent
+          },
+          _disabled: {
+            opacity: 0.48,
+            _checked: {
+              bg: e.Accent,
+              color: e.OnAccent
+            }
+          },
+          _active: {
+            background: e.AccentActiveAlpha,
+            _checked: {
+              background: e.AccentActive
+            },
+            _disabled: {
+              background: e.Surface,
+              _checked: {
+                background: e.Accent
+              }
+            }
+          },
+          _invalid: {
+            border: c.XSmall,
+            borderColor: e.Error,
+            boxShadow: `0 0 0 4px ${e.ErrorContainer}`
+          },
+          children: n
+        }
+      )
+    ] }) });
+  }
+);
+export {
+  N as RadioCard
+};

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

@@ -0,0 +1,4 @@
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Card: () => import("react/jsx-runtime").JSX.Element;
+export declare const Addon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=radio.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/radio/radio.composition.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,+CAenB,CAAC;AAEF,eAAO,MAAM,IAAI,+CAehB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAmBjB,CAAC"}

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ThemeStyleProps } from '../../theme/index.js';
+import { RadioProps as ChakraRadioProps } from '@chakra-ui/react';
+export type RadioProps = Pick<ChakraRadioProps, "defaultChecked" | "isChecked" | "onChange" | "isInvalid" | "isDisabled" | "value" | "children"> & ThemeStyleProps;
+/**
+ * Radio component is used in forms when a user needs to select a single value from several options.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/radio
+ */
+export declare const Radio: React.ForwardRefExoticComponent<Pick<ChakraRadioProps, "children" | "value" | "defaultChecked" | "onChange" | "isDisabled" | "isChecked" | "isInvalid"> & ThemeStyleProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../lib/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAA8B,KAAK,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGnG,MAAM,MAAM,UAAU,GAAG,IAAI,CAC5B,gBAAgB,EAChB,gBAAgB,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,CAC/F,GACA,eAAe,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,KAAK,oNAyCjB,CAAC"}

package/dist/components/radio/radio.js

@@ -0,0 +1,43 @@
+import { jsx as e } from "react/jsx-runtime";
+import b from "react";
+import { Flex as _, Radio as f } from "@chakra-ui/react";
+import { hoverStyles as A } from "./hover-styles.js";
+import { ThemeColorVariable as r } from "../../theme/theme-types.js";
+const k = b.forwardRef(
+  ({ value: o, children: c, defaultChecked: t, onChange: d, isChecked: i, isInvalid: a, isDisabled: n, ...l }, m) => /* @__PURE__ */ e(_, { __css: A, ...l, children: /* @__PURE__ */ e(
+    f,
+    {
+      ref: m,
+      value: o,
+      defaultChecked: t,
+      isChecked: i,
+      onChange: d,
+      isInvalid: a,
+      isDisabled: n,
+      w: "100%",
+      _invalid: {
+        borderColor: r.Error,
+        boxShadow: `0 0 0 4px ${r.ErrorContainer}`
+      },
+      _active: {
+        borderColor: `${r.AccentActive}`,
+        _checked: {
+          background: `${r.AccentActive}`,
+          borderColor: `${r.AccentActive}`
+        },
+        _disabled: {
+          borderColor: `${r.OnBackground}`,
+          _checked: {
+            background: `${r.Accent}`,
+            borderColor: `${r.Accent}`
+          }
+        }
+      },
+      children: c
+    },
+    o
+  ) })
+);
+export {
+  k as Radio
+};

package/dist/components/radio/radio.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=radio.spec.d.ts.map

package/dist/components/radio/radio.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/radio/radio.spec.tsx"],"names":[],"mappings":""}

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,4 @@
+export { RadioGroup } from './radio-group.js';
+export { useRadioGroup } from '@chakra-ui/react';
+export type { RadioGroupProps } from './radio-group.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/radio-group/radio-group.composition.d.ts

@@ -0,0 +1,9 @@
+export declare const BasicGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicDisabledGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomAddonGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledAddonGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomCardGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledCardGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomCardExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomAddonExample: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=radio-group.composition.d.ts.map

package/dist/components/radio-group/radio-group.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/radio-group/radio-group.composition.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,+CAQtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAQ9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAqB5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAsB9B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAqB3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAsB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAwC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAgD9B,CAAC"}

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,12 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { RadioGroupProps as ChakraRadioGroupProps } from '@chakra-ui/react';
+type ChakraRadioGroupProperties = Pick<ChakraRadioGroupProps, "children" | "name" | "isDisabled" | "defaultValue" | "value" | "onChange">;
+export type RadioGroupProps = ChakraRadioGroupProperties & ThemeStyleProps;
+/**
+ * Used for multiple radios which are bound in one group, and it indicates which option is selected.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/radio-group
+ */
+export declare function RadioGroup({ children, name, isDisabled, defaultValue, value, onChange, display, flexDirection, gap, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../lib/components/radio-group/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAEN,KAAK,eAAe,IAAI,qBAAqB,EAC7C,MAAM,kBAAkB,CAAC;AAE1B,KAAK,0BAA0B,GAAG,IAAI,CACrC,qBAAqB,EACrB,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,CAC1E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,0BAA0B,GAAG,eAAe,CAAC;AAE3E;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAgB,EAChB,aAAwB,EACxB,GAA+B,EAC/B,GAAG,KAAK,EACR,EAAE,eAAe,2CAgBjB"}

package/dist/components/radio-group/radio-group.js

@@ -0,0 +1,34 @@
+import { jsx as d } from "react/jsx-runtime";
+import { RadioGroup as n } from "@chakra-ui/react";
+import { ThemeSpaceVariable as c } from "../../theme/theme-types.js";
+function R({
+  children: o,
+  name: r,
+  isDisabled: i,
+  defaultValue: m,
+  value: e,
+  onChange: p,
+  display: a = "flex",
+  flexDirection: u = "column",
+  gap: t = c.Medium,
+  ...f
+}) {
+  return /* @__PURE__ */ d(
+    n,
+    {
+      name: r,
+      isDisabled: i,
+      defaultValue: m,
+      value: e,
+      onChange: p,
+      display: a,
+      flexDirection: u,
+      gap: t,
+      ...f,
+      children: o
+    }
+  );
+}
+export {
+  R as RadioGroup
+};

package/dist/components/radio-group/radio-group.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=radio-group.spec.d.ts.map

package/dist/components/radio-group/radio-group.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/radio-group/radio-group.spec.tsx"],"names":[],"mappings":""}

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,3 @@
+export { SegmentedControl } from './segmented-control.js';
+export type { SegmentedControlProps, SegmentedControlItem } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/segmented-control/segmented-control-item.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { ButtonProps, ResponsiveValue } from '@chakra-ui/react';
+import { SegmentedControlItem } from './types.js';
+type CustomButtonProps = Pick<ButtonProps, "isDisabled" | "isActive" | "key" | "aria-label">;
+type SegmentedControlButtonProps = CustomButtonProps & {
+    /**
+     * Segmented Control item to display as Button.
+     */
+    item: SegmentedControlItem;
+    /**
+     * Custom internal onClick callback, returning item that was clicked.
+     */
+    onClick: (item: SegmentedControlItem) => void;
+    /**
+     * Size for component. Defaults to 'md' (medium).
+     */
+    size: ResponsiveValue<"md" | "sm"> | undefined;
+    children: React.ReactNode;
+};
+/**
+ * Internal component used within SegmentedControl to display each SegmentedControl-item.
+ * Renders a Button with the theme variant 'segmentedControl', a variant used only by this component.
+ */
+export declare function SegmentedControlButton({ item, onClick, ...props }: SegmentedControlButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=segmented-control-item.d.ts.map

package/dist/components/segmented-control/segmented-control-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control-item.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,GAAG,KAAK,GAAG,YAAY,CAAC,CAAC;AAE7F,KAAK,2BAA2B,GAAG,iBAAiB,GAAG;IACtD;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,2CAW9F"}

package/dist/components/segmented-control/segmented-control-item.js

@@ -0,0 +1,12 @@
+import { jsx as c } from "react/jsx-runtime";
+import "react";
+import { Button as l } from "../button/button.js";
+function s({ item: t, onClick: o, ...n }) {
+  const r = () => {
+    o(t);
+  }, { id: e } = t, { children: i } = n;
+  return /* @__PURE__ */ c(l, { id: e, variant: "segmentedControl", type: "button", onClick: r, ...n, children: i });
+}
+export {
+  s as SegmentedControlButton
+};

package/dist/components/segmented-control/segmented-control.composition.d.ts

@@ -0,0 +1,6 @@
+export declare const MediumSize: () => import("react/jsx-runtime").JSX.Element;
+export declare const SmallSize: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledItem: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledGroup: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomLabels: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=segmented-control.composition.d.ts.map

package/dist/components/segmented-control/segmented-control.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control.composition.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,+CAetB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAiBrB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAgBxB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAiBzB,CAAC;AAcF,eAAO,MAAM,YAAY,+CAgCxB,CAAC"}

package/dist/components/segmented-control/segmented-control.d.ts

@@ -0,0 +1,9 @@
+import { SegmentedControlProps } from './types.js';
+/**
+ * Used for switching between a set of equal options,
+ * with one choice always being the active one.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/segmented-control
+ */
+export declare function SegmentedControl({ items, activeItemId, onChange, isDisabled, size, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/components/segmented-control/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAC;AAG3E;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,IAAW,EACX,GAAG,KAAK,EACR,EAAE,qBAAqB,2CAmCvB"}

package/dist/components/segmented-control/segmented-control.js

@@ -0,0 +1,50 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Box as b, ButtonGroup as p } from "@chakra-ui/react";
+import { SegmentedControlButton as t } from "./segmented-control-item.js";
+import { ThemeRadiusVariable as u, ThemeColorVariable as h, ThemeSpaceVariable as o } from "../../theme/theme-types.js";
+function g({
+  items: e,
+  activeItemId: n,
+  onChange: l,
+  isDisabled: d,
+  size: i = "md",
+  ...c
+}) {
+  const s = (r) => {
+    l && l(r);
+  };
+  return /* @__PURE__ */ a(
+    b,
+    {
+      p: o.XSmall,
+      bg: h.AccentContainer,
+      borderRadius: u.Small,
+      ...c,
+      children: /* @__PURE__ */ a(
+        p,
+        {
+          w: "100%",
+          isDisabled: d,
+          spacing: o.XSmall,
+          _disabled: { opacity: 1, cursor: "not-allowed" },
+          children: e.map((r) => /* @__PURE__ */ a(
+            t,
+            {
+              item: r,
+              onClick: s,
+              isDisabled: r == null ? void 0 : r.isDisabled,
+              isActive: n === r.id,
+              size: i,
+              "aria-label": r == null ? void 0 : r.ariaLabel,
+              children: r.label
+            },
+            r.id
+          ))
+        }
+      )
+    }
+  );
+}
+export {
+  g as SegmentedControl
+};

package/dist/components/segmented-control/segmented-control.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=segmented-control.spec.d.ts.map

package/dist/components/segmented-control/segmented-control.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control.spec.tsx"],"names":[],"mappings":""}

package/dist/components/segmented-control/types.d.ts

@@ -0,0 +1,45 @@
+import { MarginProps, PaddingProps } from '../../theme/index.js';
+import { ResponsiveValue } from '@chakra-ui/react';
+export type SegmentedControlItem = {
+    /**
+     * Required identifier for item.
+     */
+    id: string;
+    /**
+     * Required label displayed for item.
+     */
+    label: string | JSX.Element;
+    /**
+     * When true, item cannot be interacted with.
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional button aria label.
+     */
+    ariaLabel?: string;
+};
+type CustomSegmentedControlProps = {
+    /**
+     * Items to be displayed.
+     */
+    items: SegmentedControlItem[];
+    /**
+     * Id of item that should be indicated as active.
+     */
+    activeItemId: string;
+    /**
+     * Callback for when a segment control item is clicked.
+     */
+    onChange?: (item: SegmentedControlItem) => void;
+    /**
+     * Segmented Control cannot be interacted with, and neither can its items.
+     */
+    isDisabled?: boolean;
+    /**
+     * Size for component. Defaults to 'md' (medium).
+     */
+    size?: ResponsiveValue<"md" | "sm"> | undefined;
+};
+export type SegmentedControlProps = CustomSegmentedControlProps & MarginProps & PaddingProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/segmented-control/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IAClC;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,WAAW,GAAG,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Select } from './select.js';
+export type { SelectProps } from './select.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledSelect: () => import("react/jsx-runtime").JSX.Element;
+export declare const GhostVariant: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=select.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/select/select.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,+CAoBjB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAU1B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAUxB,CAAC"}

package/dist/components/select/select.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { LayoutProps, ResponsiveValue, SelectProps as ChakraSelectProps } from '@chakra-ui/react';
+import { CustomChakraBoxProps, MarginProps, PaddingProps } from '../../theme/index.js';
+type CustomProps = {
+    /** Size of select. Defaults to medium / 'md'. */
+    size?: ResponsiveValue<(string & {}) | "sm" | "md" | "lg"> | undefined;
+    variant?: "ghost" | "outline";
+};
+type ChakraSelectProperties = Pick<ChakraSelectProps, "onChange" | "onBlur" | "isDisabled" | "isReadOnly" | "isRequired" | "value" | "defaultValue" | "placeholder" | "children" | "name" | "autoComplete" | "autoFocus">;
+export type SelectProps = ChakraSelectProperties & CustomProps & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps;
+export declare const Select: React.ForwardRefExoticComponent<ChakraSelectProperties & CustomProps & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & React.RefAttributes<HTMLSelectElement>>;
+export {};
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../lib/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACN,KAAK,WAAW,EAChB,KAAK,eAAe,EAEpB,KAAK,WAAW,IAAI,iBAAiB,EACrC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACN,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAEjB,MAAM,SAAS,CAAC;AAGjB,KAAK,WAAW,GAAG;IAClB,iDAAiD;IACjD,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACvE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AACF,KAAK,sBAAsB,GAAG,IAAI,CACjC,iBAAiB,EACf,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,aAAa,GACb,UAAU,GACV,MAAM,GACN,cAAc,GACd,WAAW,CACb,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,sBAAsB,GAC/C,WAAW,GACX,oBAAoB,GACpB,WAAW,GACX,WAAW,GACX,YAAY,CAAC;AAEd,eAAO,MAAM,MAAM,kLAgBlB,CAAC"}

package/dist/components/select/select.js

@@ -0,0 +1,15 @@
+import { jsx as o, Fragment as n } from "react/jsx-runtime";
+import r from "react";
+import { Select as f } from "@chakra-ui/react";
+import { Icon as s } from "../icon/icon.js";
+import { Icons as p } from "../icon/types.js";
+import { ThemeIconSizeVariable as a } from "../../theme/theme-types.js";
+const h = r.forwardRef(
+  ({ children: t, size: m = "md", variant: e = "outline", ...c }, i) => {
+    const l = r.useCallback(() => e === "ghost" ? /* @__PURE__ */ o(n, {}) : /* @__PURE__ */ o(s, { icon: p.TreeViewCollapse, size: a.Small }), [e]);
+    return /* @__PURE__ */ o(f, { ref: i, size: m, icon: l(), variant: e, ...c, children: t });
+  }
+);
+export {
+  h as Select
+};

package/dist/components/select/select.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=select.spec.d.ts.map

package/dist/components/select/select.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/select/select.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+export { Skeleton } from './skeleton.js';
+export { SkeletonText } from './skeleton-text.js';
+export type { SkeletonProps, SkeletonTextProps } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/skeleton/skeleton-text.d.ts

@@ -0,0 +1,8 @@
+import { SkeletonTextProps } from './types.js';
+/**
+ * Used to display the loading state of some component.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/skelton
+ */
+export declare function SkeletonText({ startColor, endColor, ...props }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton-text.d.ts.map

package/dist/components/skeleton/skeleton-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-text.d.ts","sourceRoot":"","sources":["../../../lib/components/skeleton/skeleton-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;GAIG;AAEH,wBAAgB,YAAY,CAAC,EAC5B,UAAkD,EAClD,QAAgD,EAChD,GAAG,KAAK,EACR,EAAE,iBAAiB,2CAUnB"}

package/dist/components/skeleton/skeleton-text.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import { SkeletonText as a } from "@chakra-ui/react";
+import { ThemeColorVariable as e } from "../../theme/theme-types.js";
+function l({
+  startColor: o = e.BackgroundDisabled,
+  endColor: r = e.OnBackgroundBorder,
+  ...t
+}) {
+  return /* @__PURE__ */ n(
+    a,
+    {
+      speed: 0.8,
+      fadeDuration: 0.4,
+      startColor: o,
+      endColor: r,
+      ...t
+    }
+  );
+}
+export {
+  l as SkeletonText
+};

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

@@ -0,0 +1,3 @@
+export declare const BasicSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicSkeletonText: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/skeleton/skeleton.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,+CAEzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAM7B,CAAC"}

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,8 @@
+import { SkeletonProps } from './types.js';
+/**
+ * Used to display the loading state of some component.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/skelton
+ */
+export declare function Skeleton({ startColor, endColor, children, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../lib/components/skeleton/skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;GAIG;AAEH,wBAAgB,QAAQ,CAAC,EACxB,UAAkD,EAClD,QAAgD,EAChD,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,aAAa,2CAMf"}

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Skeleton as a } from "@chakra-ui/react";
+import { ThemeColorVariable as o } from "../../theme/theme-types.js";
+function d({
+  startColor: r = o.BackgroundDisabled,
+  endColor: e = o.OnBackgroundBorder,
+  children: n,
+  ...t
+}) {
+  return /* @__PURE__ */ m(a, { startColor: r, endColor: e, ...t, children: n });
+}
+export {
+  d as Skeleton
+};

package/dist/components/skeleton/skeleton.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=skeleton.spec.d.ts.map

package/dist/components/skeleton/skeleton.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/skeleton/skeleton.spec.tsx"],"names":[],"mappings":""}

package/dist/components/skeleton/types.d.ts

@@ -0,0 +1,12 @@
+import { LayoutProps, MarginProps, PaddingProps, ThemeColorVariable } from '../../theme/index.js';
+import { SkeletonProps as ChakraSkeletonProps, SkeletonTextProps as ChakraSkeletonTextProps } from '@chakra-ui/react';
+type SkeletonCustomProps = {
+    /** The color at the animation start */
+    startColor?: ThemeColorVariable;
+    /** The color at the animation end */
+    endColor?: ThemeColorVariable;
+};
+export type SkeletonProps = SkeletonCustomProps & ChakraSkeletonProps & MarginProps & LayoutProps;
+export type SkeletonTextProps = SkeletonCustomProps & ChakraSkeletonTextProps & MarginProps & LayoutProps & PaddingProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/skeleton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACpG,OAAO,KAAK,EACX,aAAa,IAAI,mBAAmB,EACpC,iBAAiB,IAAI,uBAAuB,EAC5C,MAAM,kBAAkB,CAAC;AAE1B,KAAK,mBAAmB,GAAG;IAC1B,uCAAuC;IACvC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,WAAW,GAAG,WAAW,CAAC;AAElG,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAClD,uBAAuB,GACvB,WAAW,GACX,WAAW,GACX,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Stack } from './stack.js';
+export type { StackProps } from './stack.js';
+//# sourceMappingURL=index.d.ts.map