takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/esm/components/Menu/styles.css.js

@@ -1,208 +0,0 @@
-import { style, globalStyle } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-// Filler component
-export var fillerClass = style({
-    width: "100%",
-});
-// MenuContainer
-export var menuContainerClass = style({
-    position: "relative",
-    display: "flex",
-    flexDirection: "column",
-    width: "50px",
-    height: "100dvh",
-    backgroundColor: vars.colors.primary.default,
-    scrollbarWidth: "none",
-    "::-webkit-scrollbar": {
-        display: "none",
-    },
-});
-// ItemContainer (styled Link)
-export var itemContainerClass = style({
-    position: "relative",
-    width: "100%",
-    aspectRatio: "1",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    gap: vars.spacing.xxs,
-    backgroundColor: vars.colors.primary.default,
-    borderRadius: vars.radius.m,
-    textDecoration: "none",
-    cursor: "pointer",
-    ":hover": {
-        boxShadow: vars.shadows.default,
-        zIndex: 10,
-    },
-});
-globalStyle("".concat(itemContainerClass, " svg"), {
-    fontSize: "18px",
-    fill: vars.colors.neutral.lightest,
-});
-globalStyle("".concat(itemContainerClass, " span"), {
-    color: vars.colors.neutral.lightest,
-    fontFamily: vars.typography.family.default,
-    fontSize: "8px",
-    fontStyle: "normal",
-    fontWeight: 600,
-    lineHeight: "normal",
-});
-globalStyle("".concat(itemContainerClass, "[aria-selected=\"true\"]"), {
-    backgroundColor: vars.colors.neutral.lightest,
-    borderTopRightRadius: "0",
-    borderBottomRightRadius: "0",
-});
-globalStyle("".concat(itemContainerClass, "[aria-selected=\"true\"] svg"), {
-    fill: vars.colors.primary.default,
-});
-globalStyle("".concat(itemContainerClass, "[aria-selected=\"true\"] span"), {
-    color: vars.colors.primary.default,
-});
-globalStyle("".concat(itemContainerClass, "[aria-selected=\"true\"]::after"), {
-    content: '""',
-    position: "absolute",
-    top: "-8px",
-    right: "0px",
-    backgroundColor: "transparent",
-    width: "8px",
-    height: "8px",
-    backgroundImage: "radial-gradient(circle at 0px 0px, transparent 8px, ".concat(vars.colors.neutral.lightest, " 8px)"),
-});
-globalStyle("".concat(itemContainerClass, "[aria-selected=\"true\"]::before"), {
-    content: '""',
-    position: "absolute",
-    bottom: "-8px",
-    right: "0px",
-    backgroundColor: "transparent",
-    width: "8px",
-    height: "8px",
-    backgroundImage: "radial-gradient(circle at 0px 100%, transparent 8px, ".concat(vars.colors.neutral.lightest, " 8px)"),
-});
-// StyledMenuPositioner
-export var styledMenuPositionerClass = style({
-    zIndex: 9999,
-});
-// MenuPopupContainer
-export var menuPopupContainerClass = style({
-    display: "flex",
-    flexDirection: "column",
-    minWidth: "218px",
-    width: "fit-content",
-    maxHeight: "calc(100vh - 32px)",
-    overflowY: "auto",
-    backgroundColor: "#fff",
-    borderRadius: "0 8px 8px 8px",
-    boxShadow: vars.shadows.default,
-    transformOrigin: "left top",
-    opacity: 0,
-    transition: "opacity 0.15s",
-});
-globalStyle("".concat(menuPopupContainerClass, "[data-open]"), {
-    opacity: 1,
-});
-// ModalHeader
-export var modalHeaderClass = style({
-    width: "100%",
-    display: "flex",
-    alignItems: "center",
-    gap: vars.spacing.xs,
-    padding: vars.spacing.xs,
-    borderBottom: "1px solid ".concat(vars.colors.primary.default),
-    cursor: "pointer",
-    color: vars.colors.neutral.dark,
-    fontFamily: vars.typography.family.default,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: 700,
-    lineHeight: "normal",
-});
-globalStyle("".concat(modalHeaderClass, " svg"), {
-    fill: vars.colors.primary.default,
-    fontSize: "24px",
-});
-// ItemsGrid
-export var itemsGridClass = style({
-    display: "grid",
-    gridTemplateRows: "repeat(4, auto)",
-    gridAutoFlow: "column",
-    gridAutoColumns: "min-content",
-});
-// SearchDiv
-export var searchDivClass = style({
-    position: "sticky",
-    top: "-4px",
-    backgroundColor: "#fff",
-    padding: vars.spacing.xs,
-    zIndex: 10,
-});
-// NothingFoundSpan
-export var nothingFoundSpanClass = style({
-    padding: vars.spacing.xs,
-    color: vars.colors.neutral.dark,
-    fontFamily: vars.typography.family.default,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: 400,
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-});
-// MenuModalItem (Link)
-export var menuModalItemClass = style({
-    display: "flex",
-    alignItems: "center",
-    gap: vars.spacing.xs,
-    padding: vars.spacing.xs,
-    textDecoration: "none",
-    color: vars.colors.neutral.default,
-    fontFamily: vars.typography.family.default,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: 700,
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-    cursor: "pointer",
-});
-globalStyle("".concat(menuModalItemClass, " svg"), {
-    fontSize: "24px",
-    fill: vars.colors.primary.default,
-});
-globalStyle("".concat(menuModalItemClass, " span"), {
-    color: vars.colors.neutral.default,
-    fontFamily: vars.typography.family.default,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: 700,
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-});
-// CircleIndicator
-export var circleIndicatorClass = style({
-    width: "4px",
-    height: "4px",
-    borderRadius: "50%",
-    backgroundColor: vars.colors.primary.default,
-});
-// FirstBar
-export var firstBarClass = style({
-    position: "absolute",
-    display: "block",
-    width: "2px",
-    height: "calc(50% + 4px)",
-    background: vars.colors.primary.default,
-    left: "5px",
-    top: "-4px",
-    zIndex: 9,
-});
-// SecondBar
-export var secondBarClass = style({
-    position: "absolute",
-    display: "block",
-    width: "2px",
-    height: "calc(50% + 4px)",
-    background: vars.colors.primary.default,
-    left: "5px",
-    top: "50%",
-    zIndex: 9,
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/components/Menu/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Menu/styles.d.ts

@@ -1,28 +0,0 @@
-interface FillerProps {
-    height: number;
-}
-export declare const Filler: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FillerProps>> & string;
-export declare const MenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-interface ItemContainerProps {
-    isSelected?: boolean;
-}
-export declare const ItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
-}, ItemContainerProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledMenuPositioner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/menu").MenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/menu").MenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const MenuPopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/menu").MenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/menu").MenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ItemsGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SearchDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NothingFoundSpan: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const MenuModalItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const CircleIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FirstBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SecondBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};

package/dist/esm/components/Menu/styles.js

@@ -1,118 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import { Menu as BaseMenu } from "@base-ui/react/menu";
-import { Link } from "react-router-dom";
-import styled from "styled-components";
-export var Filler = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", "px;\n  width: 100%;\n  background-color: transparent;\n"], ["\n  height: ", "px;\n  width: 100%;\n  background-color: transparent;\n"])), function (_a) {
-    var height = _a.height;
-    return height;
-});
-export var MenuContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 50px;\n  height: 100dvh;\n  background-color: ", ";\n  /* overflow-y: auto; */\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 50px;\n  height: 100dvh;\n  background-color: ", ";\n  /* overflow-y: auto; */\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-export var ItemContainer = styled(Link)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ", ";\n  background-color: ", ";\n  border-radius: ", ";\n  text-decoration: none;\n\n  &:hover {\n    box-shadow: ", ";\n    z-index: 10;\n  }\n\n  svg {\n    font-size: 18px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 8px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: normal;\n  }\n\n  &[aria-selected=\"true\"] {\n    background-color: ", ";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\n    svg {\n      fill: ", ";\n    }\n\n    span {\n      color: ", ";\n    }\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      top: -8px;\n      right: 0px;\n      background-color: transparent;\n      width: 8px;\n      height: 8px;\n      background-image: radial-gradient(\n        circle at 0px 0px,\n        transparent 8px,\n        ", " 8px\n      );\n    }\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      bottom: -8px;\n      right: 0px;\n      background-color: transparent;\n      width: 8px;\n      height: 8px;\n      background-image: radial-gradient(\n        circle at 0px 100%,\n        transparent 8px,\n        ", " 8px\n      );\n    }\n  }\n"], ["\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: ", ";\n  background-color: ", ";\n  border-radius: ", ";\n  text-decoration: none;\n\n  &:hover {\n    box-shadow: ", ";\n    z-index: 10;\n  }\n\n  svg {\n    font-size: 18px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 8px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: normal;\n  }\n\n  &[aria-selected=\"true\"] {\n    background-color: ", ";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\n    svg {\n      fill: ", ";\n    }\n\n    span {\n      color: ", ";\n    }\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      top: -8px;\n      right: 0px;\n      background-color: transparent;\n      width: 8px;\n      height: 8px;\n      background-image: radial-gradient(\n        circle at 0px 0px,\n        transparent 8px,\n        ", " 8px\n      );\n    }\n\n    &::before {\n      content: \"\";\n      position: absolute;\n      bottom: -8px;\n      right: 0px;\n      background-color: transparent;\n      width: 8px;\n      height: 8px;\n      background-image: radial-gradient(\n        circle at 0px 100%,\n        transparent 8px,\n        ", " 8px\n      );\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lightest;
-});
-export var StyledMenuPositioner = styled(BaseMenu.Positioner)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  z-index: 9999;\n"], ["\n  z-index: 9999;\n"])));
-export var MenuPopupContainer = styled(BaseMenu.Popup)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  min-width: 218px;\n  width: fit-content;\n  max-height: calc(100vh - 32px);\n  overflow-y: auto;\n  background-color: #fff;\n  border-radius: 0 8px 8px 8px;\n  box-shadow: ", ";\n  transform-origin: left top;\n  opacity: 0;\n  transition: opacity 0.15s;\n\n  &[data-open] {\n    opacity: 1;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  min-width: 218px;\n  width: fit-content;\n  max-height: calc(100vh - 32px);\n  overflow-y: auto;\n  background-color: #fff;\n  border-radius: 0 8px 8px 8px;\n  box-shadow: ", ";\n  transform-origin: left top;\n  opacity: 0;\n  transition: opacity 0.15s;\n\n  &[data-open] {\n    opacity: 1;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-});
-export var ModalHeader = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  border-bottom: 1px solid ", ";\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n\n  svg {\n    fill: ", ";\n    font-size: 24px;\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  border-bottom: 1px solid ", ";\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n\n  svg {\n    fill: ", ";\n    font-size: 24px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-export var ItemsGrid = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: grid;\n  grid-template-rows: repeat(4, auto);\n  grid-auto-flow: column;\n  grid-auto-columns: min-content;\n"], ["\n  display: grid;\n  grid-template-rows: repeat(4, auto);\n  grid-auto-flow: column;\n  grid-auto-columns: min-content;\n"])));
-export var SearchDiv = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: sticky;\n  top: -4px;\n  background-color: #fff;\n  padding: ", ";\n  z-index: 10;\n"], ["\n  position: sticky;\n  top: -4px;\n  background-color: #fff;\n  padding: ", ";\n  z-index: 10;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-});
-export var NothingFoundSpan = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n"], ["\n  padding: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: 0.1px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-export var MenuModalItem = styled(Link)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  text-decoration: none;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  text-decoration: none;\n\n  svg {\n    font-size: 24px;\n    fill: ", ";\n  }\n\n  span {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-export var CircleIndicator = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: ", ";\n"], ["\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-export var FirstBar = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: absolute;\n  content: \"\";\n  display: block;\n  width: 2px;\n  height: calc(50% + 4px);\n  background: ", ";\n  left: 5px;\n  top: -4px;\n  z-index: 9;\n"], ["\n  position: absolute;\n  content: \"\";\n  display: block;\n  width: 2px;\n  height: calc(50% + 4px);\n  background: ", ";\n  left: 5px;\n  top: -4px;\n  z-index: 9;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-export var SecondBar = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: absolute;\n  content: \"\";\n  display: block;\n  width: 2px;\n  height: calc(50% + 4px);\n  background: ", ";\n  left: 5px;\n  top: 50%;\n  z-index: 9;\n"], ["\n  position: absolute;\n  content: \"\";\n  display: block;\n  width: 2px;\n  height: calc(50% + 4px);\n  background: ", ";\n  left: 5px;\n  top: 50%;\n  z-index: 9;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.default;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
-//# sourceMappingURL=styles.js.map

package/dist/esm/components/Menu/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Menu/styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Meter/Meter.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Meter } from ".";
-declare const meta: Meta<typeof Meter>;
-export default meta;
-type Story = StoryObj<typeof Meter>;
-export declare const Example: Story;
-export declare const ColorStates: Story;
-export declare const Simple: Story;

package/dist/esm/components/Meter/Meter.stories.js

@@ -1,68 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Meter } from ".";
-import { Subtitle } from "../StoriesComponents";
-var meta = {
-    component: Meter,
-    title: "Design System/Meter",
-    parameters: {
-        componentSubtitle: (_jsx(Subtitle, { children: "Indicador visual de progresso ou quantidade dentro de um intervalo conhecido. A cor muda automaticamente de acordo com os limites definidos." })),
-    },
-    argTypes: {
-        value: {
-            description: "Valor atual (obrigatório)",
-            control: { type: "number" },
-        },
-        min: {
-            description: "Valor mínimo",
-            control: { type: "number" },
-            table: { defaultValue: { summary: "0" } },
-        },
-        max: {
-            description: "Valor máximo",
-            control: { type: "number" },
-            table: { defaultValue: { summary: "100" } },
-        },
-        low: {
-            description: "Limite inferior — abaixo desse valor indica estado ruim",
-            control: { type: "number" },
-        },
-        high: {
-            description: "Limite superior — acima desse valor indica estado ruim",
-            control: { type: "number" },
-        },
-        optimum: {
-            description: "Valor ótimo",
-            control: { type: "number" },
-        },
-        label: {
-            description: "Rótulo exibido acima da barra",
-            control: { type: "text" },
-        },
-        showValue: {
-            description: "Exibe o valor numérico ao lado do rótulo",
-            control: { type: "boolean" },
-        },
-    },
-    args: {
-        value: 60,
-        min: 0,
-        max: 100,
-        label: "Uso de memória",
-        showValue: true,
-    },
-};
-export default meta;
-export var Example = {
-    name: "Exemplo",
-    render: function (args) { return (_jsx("div", { style: { width: 320, padding: 16 }, children: _jsx(Meter, __assign({}, args)) })); },
-};
-export var ColorStates = {
-    name: "Estados de cor",
-    render: function () { return (_jsxs("div", { style: { width: 320, padding: 16, display: "flex", flexDirection: "column", gap: 16 }, children: [_jsx(Meter, { value: 30, low: 25, high: 75, optimum: 50, label: "Normal (verde)", showValue: true }), _jsx(Meter, { value: 15, low: 25, high: 75, optimum: 50, label: "Cr\u00EDtico baixo (vermelho)", showValue: true }), _jsx(Meter, { value: 90, low: 25, high: 75, optimum: 50, label: "Cr\u00EDtico alto (vermelho)", showValue: true })] })); },
-};
-export var Simple = {
-    name: "Simples (sem limites)",
-    render: function () { return (_jsxs("div", { style: { width: 320, padding: 16, display: "flex", flexDirection: "column", gap: 16 }, children: [_jsx(Meter, { value: 25, label: "25%", showValue: true }), _jsx(Meter, { value: 50, label: "50%", showValue: true }), _jsx(Meter, { value: 75, label: "75%", showValue: true }), _jsx(Meter, { value: 100, label: "100%", showValue: true })] })); },
-};
-//# sourceMappingURL=Meter.stories.js.map

package/dist/esm/components/Meter/Meter.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Meter.stories.js","sourceRoot":"","sources":["../../../../src/components/Meter/Meter.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Meter/index.d.ts

@@ -1,15 +0,0 @@
-import React, { CSSProperties } from "react";
-interface MeterProps {
-    value: number;
-    min?: number;
-    max?: number;
-    low?: number;
-    high?: number;
-    optimum?: number;
-    label?: React.ReactNode;
-    showValue?: boolean;
-    className?: string;
-    style?: CSSProperties;
-}
-export declare const Meter: React.ForwardRefExoticComponent<MeterProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/esm/components/Meter/index.js

@@ -1,25 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { Meter as BaseMeter } from "@base-ui/react/meter";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { DEFAULT_THEME } from "../../utils/consts";
-import { meterColorVar, meterIndicatorClass, meterLabelClass, meterRootClass, meterTrackClass, } from "./styles.css";
-export var Meter = forwardRef(function Meter(_a, ref) {
-    var _b;
-    var value = _a.value, _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.max, max = _d === void 0 ? 100 : _d, low = _a.low, high = _a.high, optimum = _a.optimum, label = _a.label, showValue = _a.showValue, className = _a.className, style = _a.style;
-    var color = useMemo(function () {
-        if (low !== undefined && high !== undefined && optimum !== undefined) {
-            if (value < low || value > high)
-                return DEFAULT_THEME.colors.red.default;
-            if ((optimum <= low && value <= low) ||
-                (optimum >= high && value >= high)) {
-                return DEFAULT_THEME.colors.yellow.default;
-            }
-        }
-        return DEFAULT_THEME.colors.green.default;
-    }, [value, low, high, optimum]);
-    var percentage = ((value - min) / (max - min)) * 100;
-    return (_jsxs(BaseMeter.Root, { ref: ref, value: value, min: min, max: max, className: "".concat(meterRootClass).concat(className ? " ".concat(className) : ""), style: style, children: [(label || showValue) && (_jsxs("div", { className: meterLabelClass, children: [label && _jsx(BaseMeter.Label, { children: label }), showValue && _jsx(BaseMeter.Value, {})] })), _jsx(BaseMeter.Track, { className: meterTrackClass, children: _jsx(BaseMeter.Indicator, { className: meterIndicatorClass, style: __assign({ width: "".concat(percentage, "%") }, assignInlineVars((_b = {}, _b[meterColorVar] = color, _b))) }) })] }));
-});
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Meter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Meter/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAiB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,eAAe,GAChB,MAAM,cAAc,CAAC;AAetB,MAAM,CAAC,IAAM,KAAK,GAAG,UAAU,CAC7B,SAAS,KAAK,CACZ,EAWC,EACD,GAAG;;QAXD,KAAK,WAAA,EACL,WAAO,EAAP,GAAG,mBAAG,CAAC,KAAA,EACP,WAAS,EAAT,GAAG,mBAAG,GAAG,KAAA,EACT,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAAA;IAIP,IAAM,KAAK,GAAG,OAAO,CAAC;QACpB,IAAI,GAAG,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACrE,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,IAAI;gBAAE,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;YACzE,IACE,CAAC,OAAO,IAAI,GAAG,IAAI,KAAK,IAAI,GAAG,CAAC;gBAChC,CAAC,OAAO,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,EAClC,CAAC;gBACD,OAAO,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;YAC7C,CAAC;QACH,CAAC;QACD,OAAO,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;IAC5C,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEvD,OAAO,CACL,MAAC,SAAS,CAAC,IAAI,IACb,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAG,cAAc,SAAG,SAAS,CAAC,CAAC,CAAC,WAAI,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAE,EACjE,KAAK,EAAE,KAAK,aAEX,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,eAAK,SAAS,EAAE,eAAe,aAC5B,KAAK,IAAI,KAAC,SAAS,CAAC,KAAK,cAAE,KAAK,GAAmB,EACnD,SAAS,IAAI,KAAC,SAAS,CAAC,KAAK,KAAG,IAC7B,CACP,EACD,KAAC,SAAS,CAAC,KAAK,IAAC,SAAS,EAAE,eAAe,YACzC,KAAC,SAAS,CAAC,SAAS,IAClB,SAAS,EAAE,mBAAmB,EAC9B,KAAK,aACH,KAAK,EAAE,UAAG,UAAU,MAAG,IACnB,gBAAgB,WAAG,GAAC,aAAa,IAAG,KAAK,MAAqB,IAEpE,GACc,IACH,CAClB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/esm/components/Meter/styles.css.d.ts

@@ -1,5 +0,0 @@
-export declare const meterColorVar: `var(--${string})`;
-export declare const meterRootClass: string;
-export declare const meterLabelClass: string;
-export declare const meterTrackClass: string;
-export declare const meterIndicatorClass: string;

package/dist/esm/components/Meter/styles.css.js

@@ -1,34 +0,0 @@
-import { createVar, style } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-export var meterColorVar = createVar();
-export var meterRootClass = style({
-    display: "flex",
-    flexDirection: "column",
-    gap: vars.spacing.xxs,
-    width: "100%",
-});
-export var meterLabelClass = style({
-    fontSize: "14px",
-    fontFamily: vars.typography.family.default,
-    fontWeight: 600,
-    color: vars.colors.neutral.dark,
-    lineHeight: "24px",
-    letterSpacing: "0.15px",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-});
-export var meterTrackClass = style({
-    height: "8px",
-    backgroundColor: vars.colors.neutral.lighter,
-    borderRadius: vars.radius.s,
-    overflow: "hidden",
-    position: "relative",
-});
-export var meterIndicatorClass = style({
-    height: "100%",
-    backgroundColor: meterColorVar,
-    borderRadius: vars.radius.s,
-    transition: "width 0.3s ease",
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/components/Meter/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Meter/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,MAAM,CAAC,IAAM,aAAa,GAAG,SAAS,EAAE,CAAC;AAEzC,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC;IAClC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC;IACnC,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;IAC1C,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC/B,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC;IACnC,MAAM,EAAE,KAAK;IACb,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;IAC5C,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,mBAAmB,GAAG,KAAK,CAAC;IACvC,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3B,UAAU,EAAE,iBAAiB;CAC9B,CAAC,CAAC"}

package/dist/esm/components/MockComponent/index.d.ts

@@ -1,5 +0,0 @@
-interface MockComponentProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-export declare const MockComponent: ({ children, className, ...rest }: MockComponentProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/components/MockComponent/index.js

@@ -1,8 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styledDiv } from "./styles.css";
-export var MockComponent = function (_a) {
-    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
-    return (_jsx("div", __assign({ className: className ? "".concat(styledDiv, " ").concat(className) : styledDiv }, rest, { children: children })));
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/components/MockComponent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAoD;IAAlD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAC1D,OAAO,CACL,uBAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,cAAI,SAAS,CAAE,CAAC,CAAC,CAAC,SAAS,IAAM,IAAI,cAC1E,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/MockComponent/styles.css.d.ts

@@ -1 +0,0 @@
-export declare const styledDiv: string;

package/dist/esm/components/MockComponent/styles.css.js

@@ -1,14 +0,0 @@
-import { style } from "@vanilla-extract/css";
-export var styledDiv = style({
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    padding: "16px",
-    backgroundColor: "lightblue",
-    borderRadius: "8px",
-    border: "1px solid blue",
-    fontSize: "20px",
-    fontFamily: "Poppins, sans-serif",
-    fontWeight: 700,
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/components/MockComponent/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC;IAC7B,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,WAAW;IAC5B,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,qBAAqB;IACjC,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC"}

package/dist/esm/components/MockComponent/styles.d.ts

@@ -1 +0,0 @@
-export declare const StyledDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/MockComponent/styles.js

@@ -1,5 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 16px;\n  background-color: lightblue;\n  border-radius: 8px;\n  border: 1px solid blue;\n  font-size: 20px;\n  font-family: Poppins, sans-serif;\n  font-weight: 700;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 16px;\n  background-color: lightblue;\n  border-radius: 8px;\n  border: 1px solid blue;\n  font-size: 20px;\n  font-family: Poppins, sans-serif;\n  font-weight: 700;\n"])));
-var templateObject_1;
-//# sourceMappingURL=styles.js.map