@caspeco/casper-ui-library 0.0.1

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

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

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

@@ -0,0 +1,4 @@
+export declare const StackColumnDirection: () => import("react/jsx-runtime").JSX.Element;
+export declare const StackRowDirection: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithDivider: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stack.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/stack/stack.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,+CAYhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,+CAYvB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { ThemeSpaceVariable, ThemeStyleProps } from '../../theme/index.js';
+import { StackProps as ChakraStackProps, ResponsiveValue } from '@chakra-ui/react';
+type CustomStackProps = {
+    spacing?: ResponsiveValue<ThemeSpaceVariable | (string & {})> | undefined;
+};
+export type StackProps = Pick<ChakraStackProps, "direction" | "children" | "divider"> & CustomStackProps & ThemeStyleProps;
+/**
+ * Stacks help you easily create flexible and automatically distributed layouts
+ * You can stack elements in the horizontal or vertical direction, and apply a space or/and divider between each element.
+ * It uses display: flex internally and renders a div.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/stack
+ */
+export declare const Stack: import('@chakra-ui/system').ComponentWithAs<"div", StackProps>;
+export {};
+//# sourceMappingURL=stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../lib/components/stack/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAEN,KAAK,UAAU,IAAI,gBAAgB,EAEnC,KAAK,eAAe,EACpB,MAAM,kBAAkB,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC;CAC1E,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,GACpF,gBAAgB,GAChB,eAAe,CAAC;AAEjB;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,gEAMhB,CAAC"}

package/dist/components/stack/stack.js

@@ -0,0 +1,6 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as c, Stack as f } from "@chakra-ui/react";
+const k = c(({ children: r, ...t }, o) => /* @__PURE__ */ a(f, { ref: o, ...t, children: r }));
+export {
+  k as Stack
+};

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

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

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

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

package/dist/components/stepper/check-icon.d.ts

@@ -0,0 +1,3 @@
+import { ComponentWithAs, IconProps } from '@chakra-ui/react';
+export declare const CheckIcon: ComponentWithAs<"svg", IconProps>;
+//# sourceMappingURL=check-icon.d.ts.map

package/dist/components/stepper/check-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-icon.d.ts","sourceRoot":"","sources":["../../../lib/components/stepper/check-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAItD,CAAC"}

package/dist/components/stepper/check-icon.js

@@ -0,0 +1,9 @@
+import { createIcon as c } from "@chakra-ui/react";
+const e = c({
+  displayName: "CheckIcon",
+  viewBox: "0 0 512 512",
+  d: "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
+});
+export {
+  e as CheckIcon
+};

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

@@ -0,0 +1,5 @@
+export { Stepper } from './stepper.js';
+export { StepContext } from './step-context.js';
+export type { StepContextValues } from './step-context.js';
+export type { StepperProps, TStep } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/stepper/step-context.d.ts

@@ -0,0 +1,22 @@
+import { ThemeColorVariable } from '../../theme/index.js';
+import { StepIcon } from './types.js';
+export type StepContextValues = {
+    /** Orientation provided from Stepper parent. */
+    orientation: "vertical" | "horizontal";
+    /** False when step is last, otherwise true. */
+    showDivider: boolean;
+    /** Step is active step */
+    isActiveStep: boolean;
+    /** Label to display next to/below step circle */
+    label: string | JSX.Element;
+    /** Step icon */
+    icon?: StepIcon;
+    /** Step circle color */
+    color: ThemeColorVariable;
+    /** Step icon color */
+    iconColor: ThemeColorVariable;
+    /** Step divider color */
+    dividerColor: ThemeColorVariable;
+};
+export declare const StepContext: import('react').Context<StepContextValues>;
+//# sourceMappingURL=step-context.d.ts.map

package/dist/components/stepper/step-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-context.d.ts","sourceRoot":"","sources":["../../../lib/components/stepper/step-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,gDAAgD;IAChD,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC,+CAA+C;IAC/C,WAAW,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,gBAAgB;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,wBAAwB;IACxB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,sBAAsB;IACtB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,yBAAyB;IACzB,YAAY,EAAE,kBAAkB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,WAAW,4CAA4D,CAAC"}

package/dist/components/stepper/step-context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as StepContext
+};

package/dist/components/stepper/step.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Internal usage in Stepper.tsx only. Not to be exposed.
+ */
+export declare function Step(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=step.d.ts.map

package/dist/components/stepper/step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["../../../lib/components/stepper/step.tsx"],"names":[],"mappings":"AAyFA;;GAEG;AACH,wBAAgB,IAAI,4CA2BnB"}

package/dist/components/stepper/step.js

@@ -0,0 +1,86 @@
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { useContext as a } from "react";
+import { Text as g, Box as s, Flex as m, Icon as d, Spinner as C } from "@chakra-ui/react";
+import { CheckIcon as w } from "./check-icon.js";
+import { TimesIcon as z } from "./times-icon.js";
+import { StepContext as p } from "./step-context.js";
+import { ThemeColorVariable as T, ThemeFontSizeVariable as v, ThemeFontVariable as V, ThemeSpaceVariable as x, ThemeRadiusVariable as h } from "../../theme/theme-types.js";
+const S = (e, r) => {
+  switch (!0) {
+    case e:
+      return "32px";
+    case !!r:
+      return "24px";
+    default:
+      return "13px";
+  }
+};
+function I(e, r) {
+  if (!r) return "0px";
+  switch (e) {
+    case "32px":
+      return "4px";
+    case "13px":
+      return "-6px";
+    case "24px":
+    default:
+      return "0px";
+  }
+}
+function f() {
+  const { isActiveStep: e, iconColor: r, color: n, icon: t } = a(p), o = S(e, t), c = e ? "20px" : "16px";
+  return /* @__PURE__ */ l(
+    s,
+    {
+      backgroundColor: n,
+      borderRadius: "full",
+      w: o,
+      minW: o,
+      h: o,
+      minH: o,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: r,
+      children: [
+        t === "check" && /* @__PURE__ */ i(d, { as: w, boxSize: c }),
+        t === "spinner" && /* @__PURE__ */ i(C, { size: e ? "sm" : "xs" }),
+        t === "times" && /* @__PURE__ */ i(d, { as: z, boxSize: c })
+      ]
+    }
+  );
+}
+function H() {
+  const { showDivider: e, dividerColor: r } = a(p);
+  return /* @__PURE__ */ l(m, { direction: "column", alignItems: "center", w: "48px", gap: x.Small, children: [
+    /* @__PURE__ */ i(f, {}),
+    e && /* @__PURE__ */ i(s, { width: "3px", minH: "46px", bg: r, borderRadius: h.Small })
+  ] });
+}
+function k() {
+  const { showDivider: e, dividerColor: r } = a(p);
+  return /* @__PURE__ */ l(m, { direction: "row", alignItems: "center", h: "48px", gap: x.Small, children: [
+    /* @__PURE__ */ i(f, {}),
+    e && /* @__PURE__ */ i(s, { w: "100%", h: "3px", bg: r, borderRadius: h.Small })
+  ] });
+}
+function D() {
+  const { isActiveStep: e, orientation: r, label: n, icon: t } = a(p), o = r === "vertical", c = S(e, t), u = I(c, o), b = typeof n == "string" ? /* @__PURE__ */ i(
+    g,
+    {
+      mt: u,
+      fontFamily: V.SubHeader,
+      fontSize: v.Medium,
+      color: T.OnBackgroundHeader,
+      fontWeight: "medium",
+      children: n
+    }
+  ) : /* @__PURE__ */ i(s, { mt: u, children: n });
+  return /* @__PURE__ */ l(m, { w: "100%", h: "100%", direction: o ? "row" : "column", children: [
+    o ? /* @__PURE__ */ i(H, {}) : /* @__PURE__ */ i(k, {}),
+    b
+  ] });
+}
+export {
+  D as Step
+};

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

@@ -0,0 +1,7 @@
+export declare const HorizontalOrientation: () => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalOrientation: () => import("react/jsx-runtime").JSX.Element;
+export declare const ActiveStep: () => import("react/jsx-runtime").JSX.Element;
+export declare const StepIcons: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomColorsExampleOne: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomColorsExampleTwo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stepper.composition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/stepper/stepper.composition.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,+CAejC,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAc/B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAetB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAgBrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAwBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAmBlC,CAAC"}

package/dist/components/stepper/stepper.d.ts

@@ -0,0 +1,8 @@
+import { StepperProps } from './types.js';
+/**
+ * A representation of a progress through a series of steps.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/stepper
+ */
+export declare function Stepper({ activeStep, orientation, steps, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../lib/components/stepper/stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EAAE,UAAU,EAAE,WAAwB,EAAE,KAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA2BnG"}

package/dist/components/stepper/stepper.js

@@ -0,0 +1,24 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Stack as u } from "@chakra-ui/react";
+import { StepContext as v } from "./step-context.js";
+import { Step as C } from "./step.js";
+import { ThemeColorVariable as e, ThemeSpaceVariable as S } from "../../theme/theme-types.js";
+function B({ activeStep: t, orientation: i = "vertical", steps: c = [], ...a }) {
+  const m = i === "vertical", d = c.map((o, n) => {
+    const l = n + 1, p = {
+      orientation: i,
+      isActiveStep: t === l,
+      showDivider: n !== c.length - 1,
+      label: o.label,
+      icon: o.icon,
+      color: o.color ?? e.OnBackgroundBorder,
+      iconColor: o.iconColor ?? e.OnBackground,
+      dividerColor: (o.dividerColor || o.color) ?? e.OnBackgroundBorder
+    };
+    return /* @__PURE__ */ r(v.Provider, { value: p, children: /* @__PURE__ */ r(C, {}) }, l);
+  });
+  return /* @__PURE__ */ r(u, { spacing: S.Small, direction: m ? "column" : "row", ...a, children: d });
+}
+export {
+  B as Stepper
+};

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

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

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

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

package/dist/components/stepper/times-icon.d.ts

@@ -0,0 +1,3 @@
+import { ComponentWithAs, IconProps } from '@chakra-ui/react';
+export declare const TimesIcon: ComponentWithAs<"svg", IconProps>;
+//# sourceMappingURL=times-icon.d.ts.map

package/dist/components/stepper/times-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"times-icon.d.ts","sourceRoot":"","sources":["../../../lib/components/stepper/times-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpF,eAAO,MAAM,SAAS,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAItD,CAAC"}

package/dist/components/stepper/times-icon.js

@@ -0,0 +1,9 @@
+import { createIcon as c } from "@chakra-ui/react";
+const s = c({
+  displayName: "TimesIcon",
+  viewBox: "0 0 320 512",
+  d: "M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"
+});
+export {
+  s as TimesIcon
+};

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

@@ -0,0 +1,24 @@
+import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps, ThemeColorVariable } from '../../theme/index.js';
+export type StepIcon = "times" | "check" | "spinner";
+export type StepCircleSize = "13px" | "24px" | "32px";
+export type TStep = {
+    /** Label to be displayed next to step. Can be both a string and an element */
+    label: string | JSX.Element;
+    /** The color of the step. */
+    color?: ThemeColorVariable;
+    /** Color of any icon displayed for step. */
+    iconColor?: ThemeColorVariable;
+    /** The color of the divider, defaults to 'color' if nothing is added. */
+    dividerColor?: ThemeColorVariable;
+    /** The icon that will be displayed in the step. */
+    icon?: StepIcon;
+};
+export type StepperProps = {
+    /** List of Step objects to be displayed. */
+    steps: TStep[];
+    /** Number identifying current active step. */
+    activeStep?: number;
+    /** Decides the orientation of the stepper. Defaults to vertical */
+    orientation?: "vertical" | "horizontal";
+} & CustomChakraBoxProps & MarginProps & PaddingProps & LayoutProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,kBAAkB,EAClB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,MAAM,MAAM,KAAK,GAAG;IACnB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,yEAAyE;IACzE,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,mDAAmD;IACnD,IAAI,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,4CAA4C;IAC5C,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACxC,GAAG,oBAAoB,GACvB,WAAW,GACX,YAAY,GACZ,WAAW,CAAC"}

package/dist/components/switch/hover-styles.d.ts

@@ -0,0 +1,3 @@
+import { SystemStyleObject } from '@chakra-ui/react';
+export declare const hoverStyles: SystemStyleObject;
+//# sourceMappingURL=hover-styles.d.ts.map

package/dist/components/switch/hover-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-styles.d.ts","sourceRoot":"","sources":["../../../lib/components/switch/hover-styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAO1D,eAAO,MAAM,WAAW,EAAE,iBAwCzB,CAAC"}

package/dist/components/switch/hover-styles.js

@@ -0,0 +1,45 @@
+import { ThemeColorVariable as e } from "../../theme/theme-types.js";
+const c = "label:not([data-checked]):not([data-disabled]):hover", a = "label[data-checked]:not([data-disabled]):hover", r = "label[data-disabled]:not([data-checked]):hover", t = "label[data-disabled][data-checked]:hover", d = {
+  // Target only device that supports hover (excludes thouch screen devices):
+  "@media(hover: hover)": {
+    // General hover styles for entire switch:
+    [c]: {
+      ".chakra-switch__track": {
+        borderColor: e.OnSurface
+      },
+      ".chakra-switch__thumb": {
+        bg: e.OnSurface
+      }
+    },
+    [a]: {
+      ".chakra-switch__track": {
+        bg: e.AccentHover,
+        borderColor: e.AccentHover
+      },
+      ".chakra-switch__thumb": {
+        bg: e.OnAccent
+      }
+    },
+    [r]: {
+      ".chakra-switch__track": {
+        bg: e.Surface,
+        borderColor: e.OnSurfaceSubdued
+      },
+      ".chakra-switch__thumb": {
+        bg: e.OnSurfaceSubdued
+      }
+    },
+    [t]: {
+      ".chakra-switch__track": {
+        bg: e.Accent,
+        borderColor: e.Accent
+      },
+      ".chakra-switch__thumb": {
+        bg: e.OnAccent
+      }
+    }
+  }
+};
+export {
+  d as hoverStyles
+};

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

@@ -0,0 +1,3 @@
+export { Switch } from './switch.js';
+export type { SwitchProps } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/switch/switch.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,+CAWjB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAmBlB,CAAC"}

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export declare const Switch: React.ForwardRefExoticComponent<{
+    value?: string | number | undefined;
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    isDisabled?: boolean | undefined;
+    isChecked?: boolean | undefined;
+} & import('../../index.js').CustomChakraBoxProps & import('../../index.js').LayoutProps & import('../../index.js').MarginProps & import('../../index.js').PaddingProps & import('@chakra-ui/styled-system').ColorProps & {
+    size?: import('./types.js').SwitchSize;
+} & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../lib/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,MAAM;;;;;;;0CAwBlB,CAAC"}

package/dist/components/switch/switch.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "react";
+import { Flex as s, Switch as l } from "@chakra-ui/react";
+import { hoverStyles as a } from "./hover-styles.js";
+const n = i.forwardRef(
+  ({
+    size: t = "md",
+    display: e = "flex",
+    alignItems: o = "center",
+    justifyContent: f = "flex-start",
+    ...m
+  }, c) => /* @__PURE__ */ r(s, { __css: a, children: /* @__PURE__ */ r(
+    l,
+    {
+      size: t,
+      display: e,
+      alignItems: o,
+      justifyContent: f,
+      ref: c,
+      ...m
+    }
+  ) })
+);
+export {
+  n as Switch
+};

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
+import { SwitchProps as ChakraSwitchProps, ColorProps, ResponsiveValue } from '@chakra-ui/react';
+type CustomStyleProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & ColorProps;
+export type SwitchSize = ResponsiveValue<"sm" | "md"> | undefined;
+type ChakraSwitchProperties = Pick<ChakraSwitchProps, "isDisabled" | "value" | "onChange" | "isChecked">;
+type CustomProps = {
+    size?: SwitchSize;
+};
+export type SwitchProps = ChakraSwitchProperties & CustomStyleProps & CustomProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEtG,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAErG,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;AAElE,KAAK,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;AAEzG,KAAK,WAAW,GAAG;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,sBAAsB,GAAG,gBAAgB,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1,9 @@
+export { Table } from './table.js';
+export { TableContent } from './table-content.js';
+export { TableToolbar } from './table-toolbar.js';
+export { createColumnHelper } from '@tanstack/react-table';
+export type { TableProps } from './types.js';
+export type { TableContentProps } from './table-content.js';
+export type { TableToolbarProps } from './table-toolbar.js';
+export type { ColumnDef, ExpandedState, TableDataType, CellContext, VisibilityState } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/table/table-cell.d.ts

@@ -0,0 +1,12 @@
+import { Row, Cell } from '@tanstack/react-table';
+type TableCellProps = {
+    cell: Cell<any, unknown>;
+    visibleCells: Cell<any, unknown>[];
+    row: Row<any>;
+    rowIsExpanded: boolean;
+    breakingContentState: Record<string, boolean>;
+    localeString: string;
+};
+export declare const TableCell: import('react').MemoExoticComponent<({ cell, row, rowIsExpanded, visibleCells, breakingContentState, localeString }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=table-cell.d.ts.map

package/dist/components/table/table-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-cell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,GAAG,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAMxE,KAAK,cAAc,GAAG;IACrB,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACzB,YAAY,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;IACnC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,uHAC4D,cAAc,6CAgF/F,CAAC"}

package/dist/components/table/table-cell.js

@@ -0,0 +1,73 @@
+import { jsx as o, jsxs as b, Fragment as C } from "react/jsx-runtime";
+import { memo as S, useMemo as l, useCallback as T } from "react";
+import { flexRender as y } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { Divider as I, Td as w, Flex as D } from "@chakra-ui/react";
+import { TableRowExpandToggleButton as F } from "./table-row-expand-toggle-button.js";
+import { ThemeColorVariable as R, ThemeSpaceVariable as z } from "../../theme/theme-types.js";
+const N = S(
+  ({ cell: n, row: i, rowIsExpanded: p, visibleCells: u, breakingContentState: s, localeString: f }) => {
+    var c;
+    const { column: t } = n, h = l(() => {
+      const e = {
+        width: "100%"
+      };
+      return s[t.id] || (e.overflow = "hidden", e.whiteSpace = "nowrap"), e;
+    }, [s]), x = l(() => t.getIndex() === 0, []), m = i.getCanExpand(), d = u[0].id === n.id, a = m && d, g = l(() => {
+      const e = [];
+      for (let r = 0; r < i.depth; r += 1)
+        e.push(
+          /* @__PURE__ */ o(
+            I,
+            {
+              orientation: "vertical",
+              position: "absolute",
+              zIndex: 1,
+              top: "0",
+              left: `${r * 2 + 0.7}rem`
+            },
+            `nestedTableDivider${r}`
+          )
+        );
+      return e;
+    }, []), v = T(() => {
+      const e = t.getIsPinned();
+      return {
+        position: e ? "sticky" : "relative",
+        left: e ? `${t.getStart("left")}px` : void 0,
+        backgroundColor: e ? R.Background : void 0,
+        zIndex: e ? 1 : void 0,
+        width: t.getSize(),
+        maxWidth: t.getSize()
+      };
+    }, []);
+    return /* @__PURE__ */ o(
+      w,
+      {
+        id: i.id,
+        isNumeric: (c = t.columnDef.meta) == null ? void 0 : c.isNumeric,
+        style: {
+          ...v(),
+          borderBottom: 0,
+          paddingLeft: i.depth && d || a ? `${i.depth * 2}rem` : z.Small
+        },
+        children: /* @__PURE__ */ b(D, { w: "100%", align: "center", children: [
+          a || i.depth > 0 && d ? /* @__PURE__ */ o(
+            F,
+            {
+              row: i,
+              localeString: f,
+              hidden: !m,
+              rowIsExpanded: p
+            }
+          ) : /* @__PURE__ */ o(C, {}),
+          x && g,
+          /* @__PURE__ */ o("div", { style: h, children: y(t.columnDef.cell, n.getContext()) })
+        ] })
+      },
+      n.id
+    );
+  }
+);
+export {
+  N as TableCell
+};

package/dist/components/table/table-content.d.ts

@@ -0,0 +1,29 @@
+import { ThemeStyleProps } from '../../theme/index.js';
+import { TableSubrows, TableDataType } from './types.js';
+export interface TableContentProps<J extends TableSubrows<J>> {
+    /**
+     * Returns the data of clicked row. Not applicable to header row.
+     */
+    onClickRow?: (row: TableDataType<J>, event: React.MouseEvent<HTMLTableRowElement> | React.KeyboardEvent<HTMLTableRowElement>) => void;
+    /**
+     * Use to allow a indication that the row has been clicked by changing its background color
+     */
+    onRowClickIndication?: boolean;
+    /**
+     * If true nothing will happen if the user clicks the table header element (th)
+     */
+    hideTableHeaderDropdown?: boolean;
+    /**
+     * When true, hovering over a row will highlight it in a different background
+     * color than the rest of the table. Defaults to `true`.
+     */
+    showRowHoverStyle?: boolean;
+    /**
+     * When true, makes table headers (th) sticky
+     */
+    stickyHeaders?: boolean;
+}
+declare const TableContentInner: <T extends TableSubrows<T>>({ onClickRow, onRowClickIndication, hideTableHeaderDropdown, showRowHoverStyle, stickyHeaders, ...props }: TableContentProps<T> & ThemeStyleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableContent: typeof TableContentInner;
+export {};
+//# sourceMappingURL=table-content.d.ts.map

package/dist/components/table/table-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI3D,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC;IAC3D;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,EACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IACV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,iBAAiB,GAAI,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,2GAOnD,iBAAiB,CAAC,CAAC,CAAC,GAAG,eAAe,4CAyDxC,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}