@janbox/storefront-ui 1.0.12 → 1.0.14

package/dist/lib/cascader/cascader-floating-content.js

@@ -1,394 +0,0 @@
-import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
-import { useRef, useId, useState, useEffect, useMemo, useCallback } from "react";
-import { isString, isNil, trimStart } from "lodash-es";
-import { findOptionPath, isExpandable, hasChildren } from "./helpers.js";
-import ArrowRightIcon from "../../assets/svg/arrow-right.svg.js";
-import CheckIcon from "../../assets/svg/done-check.svg.js";
-import { SvgLoader } from "../../components/svg-loader.js";
-import { VirtualizedList } from "../../components/virtualized-list.js";
-import { truncateStyle } from "../../constants/emotion.js";
-import { getResponsiveProp, getSizeVariantState } from "../../utils/index.js";
-import { useWindowScreen } from "../../hooks/use-window-screen/index.js";
-import { useControllableState } from "../../hooks/use-controllable-state.js";
-import { getColorVar } from "../../theme/palette.js";
-import { getTypographyVar } from "../../theme/typography.js";
-import { useFloatingContext } from "../floating/floating/helpers.js";
-import { ensureArray, matchSearch } from "../../utils/common.js";
-import { Input } from "../input/input.js";
-import { TextSkeleton } from "../loading/text-skeleton/text-skeleton.js";
-const DEFAULT_DISPLAY_ROW_COUNT = 5;
-const CascaderFloatingContent = ({
-  searchable,
-  selectedPath,
-  options,
-  loadOptions,
-  onChange,
-  inputProps,
-  listProps,
-  separator,
-  lazy,
-  xs,
-  sm,
-  md,
-  lg
-}) => {
-  const { context } = useFloatingContext();
-  const searchInputRef = useRef(null);
-  const uniqueId = useId();
-  const [inputValue, setInputValue] = useControllableState({
-    defaultValue: (inputProps == null ? void 0 : inputProps.defaultValue) ?? "",
-    value: inputProps == null ? void 0 : inputProps.value
-  });
-  const windowScreen = useWindowScreen();
-  const [expandedPath, setExpandedPath] = useState([]);
-  const [dynamicChildren, setDynamicChildren] = useState({});
-  const [isLoading, setIsLoading] = useState(false);
-  useEffect(() => {
-    if (selectedPath.length === 0) return;
-    const resolveExpandedPath = (fullPath, opts) => {
-      const pathOptions = findOptionPath(opts, fullPath);
-      const lastOption = pathOptions[pathOptions.length - 1];
-      if (lastOption && !isExpandable(lastOption)) {
-        return fullPath.slice(0, -1);
-      }
-      return fullPath;
-    };
-    if (!loadOptions) {
-      setExpandedPath(resolveExpandedPath(selectedPath, options));
-      return;
-    }
-    let cancelled = false;
-    const loadAlongPath = async () => {
-      var _a;
-      setIsLoading(true);
-      try {
-        let currentOpts = options;
-        const loadedChildren = {};
-        const pathSoFar = [];
-        const targetPath = resolveExpandedPath(selectedPath, options);
-        const existingPath = findOptionPath(options, targetPath);
-        if (existingPath.length === targetPath.length) {
-          if (!cancelled) setExpandedPath(targetPath);
-          return;
-        }
-        for (let i = 0; i < targetPath.length; i++) {
-          if (cancelled) return;
-          const value = targetPath[i];
-          const found = currentOpts.find((opt) => opt.value === value);
-          if (!found) break;
-          pathSoFar.push(found);
-          if (isExpandable(found) && !hasChildren(found)) {
-            const children = await loadOptions(pathSoFar);
-            if (cancelled) return;
-            const cacheKey = targetPath.slice(0, i + 1).join("/");
-            loadedChildren[cacheKey] = children;
-            currentOpts = children;
-          } else if ((_a = found.children) == null ? void 0 : _a.length) {
-            currentOpts = found.children;
-          } else {
-            break;
-          }
-        }
-        if (!cancelled) {
-          if (Object.keys(loadedChildren).length > 0) {
-            setDynamicChildren((prev) => ({ ...prev, ...loadedChildren }));
-          }
-          setExpandedPath(targetPath);
-        }
-      } finally {
-        if (!cancelled) setIsLoading(false);
-      }
-    };
-    loadAlongPath();
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const mergedOptions = useMemo(() => {
-    if (!loadOptions || Object.keys(dynamicChildren).length === 0) return options;
-    const mergeRecursive = (opts, parentKey) => {
-      return opts.map((opt) => {
-        const key = parentKey ? `${parentKey}/${opt.value}` : opt.value;
-        const loaded = dynamicChildren[key];
-        const children = loaded ?? opt.children;
-        return {
-          ...opt,
-          children: children ? mergeRecursive(children, key) : void 0
-        };
-      });
-    };
-    return mergeRecursive(options, "");
-  }, [options, dynamicChildren, loadOptions]);
-  const handleBreadcrumbClick = (e) => {
-    const level = Number(e.currentTarget.dataset.index);
-    if (level < 0) {
-      setExpandedPath([]);
-    } else {
-      setExpandedPath(expandedPath.slice(0, level + 1));
-    }
-  };
-  const expandedOptions = useMemo(() => {
-    return findOptionPath(mergedOptions, expandedPath);
-  }, [mergedOptions, expandedPath]);
-  const currentOptions = useMemo(() => {
-    var _a;
-    if (expandedPath.length === 0) {
-      return mergedOptions;
-    }
-    let current = mergedOptions;
-    for (const value of expandedPath) {
-      const found = current.find((opt) => opt.value === value);
-      if ((_a = found == null ? void 0 : found.children) == null ? void 0 : _a.length) {
-        current = found.children;
-      } else {
-        break;
-      }
-    }
-    return current;
-  }, [mergedOptions, expandedPath]);
-  const displayOptions = useMemo(() => {
-    if (!inputValue) {
-      return currentOptions;
-    }
-    return currentOptions.filter((option) => {
-      const searchLabels = ensureArray(option.searchLabel ?? []);
-      if (!searchLabels.length && isString(option.label)) {
-        searchLabels.push(option.label);
-      }
-      return matchSearch(searchLabels, inputValue);
-    });
-  }, [inputValue, currentOptions]);
-  const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp({ xs, sm, md, lg }, "size", windowScreen.name);
-  const { inputSize: rowMinHeight = 0, inputPaddingX } = getSizeVariantState(responsiveSize);
-  const onInputChange = (e) => {
-    var _a;
-    e.target.value = trimStart(e.target.value);
-    setInputValue(e.target.value);
-    (_a = inputProps == null ? void 0 : inputProps.onChange) == null ? void 0 : _a.call(inputProps, e);
-  };
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      var _a;
-      (_a = searchInputRef.current) == null ? void 0 : _a.focus();
-    }, 100);
-    return () => clearTimeout(timer);
-  }, []);
-  const estimateSize = useCallback(
-    (_index) => {
-      return rowMinHeight ?? 0;
-    },
-    [rowMinHeight]
-  );
-  const getItemKey = useCallback(
-    (index) => {
-      const option = displayOptions.at(index);
-      return option ? option.value : `${uniqueId}-${index}`;
-    },
-    [displayOptions, uniqueId]
-  );
-  const renderBreadcrumbs = () => {
-    if (expandedPath.length === 0) return null;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        css: {
-          paddingLeft: inputPaddingX,
-          paddingRight: inputPaddingX,
-          minHeight: rowMinHeight,
-          borderTop: `1px solid ${getColorVar("neutral.200")}`,
-          display: "flex",
-          alignItems: "center",
-          gap: "0.25rem",
-          flexWrap: "wrap",
-          paddingTop: "0.25rem",
-          paddingBottom: "0.25rem"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              "data-index": -1,
-              type: "button",
-              onClick: handleBreadcrumbClick,
-              css: {
-                color: getColorVar("neutral.500"),
-                transition: "color 150ms",
-                "&:hover": { color: getColorVar("primary.600") }
-              },
-              children: "All"
-            }
-          ),
-          expandedOptions.map((opt, idx) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              css: { display: "flex", alignItems: "center", gap: "0.25rem" },
-              children: [
-                /* @__PURE__ */ jsx("span", { css: { color: getColorVar("neutral.400") }, children: separator }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    "data-index": idx,
-                    type: "button",
-                    onClick: handleBreadcrumbClick,
-                    css: {
-                      color: idx === expandedOptions.length - 1 ? getColorVar("primary.600") : getColorVar("neutral.600"),
-                      fontWeight: idx === expandedOptions.length - 1 ? 500 : void 0,
-                      transition: "color 150ms",
-                      "&:hover": { color: getColorVar("primary.600") }
-                    },
-                    children: opt.breadcrumbLabel ?? opt.label
-                  }
-                )
-              ]
-            },
-            `${uniqueId}-breadcrumb-${opt.value}`
-          ))
-        ]
-      }
-    );
-  };
-  const RowComponent = ({ row }) => {
-    const rowData = displayOptions.at(row.index);
-    if (isNil(rowData)) return /* @__PURE__ */ jsx(Fragment, {});
-    const isSelected = selectedPath.includes(rowData.value);
-    const handleSelect = async () => {
-      var _a, _b;
-      if (rowData.disabled || isLoading) return;
-      const parentPath = [];
-      let current = mergedOptions;
-      for (const value of expandedPath) {
-        const found = current.find((opt) => opt.value === value);
-        if ((_a = found == null ? void 0 : found.children) == null ? void 0 : _a.length) {
-          parentPath.push(value);
-          current = found.children;
-        } else {
-          break;
-        }
-      }
-      const newPath = [...parentPath, rowData.value];
-      const newSelectedOptions = findOptionPath(mergedOptions, newPath);
-      if (isExpandable(rowData)) {
-        if (!hasChildren(rowData) && loadOptions) {
-          const cacheKey = newPath.join("/");
-          setIsLoading(true);
-          try {
-            const children = await loadOptions(newSelectedOptions);
-            setDynamicChildren((prev) => ({ ...prev, [cacheKey]: children }));
-            setExpandedPath(newPath);
-          } finally {
-            setIsLoading(false);
-          }
-        } else {
-          setExpandedPath(newPath);
-        }
-      } else {
-        onChange == null ? void 0 : onChange(newPath, newSelectedOptions);
-        (_b = context.onOpenChange) == null ? void 0 : _b.call(context, false);
-      }
-      setInputValue("");
-      setTimeout(() => {
-        var _a2;
-        (_a2 = searchInputRef.current) == null ? void 0 : _a2.focus();
-      });
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-hidden": true,
-        role: "button",
-        onClick: handleSelect,
-        css: {
-          minHeight: rowMinHeight,
-          paddingLeft: inputPaddingX,
-          paddingRight: inputPaddingX,
-          paddingTop: "0.25rem",
-          paddingBottom: "0.25rem",
-          display: "flex",
-          alignItems: "center",
-          gap: "0.5rem",
-          borderRadius: "0.5rem",
-          transition: "background-color 150ms, color 150ms",
-          "&:hover": { backgroundColor: getColorVar("neutral.100") },
-          ...isSelected && !isExpandable(rowData) ? {
-            color: getColorVar("primary.600"),
-            backgroundColor: getColorVar("primary.100")
-          } : {},
-          ...rowData.disabled ? { opacity: 0.5, cursor: "not-allowed" } : {}
-        },
-        children: isLoading ? /* @__PURE__ */ jsx(TextSkeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { css: { flex: 1, ...truncateStyle }, children: rowData.label }),
-          isExpandable(rowData) ? /* @__PURE__ */ jsx(SvgLoader, { source: ArrowRightIcon, width: 20, height: 20, css: { color: getColorVar("neutral.400") } }) : isSelected && /* @__PURE__ */ jsx(SvgLoader, { source: CheckIcon, width: 20, height: 20, css: { color: getColorVar("primary.600") } })
-        ] })
-      },
-      `${uniqueId}-option-${rowData.value}`
-    );
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      css: {
-        paddingTop: "0.5rem",
-        paddingBottom: "0.5rem",
-        border: `1px solid ${getColorVar("border.default")}`,
-        borderRadius: "0.5rem",
-        boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-        fontSize: getTypographyVar("sm").fontSize,
-        lineHeight: getTypographyVar("sm").lineHeight,
-        backgroundColor: getColorVar("surface.default")
-      },
-      children: [
-        !searchable && /* @__PURE__ */ jsx(
-          "div",
-          {
-            css: {
-              paddingLeft: "0.5rem",
-              paddingRight: "0.5rem",
-              paddingTop: "0.5rem",
-              paddingBottom: "0.5rem"
-            },
-            children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                xs: { size: xs == null ? void 0 : xs.size },
-                sm: { size: sm == null ? void 0 : sm.size },
-                md: { size: md == null ? void 0 : md.size },
-                lg: { size: lg == null ? void 0 : lg.size },
-                value: inputValue,
-                placeholder: "Search...",
-                ...inputProps,
-                onChange: onInputChange,
-                ref: searchInputRef
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          VirtualizedList,
-          {
-            ...listProps,
-            css: {
-              paddingLeft: 4,
-              paddingRight: 4,
-              ...isLoading ? { cursor: "wait", pointerEvents: "none" } : {}
-            },
-            options: {
-              count: displayOptions.length,
-              estimateSize,
-              getItemKey,
-              overscan: lazy ? void 0 : currentOptions.length
-            },
-            style: {
-              maxHeight: rowMinHeight * DEFAULT_DISPLAY_ROW_COUNT,
-              ...listProps == null ? void 0 : listProps.style
-            },
-            RowComponent
-          }
-        ),
-        renderBreadcrumbs()
-      ]
-    }
-  );
-};
-export {
-  CascaderFloatingContent
-};

package/dist/lib/cascader/cascader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/cascader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiBxC,eAAO,MAAM,QAAQ,uBAAwB,aAAa,qDAiJzD,CAAC"}

package/dist/lib/cascader/cascader.js

@@ -1,167 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { useRef } from "react";
-import { isNil } from "lodash-es";
-import { CascaderFloatingContent } from "./cascader-floating-content.js";
-import { getCascaderProps } from "./helpers.js";
-import ArrowDownIcon from "../../assets/svg/arrow-down.svg.js";
-import { getColorVar } from "../../theme/palette.js";
-import { getTypographyVar } from "../../theme/typography.js";
-import { truncateStyle } from "../../constants/emotion.js";
-import { getSizeVariantState } from "../../utils/index.js";
-import { useControllableState } from "../../hooks/use-controllable-state.js";
-import { SvgLoader } from "../../components/svg-loader.js";
-import { Primitive } from "../primitive/primitive.js";
-import { Floating } from "../floating/floating/floating.js";
-import { FloatingTrigger } from "../floating/floating-trigger/floating-trigger.js";
-import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
-import { FloatingContent } from "../floating/floating-content/floating-content.js";
-import { FormHelperText } from "../form-helper-text/form-helper-text.js";
-const DEFAULT_SEPARATOR = "/";
-const Cascader = ({ ref, ..._props }) => {
-  var _a;
-  const {
-    placement = "bottom-start",
-    open,
-    onOpenChange,
-    searchable = false,
-    value: selectedPath = [],
-    valueRenderer,
-    options,
-    loadOptions,
-    onChange,
-    placeholder,
-    listProps,
-    separator = DEFAULT_SEPARATOR,
-    helperText,
-    error,
-    containerProps,
-    inputProps,
-    fullWidth = true,
-    lazy = true,
-    menuWidth = "exact-reference",
-    ...rest
-  } = getCascaderProps(_props);
-  const floatingRef = useRef(null);
-  const [isOpen, setIsOpen] = useControllableState({
-    defaultValue: open ?? false,
-    value: open
-  });
-  const handleOpenChange = (nextOpen, event, reason) => {
-    setIsOpen(nextOpen);
-    onOpenChange == null ? void 0 : onOpenChange(nextOpen, event, reason);
-  };
-  const sizeOptions = {
-    apply({ elements }) {
-      const { width } = elements.reference.getBoundingClientRect();
-      const sizeStyle = {};
-      switch (menuWidth) {
-        case "exact-reference":
-          sizeStyle.width = `${width}px`;
-          break;
-        case "min-reference":
-          sizeStyle.minWidth = `${width}px`;
-          break;
-        default:
-          sizeStyle.width = `${menuWidth}px`;
-          break;
-      }
-      Object.assign(elements.floating.style, sizeStyle);
-    }
-  };
-  const getTextCss = (sizeVariant) => {
-    if (isNil(sizeVariant)) return {};
-    const { textVariant } = getSizeVariantState(sizeVariant);
-    if (isNil(textVariant)) return {};
-    return getTypographyVar(textVariant);
-  };
-  return /* @__PURE__ */ jsxs(
-    Primitive,
-    {
-      ...containerProps,
-      css: {
-        display: "flex",
-        flexDirection: "column",
-        ...fullWidth ? { width: "100%" } : {}
-      },
-      as: "div",
-      children: [
-        /* @__PURE__ */ jsxs(
-          Floating,
-          {
-            clickProps: {
-              enabled: true
-            },
-            dismissProps: {
-              enabled: true
-            },
-            sizeOptions,
-            placement,
-            open: isOpen,
-            onOpenChange: handleOpenChange,
-            ref: floatingRef,
-            children: [
-              /* @__PURE__ */ jsx(FloatingTrigger, { children: /* @__PURE__ */ jsx(
-                ForwardRefInputMask,
-                {
-                  type: "button",
-                  error: isOpen ? false : error,
-                  as: "button",
-                  suffix: /* @__PURE__ */ jsx(
-                    SvgLoader,
-                    {
-                      source: ArrowDownIcon,
-                      width: 20,
-                      height: 20,
-                      css: {
-                        transition: "transform 150ms",
-                        ...isOpen ? { transform: "rotate(-180deg)" } : {}
-                      }
-                    }
-                  ),
-                  ...rest,
-                  ref,
-                  children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      css: [
-                        {
-                          flex: 1,
-                          textAlign: "left",
-                          ...truncateStyle
-                        },
-                        getTextCss((_a = rest.xs) == null ? void 0 : _a.size)
-                      ],
-                      children: selectedPath.length > 0 ? /* @__PURE__ */ jsx("div", { children: valueRenderer ?? selectedPath.join(" / ") }) : /* @__PURE__ */ jsx("div", { css: { color: getColorVar("neutral.400") }, children: placeholder })
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsx(FloatingContent, { children: /* @__PURE__ */ jsx(
-                CascaderFloatingContent,
-                {
-                  searchable,
-                  selectedPath,
-                  options,
-                  loadOptions,
-                  onChange,
-                  inputProps,
-                  listProps,
-                  separator,
-                  lazy,
-                  xs: rest.xs,
-                  sm: rest.sm,
-                  md: rest.md,
-                  lg: rest.lg
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(FormHelperText, { error, children: helperText })
-      ]
-    }
-  );
-};
-export {
-  Cascader
-};

package/dist/lib/cascader/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAUxD,eAAO,MAAM,gBAAgB,aAAc,aAAa,kBAEvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,YAAa,cAAc,EAAE,UAAU,MAAM,EAAE,KAAG,cAAc,EAY1F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,WAAY,cAAc,KAAG,OAEpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,WAAY,cAAc,KAAG,OAKrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,cAAc,EAAE,cAAc,MAAM,KAAG,cAAc,EA2B3F,CAAC"}

package/dist/lib/cascader/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/lib/cascader/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,qIAAqI;IACrI,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,gBAAgB,CAAC,uBAAuB,CAAC;IAC/E,gCAAgC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,yIAAyI;IACzI,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACxE,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,iDAAiD;IACjD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,iCAAiC;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,eAAe,CAAC;CAC1D;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC"}

package/dist/lib/checkbox/checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQxC,eAAO,MAAM,QAAQ,iFAQlB,aAAa,qDAiCf,CAAC"}

package/dist/lib/checkbox/checkbox.js

@@ -1,52 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useMergeRefs } from "@floating-ui/react";
-import classes from "./checkbox.module.scss.js";
-import { SvgLoader } from "../../components/svg-loader.js";
-import { getColorShadesByVariant } from "../../utils/index.js";
-import CheckIcon from "../../assets/svg/done-check.svg.js";
-import MinusIcon from "../../assets/svg/minus.svg.js";
-import { cn } from "../../utils/stylesheet.js";
-const Checkbox = ({
-  children,
-  indeterminate,
-  color = "primary",
-  className,
-  ref,
-  containerProps,
-  ...props
-}) => {
-  const { main, contrastText } = getColorShadesByVariant(color);
-  const inputRef = useRef(null);
-  const mergedRefs = useMergeRefs([ref, inputRef]);
-  useEffect(() => {
-    const inputEl = inputRef.current;
-    if (inputEl) {
-      inputEl.indeterminate = indeterminate ?? false;
-    }
-  }, [indeterminate]);
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      ...containerProps,
-      className: cn(classes.checkbox__container, containerProps == null ? void 0 : containerProps.className),
-      css: {
-        "--checkbox-color": main,
-        "--checkbox-contrast-text": contrastText
-      },
-      children: [
-        /* @__PURE__ */ jsxs("span", { className: classes.checkbox__main, children: [
-          /* @__PURE__ */ jsx("input", { ...props, type: "checkbox", className: cn(classes.checkbox__input, className), ref: mergedRefs }),
-          /* @__PURE__ */ jsxs("span", { className: classes.checkbox__checkmark, children: [
-            /* @__PURE__ */ jsx(SvgLoader, { className: classes.checkbox__icon_checked, width: 18, height: 18, source: CheckIcon }),
-            /* @__PURE__ */ jsx(SvgLoader, { className: classes.checkbox__icon_indeterminate, width: 18, height: 18, source: MinusIcon })
-          ] })
-        ] }),
-        children
-      ]
-    }
-  );
-};
-export {
-  Checkbox
-};

package/dist/lib/checkbox/checkbox.module.scss.js

@@ -1,23 +0,0 @@
-const checkbox__container = "_checkbox__container_1rrv2_1";
-const checkbox__input = "_checkbox__input_1rrv2_10";
-const checkbox__main = "_checkbox__main_1rrv2_15";
-const checkbox__checkmark = "_checkbox__checkmark_1rrv2_32";
-const checkbox__icon_checked = "_checkbox__icon_checked_1rrv2_43";
-const checkbox__icon_indeterminate = "_checkbox__icon_indeterminate_1rrv2_43";
-const classes = {
-  checkbox__container,
-  checkbox__input,
-  checkbox__main,
-  checkbox__checkmark,
-  checkbox__icon_checked,
-  checkbox__icon_indeterminate
-};
-export {
-  checkbox__checkmark,
-  checkbox__container,
-  checkbox__icon_checked,
-  checkbox__icon_indeterminate,
-  checkbox__input,
-  checkbox__main,
-  classes as default
-};

package/dist/lib/checkbox/index.d.ts.map

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

package/dist/lib/checkbox/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,YAAY,CACtC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B;IACE,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG;QAChD,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;CACH,CACF,CAAC"}

package/dist/lib/chip/chip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/lib/chip/chip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAOzD,eAAO,MAAM,IAAI,4BAA6B,SAAS,qDAqCtD,CAAC"}