@locus-ui/components 0.0.15 → 0.1.0

package/dist/components/theme/theme.mjs

@@ -0,0 +1,100 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  ThemeContext
+} from "./theme-context";
+const Theme = React.forwardRef((props, ref) => {
+  const context = React.useContext(ThemeContext);
+  const isRoot = context === void 0;
+  if (isRoot) return /* @__PURE__ */ jsx(ThemeRoot, { ...props, ref });
+  return /* @__PURE__ */ jsx(ThemeSub, { ...props, ref });
+});
+Theme.displayName = "Theme";
+const ThemeRoot = React.forwardRef((props, ref) => {
+  const {
+    appearance: themeAppearance,
+    radius: themeRadius,
+    roundness: themeRoundness,
+    spacing: themeSpacing,
+    children,
+    ...rest
+  } = props;
+  const [appearance, setAppearance] = React.useState(
+    themeAppearance ?? "light"
+  );
+  const [radius, setRadius] = React.useState(themeRadius ?? "md");
+  const [roundness, setRoundness] = React.useState(
+    themeRoundness ?? "3"
+  );
+  const [spacing, setSpacing] = React.useState(themeSpacing ?? "md");
+  const value = React.useMemo(
+    () => ({
+      appearance,
+      radius,
+      roundness,
+      spacing,
+      onAppearanceChange: setAppearance,
+      onRadiusChange: setRadius,
+      onRoundnessChange: setRoundness,
+      onSpacingChange: setSpacing
+    }),
+    [appearance, radius, roundness, spacing]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-appearance": appearance,
+      "data-theme-radius": radius,
+      "data-theme-roundness": roundness,
+      "data-theme-spacing": spacing,
+      ...rest,
+      children
+    }
+  ) });
+});
+ThemeRoot.displayName = "ThemeRoot";
+const ThemeSub = React.forwardRef((props, ref) => {
+  const context = React.useContext(ThemeContext);
+  const {
+    appearance,
+    radius,
+    roundness,
+    spacing,
+    onAppearanceChange,
+    onRadiusChange,
+    onRoundnessChange,
+    onSpacingChange,
+    children,
+    ...rest
+  } = props;
+  const contextProps = {
+    appearance: appearance ?? context.appearance,
+    radius: radius ?? context.radius,
+    roundness: roundness ?? context.roundness,
+    spacing: spacing ?? context.spacing,
+    onAppearanceChange: context.onAppearanceChange,
+    onRadiusChange: context.onRadiusChange,
+    onRoundnessChange: context.onRoundnessChange,
+    onSpacingChange: context.onSpacingChange
+  };
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: contextProps, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-appearance": appearance,
+      "data-theme-radius": radius,
+      "data-theme-roundness": roundness,
+      "data-theme-spacing": spacing,
+      ...rest,
+      className: "flex",
+      children
+    }
+  ) });
+});
+ThemeSub.displayName = "ThemeSub";
+export {
+  Theme
+};
+//# sourceMappingURL=theme.mjs.map

package/dist/components/theme/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/theme.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { GetProps } from \"../../utils/get-props\";\nimport {\n  ThemeAppearance,\n  ThemeContext,\n  ThemeContextProps,\n  ThemeRadius,\n  ThemeRoundness,\n} from \"./theme-context\";\nimport { ThemePropsDefs } from \"./theme.props\";\n\nexport type ThemeProps = GetProps<typeof ThemePropsDefs> &\n  React.HTMLAttributes<HTMLDivElement>;\n\nconst Theme = React.forwardRef<HTMLDivElement, ThemeProps>((props, ref) => {\n  const context = React.useContext(ThemeContext);\n  const isRoot = context === undefined;\n\n  if (isRoot) return <ThemeRoot {...props} ref={ref} />;\n\n  return <ThemeSub {...props} ref={ref} />;\n});\nTheme.displayName = \"Theme\";\n\nconst ThemeRoot = React.forwardRef<HTMLDivElement, ThemeProps>((props, ref) => {\n  const {\n    appearance: themeAppearance,\n    radius: themeRadius,\n    roundness: themeRoundness,\n    spacing: themeSpacing,\n\n    children,\n    ...rest\n  } = props;\n\n  const [appearance, setAppearance] = React.useState<ThemeAppearance>(\n    themeAppearance ?? \"light\"\n  );\n  const [radius, setRadius] = React.useState<ThemeRadius>(themeRadius ?? \"md\");\n  const [roundness, setRoundness] = React.useState<ThemeRoundness>(\n    themeRoundness ?? \"3\"\n  );\n  const [spacing, setSpacing] = React.useState(themeSpacing ?? \"md\");\n\n  const value = React.useMemo(\n    () => ({\n      appearance,\n      radius,\n      roundness,\n      spacing,\n      onAppearanceChange: setAppearance,\n      onRadiusChange: setRadius,\n      onRoundnessChange: setRoundness,\n      onSpacingChange: setSpacing,\n    }),\n    [appearance, radius, roundness, spacing]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      <div\n        ref={ref}\n        data-appearance={appearance}\n        data-theme-radius={radius}\n        data-theme-roundness={roundness}\n        data-theme-spacing={spacing}\n        {...rest}\n      >\n        {children}\n      </div>\n    </ThemeContext.Provider>\n  );\n});\nThemeRoot.displayName = \"ThemeRoot\";\n\nconst ThemeSub = React.forwardRef<\n  HTMLDivElement,\n  Partial<ThemeContextProps> &\n    React.HTMLAttributes<HTMLDivElement> & { isRoot?: boolean }\n>((props, ref) => {\n  const context = React.useContext(ThemeContext)!;\n\n  const {\n    appearance,\n    radius,\n    roundness,\n    spacing,\n    onAppearanceChange,\n    onRadiusChange,\n    onRoundnessChange,\n    onSpacingChange,\n\n    children,\n    ...rest\n  } = props;\n\n  const contextProps: ThemeContextProps = {\n    appearance: appearance ?? context.appearance,\n    radius: radius ?? context.radius,\n    roundness: roundness ?? context.roundness,\n    spacing: spacing ?? context.spacing,\n\n    onAppearanceChange: context.onAppearanceChange,\n    onRadiusChange: context.onRadiusChange,\n    onRoundnessChange: context.onRoundnessChange,\n    onSpacingChange: context.onSpacingChange,\n  };\n\n  return (\n    <ThemeContext.Provider value={contextProps}>\n      <div\n        ref={ref}\n        data-appearance={appearance}\n        data-theme-radius={radius}\n        data-theme-roundness={roundness}\n        data-theme-spacing={spacing}\n        {...rest}\n        className=\"flex\"\n      >\n        {children}\n      </div>\n    </ThemeContext.Provider>\n  );\n});\nThemeSub.displayName = \"ThemeSub\";\n\nexport { Theme };\n"],"mappings":";AAoBqB;AAlBrB,YAAY,WAAW;AAEvB;AAAA,EAEE;AAAA,OAIK;AAMP,MAAM,QAAQ,MAAM,WAAuC,CAAC,OAAO,QAAQ;AACzE,QAAM,UAAU,MAAM,WAAW,YAAY;AAC7C,QAAM,SAAS,YAAY;AAE3B,MAAI,OAAQ,QAAO,oBAAC,aAAW,GAAG,OAAO,KAAU;AAEnD,SAAO,oBAAC,YAAU,GAAG,OAAO,KAAU;AACxC,CAAC;AACD,MAAM,cAAc;AAEpB,MAAM,YAAY,MAAM,WAAuC,CAAC,OAAO,QAAQ;AAC7E,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IAET;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM;AAAA,IACxC,mBAAmB;AAAA,EACrB;AACA,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAsB,eAAe,IAAI;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM;AAAA,IACtC,kBAAkB;AAAA,EACpB;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,gBAAgB,IAAI;AAEjE,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,IACnB;AAAA,IACA,CAAC,YAAY,QAAQ,WAAW,OAAO;AAAA,EACzC;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OACrB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,mBAAiB;AAAA,MACjB,qBAAmB;AAAA,MACnB,wBAAsB;AAAA,MACtB,sBAAoB;AAAA,MACnB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AACD,UAAU,cAAc;AAExB,MAAM,WAAW,MAAM,WAIrB,CAAC,OAAO,QAAQ;AAChB,QAAM,UAAU,MAAM,WAAW,YAAY;AAE7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAAkC;AAAA,IACtC,YAAY,cAAc,QAAQ;AAAA,IAClC,QAAQ,UAAU,QAAQ;AAAA,IAC1B,WAAW,aAAa,QAAQ;AAAA,IAChC,SAAS,WAAW,QAAQ;AAAA,IAE5B,oBAAoB,QAAQ;AAAA,IAC5B,gBAAgB,QAAQ;AAAA,IACxB,mBAAmB,QAAQ;AAAA,IAC3B,iBAAiB,QAAQ;AAAA,EAC3B;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAC5B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,mBAAiB;AAAA,MACjB,qBAAmB;AAAA,MACnB,wBAAsB;AAAA,MACtB,sBAAoB;AAAA,MACnB,GAAG;AAAA,MACJ,WAAU;AAAA,MAET;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AACD,SAAS,cAAc;","names":[]}

package/dist/components/theme/theme.props.d.mts

@@ -0,0 +1,24 @@
+declare const ThemePropsDefs: {
+    appearance: {
+        type: "enum";
+        values: readonly ["inherit", "light", "dark"];
+        default: "inherit";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        default: "md";
+    };
+    roundness: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "inherit"];
+        default: "3";
+    };
+    spacing: {
+        type: "enum";
+        values: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+        default: "md";
+    };
+};
+
+export { ThemePropsDefs };

package/dist/components/theme/theme.props.d.ts

@@ -0,0 +1,24 @@
+declare const ThemePropsDefs: {
+    appearance: {
+        type: "enum";
+        values: readonly ["inherit", "light", "dark"];
+        default: "inherit";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        default: "md";
+    };
+    roundness: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "inherit"];
+        default: "3";
+    };
+    spacing: {
+        type: "enum";
+        values: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+        default: "md";
+    };
+};
+
+export { ThemePropsDefs };

package/dist/components/theme/theme.props.js

@@ -0,0 +1,54 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_props_exports = {};
+__export(theme_props_exports, {
+  ThemePropsDefs: () => ThemePropsDefs
+});
+module.exports = __toCommonJS(theme_props_exports);
+var import_radius = require("../../props/radius.prop");
+var import_roundness = require("../../props/roundness.prop");
+var import_spacing = require("../../props/spacing.prop");
+const appearances = ["inherit", "light", "dark"];
+const ThemePropsDefs = {
+  appearance: {
+    type: "enum",
+    values: appearances,
+    default: "inherit"
+  },
+  radius: {
+    type: "enum",
+    values: import_radius.radii,
+    default: "md"
+  },
+  roundness: {
+    type: "enum",
+    values: import_roundness.roundness,
+    default: "3"
+  },
+  spacing: {
+    type: "enum",
+    values: import_spacing.spacingValues,
+    default: "md"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemePropsDefs
+});
+//# sourceMappingURL=theme.props.js.map

package/dist/components/theme/theme.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/theme.props.tsx"],"sourcesContent":["import { PropDef } from \"../../props\";\nimport { radii } from \"../../props/radius.prop\";\nimport { roundness } from \"../../props/roundness.prop\";\nimport { spacingValues } from \"../../props/spacing.prop\";\n\nconst appearances = [\"inherit\", \"light\", \"dark\"] as const;\n\nconst ThemePropsDefs = {\n  appearance: {\n    type: \"enum\",\n    values: appearances,\n    default: \"inherit\",\n  } satisfies PropDef<(typeof appearances)[number]>,\n\n  radius: {\n    type: \"enum\",\n    values: radii,\n    default: \"md\",\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  roundness: {\n    type: \"enum\",\n    values: roundness,\n    default: \"3\",\n  } satisfies PropDef<(typeof roundness)[number]>,\n\n  spacing: {\n    type: \"enum\",\n    values: spacingValues,\n    default: \"md\",\n  } satisfies PropDef<(typeof spacingValues)[number]>,\n};\n\nexport { ThemePropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAsB;AACtB,uBAA0B;AAC1B,qBAA8B;AAE9B,MAAM,cAAc,CAAC,WAAW,SAAS,MAAM;AAE/C,MAAM,iBAAiB;AAAA,EACrB,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/components/theme/theme.props.mjs

@@ -0,0 +1,30 @@
+import { radii } from "../../props/radius.prop";
+import { roundness } from "../../props/roundness.prop";
+import { spacingValues } from "../../props/spacing.prop";
+const appearances = ["inherit", "light", "dark"];
+const ThemePropsDefs = {
+  appearance: {
+    type: "enum",
+    values: appearances,
+    default: "inherit"
+  },
+  radius: {
+    type: "enum",
+    values: radii,
+    default: "md"
+  },
+  roundness: {
+    type: "enum",
+    values: roundness,
+    default: "3"
+  },
+  spacing: {
+    type: "enum",
+    values: spacingValues,
+    default: "md"
+  }
+};
+export {
+  ThemePropsDefs
+};
+//# sourceMappingURL=theme.props.mjs.map

package/dist/components/theme/theme.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/theme.props.tsx"],"sourcesContent":["import { PropDef } from \"../../props\";\nimport { radii } from \"../../props/radius.prop\";\nimport { roundness } from \"../../props/roundness.prop\";\nimport { spacingValues } from \"../../props/spacing.prop\";\n\nconst appearances = [\"inherit\", \"light\", \"dark\"] as const;\n\nconst ThemePropsDefs = {\n  appearance: {\n    type: \"enum\",\n    values: appearances,\n    default: \"inherit\",\n  } satisfies PropDef<(typeof appearances)[number]>,\n\n  radius: {\n    type: \"enum\",\n    values: radii,\n    default: \"md\",\n  } satisfies PropDef<(typeof radii)[number]>,\n\n  roundness: {\n    type: \"enum\",\n    values: roundness,\n    default: \"3\",\n  } satisfies PropDef<(typeof roundness)[number]>,\n\n  spacing: {\n    type: \"enum\",\n    values: spacingValues,\n    default: \"md\",\n  } satisfies PropDef<(typeof spacingValues)[number]>,\n};\n\nexport { ThemePropsDefs };\n"],"mappings":"AACA,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,MAAM,cAAc,CAAC,WAAW,SAAS,MAAM;AAE/C,MAAM,iBAAiB;AAAA,EACrB,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EAEA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/icons/check-mark.icon.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from './icon-colors.mjs';
+
+declare const CheckMark: React.FC<IconProps>;
+
+export { CheckMark };

package/dist/icons/check-mark.icon.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from './icon-colors.js';
+
+declare const CheckMark: React.FC<IconProps>;
+
+export { CheckMark };

package/dist/icons/check-mark.icon.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var check_mark_icon_exports = {};
+__export(check_mark_icon_exports, {
+  CheckMark: () => CheckMark
+});
+module.exports = __toCommonJS(check_mark_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icon_colors = require("./icon-colors");
+const CheckMark = ({ color = "currentColor" }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      width: "64",
+      height: "64",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
+          fill: import_icon_colors.colorMap[color],
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckMark
+});
+//# sourceMappingURL=check-mark.icon.js.map

package/dist/icons/check-mark.icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/check-mark.icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { colorMap, IconProps } from \"./icon-colors\";\n\nexport const CheckMark: React.FC<IconProps> = ({ color = \"currentColor\" }) => {\n  return (\n    <svg\n      width=\"64\"\n      height=\"64\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n        fill={colorMap[color]}\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM;AAXN,yBAAoC;AAE7B,MAAM,YAAiC,CAAC,EAAE,QAAQ,eAAe,MAAM;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAM,4BAAS,KAAK;AAAA,UACpB,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/icons/check-mark.icon.mjs

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { colorMap } from "./icon-colors";
+const CheckMark = ({ color = "currentColor" }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "64",
+      height: "64",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
+          fill: colorMap[color],
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+export {
+  CheckMark
+};
+//# sourceMappingURL=check-mark.icon.mjs.map

package/dist/icons/check-mark.icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/check-mark.icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { colorMap, IconProps } from \"./icon-colors\";\n\nexport const CheckMark: React.FC<IconProps> = ({ color = \"currentColor\" }) => {\n  return (\n    <svg\n      width=\"64\"\n      height=\"64\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z\"\n        fill={colorMap[color]}\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"],"mappings":"AAYM;AAXN,SAAS,gBAA2B;AAE7B,MAAM,YAAiC,CAAC,EAAE,QAAQ,eAAe,MAAM;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAM,SAAS,KAAK;AAAA,UACpB,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/icons/chevron-down.icon.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from './icon-colors.mjs';
+
+declare const ChevronDown: React.FC<IconProps>;
+
+export { ChevronDown };

package/dist/icons/chevron-down.icon.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from './icon-colors.js';
+
+declare const ChevronDown: React.FC<IconProps>;
+
+export { ChevronDown };

package/dist/icons/chevron-down.icon.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chevron_down_icon_exports = {};
+__export(chevron_down_icon_exports, {
+  ChevronDown: () => ChevronDown
+});
+module.exports = __toCommonJS(chevron_down_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icon_colors = require("./icon-colors");
+const ChevronDown = ({
+  color = "currentColor"
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          fill: import_icon_colors.colorMap[color],
+          d: "M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z",
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChevronDown
+});
+//# sourceMappingURL=chevron-down.icon.js.map

package/dist/icons/chevron-down.icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/chevron-down.icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { colorMap, IconProps } from \"./icon-colors\";\n\nexport const ChevronDown: React.FC<IconProps> = ({\n  color = \"currentColor\",\n}) => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill={colorMap[color]}\n        d=\"M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAbN,yBAAoC;AAE7B,MAAM,cAAmC,CAAC;AAAA,EAC/C,QAAQ;AACV,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,4BAAS,KAAK;AAAA,UACpB,GAAE;AAAA,UACF,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/icons/chevron-down.icon.mjs

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { colorMap } from "./icon-colors";
+const ChevronDown = ({
+  color = "currentColor"
+}) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: colorMap[color],
+          d: "M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z",
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+export {
+  ChevronDown
+};
+//# sourceMappingURL=chevron-down.icon.mjs.map

package/dist/icons/chevron-down.icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/chevron-down.icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { colorMap, IconProps } from \"./icon-colors\";\n\nexport const ChevronDown: React.FC<IconProps> = ({\n  color = \"currentColor\",\n}) => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill={colorMap[color]}\n        d=\"M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"],"mappings":"AAcM;AAbN,SAAS,gBAA2B;AAE7B,MAAM,cAAmC,CAAC;AAAA,EAC/C,QAAQ;AACV,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,SAAS,KAAK;AAAA,UACpB,GAAE;AAAA,UACF,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/icons/chevron-left.icon.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from './icon-colors.mjs';
+
+declare const ChevronLeft: React.FC<IconProps>;
+
+export { ChevronLeft };

package/dist/icons/chevron-left.icon.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from './icon-colors.js';
+
+declare const ChevronLeft: React.FC<IconProps>;
+
+export { ChevronLeft };

package/dist/icons/chevron-left.icon.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chevron_left_icon_exports = {};
+__export(chevron_left_icon_exports, {
+  ChevronLeft: () => ChevronLeft
+});
+module.exports = __toCommonJS(chevron_left_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icon_colors = require("./icon-colors");
+const ChevronLeft = ({
+  color = "currentColor"
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          fill: import_icon_colors.colorMap[color],
+          d: "M8.81809 4.18179C8.99383 4.35753 8.99383 4.64245 8.81809 4.81819L6.13629 7.49999L8.81809 10.1818C8.99383 10.3575 8.99383 10.6424 8.81809 10.8182C8.64236 10.9939 8.35743 10.9939 8.1817 10.8182L5.1817 7.81819C5.09731 7.73379 5.0499 7.61934 5.0499 7.49999C5.0499 7.38064 5.09731 7.26618 5.1817 7.18179L8.1817 4.18179C8.35743 4.00605 8.64236 4.00605 8.81809 4.18179Z",
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChevronLeft
+});
+//# sourceMappingURL=chevron-left.icon.js.map

package/dist/icons/chevron-left.icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/chevron-left.icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { colorMap, IconProps } from \"./icon-colors\";\n\nexport const ChevronLeft: React.FC<IconProps> = ({\n  color = \"currentColor\",\n}) => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill={colorMap[color]}\n        d=\"M8.81809 4.18179C8.99383 4.35753 8.99383 4.64245 8.81809 4.81819L6.13629 7.49999L8.81809 10.1818C8.99383 10.3575 8.99383 10.6424 8.81809 10.8182C8.64236 10.9939 8.35743 10.9939 8.1817 10.8182L5.1817 7.81819C5.09731 7.73379 5.0499 7.61934 5.0499 7.49999C5.0499 7.38064 5.09731 7.26618 5.1817 7.18179L8.1817 4.18179C8.35743 4.00605 8.64236 4.00605 8.81809 4.18179Z\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAbN,yBAAoC;AAE7B,MAAM,cAAmC,CAAC;AAAA,EAC/C,QAAQ;AACV,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,4BAAS,KAAK;AAAA,UACpB,GAAE;AAAA,UACF,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/icons/chevron-left.icon.mjs

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { colorMap } from "./icon-colors";
+const ChevronLeft = ({
+  color = "currentColor"
+}) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: colorMap[color],
+          d: "M8.81809 4.18179C8.99383 4.35753 8.99383 4.64245 8.81809 4.81819L6.13629 7.49999L8.81809 10.1818C8.99383 10.3575 8.99383 10.6424 8.81809 10.8182C8.64236 10.9939 8.35743 10.9939 8.1817 10.8182L5.1817 7.81819C5.09731 7.73379 5.0499 7.61934 5.0499 7.49999C5.0499 7.38064 5.09731 7.26618 5.1817 7.18179L8.1817 4.18179C8.35743 4.00605 8.64236 4.00605 8.81809 4.18179Z",
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+export {
+  ChevronLeft
+};
+//# sourceMappingURL=chevron-left.icon.mjs.map

package/dist/icons/chevron-left.icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/chevron-left.icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { colorMap, IconProps } from \"./icon-colors\";\n\nexport const ChevronLeft: React.FC<IconProps> = ({\n  color = \"currentColor\",\n}) => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill={colorMap[color]}\n        d=\"M8.81809 4.18179C8.99383 4.35753 8.99383 4.64245 8.81809 4.81819L6.13629 7.49999L8.81809 10.1818C8.99383 10.3575 8.99383 10.6424 8.81809 10.8182C8.64236 10.9939 8.35743 10.9939 8.1817 10.8182L5.1817 7.81819C5.09731 7.73379 5.0499 7.61934 5.0499 7.49999C5.0499 7.38064 5.09731 7.26618 5.1817 7.18179L8.1817 4.18179C8.35743 4.00605 8.64236 4.00605 8.81809 4.18179Z\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n"],"mappings":"AAcM;AAbN,SAAS,gBAA2B;AAE7B,MAAM,cAAmC,CAAC;AAAA,EAC/C,QAAQ;AACV,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,SAAS,KAAK;AAAA,UACpB,GAAE;AAAA,UACF,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/icons/chevron-right.icon.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from './icon-colors.mjs';
+
+declare const ChevronRight: React.FC<IconProps>;
+
+export { ChevronRight };

package/dist/icons/chevron-right.icon.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from './icon-colors.js';
+
+declare const ChevronRight: React.FC<IconProps>;
+
+export { ChevronRight };