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

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

@@ -1,199 +0,0 @@
-import { style, globalStyle } from "@vanilla-extract/css";
-import { vars } from "../../theme/theme.css";
-// Input wrapper (outer container with label)
-export var inputWrapperClass = style({
-    position: "relative",
-    display: "flex",
-    flexDirection: "column",
-    gap: vars.spacing.xxs,
-    color: vars.colors.neutral.dark,
-    fontSize: "14px",
-    fontStyle: "normal",
-    fontWeight: 400,
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-});
-// Label styling with responsive font sizes via data-device ancestor selector
-globalStyle("".concat(inputWrapperClass, " label"), {
-    fontStyle: "normal",
-    fontWeight: 600,
-    lineHeight: "24px",
-    letterSpacing: "0.15px",
-    color: vars.colors.neutral.dark,
-    fontSize: vars.components.input.label.fontSize.large,
-});
-globalStyle("[data-device=\"tablet\"] ".concat(inputWrapperClass, " label"), {
-    fontSize: vars.components.input.label.fontSize.tablet,
-});
-globalStyle("[data-device=\"tablet\"] ".concat(inputWrapperClass, " label[data-size=\"small\"]"), {
-    fontSize: vars.components.input.label.fontSize["tablet-small"],
-});
-globalStyle("[data-device=\"tablet\"] ".concat(inputWrapperClass, " label[data-size=\"medium\"]"), {
-    fontSize: vars.components.input.label.fontSize["tablet-medium"],
-});
-globalStyle("[data-device=\"totem\"] ".concat(inputWrapperClass, " label"), {
-    fontSize: vars.components.input.label.fontSize.totem,
-});
-globalStyle("[data-device=\"totem\"] ".concat(inputWrapperClass, " label[data-size=\"small\"]"), {
-    fontSize: vars.components.input.label.fontSize["totem-small"],
-});
-globalStyle("[data-device=\"totem\"] ".concat(inputWrapperClass, " label[data-size=\"medium\"]"), {
-    fontSize: vars.components.input.label.fontSize["totem-medium"],
-});
-globalStyle("[data-device=\"desktop\"] ".concat(inputWrapperClass, " label[data-size=\"small\"]"), {
-    fontSize: vars.components.input.label.fontSize.small,
-});
-globalStyle("[data-device=\"desktop\"] ".concat(inputWrapperClass, " label[data-size=\"medium\"]"), {
-    fontSize: vars.components.input.label.fontSize.medium,
-});
-globalStyle("".concat(inputWrapperClass, ":has(input:disabled) label"), {
-    color: vars.colors.neutral.light,
-});
-globalStyle("".concat(inputWrapperClass, ":has(input:disabled) label svg"), {
-    fill: vars.colors.neutral.light,
-});
-// Input container (relative positioning for icons)
-export var inputContainerClass = style({
-    position: "relative",
-    display: "inline-flex",
-    flexDirection: "column",
-    gap: vars.spacing.xxs,
-    width: "100%",
-    color: vars.colors.neutral.default,
-    fontSize: "12px",
-    fontStyle: "normal",
-    fontWeight: 400,
-    lineHeight: "16px",
-    letterSpacing: "0.4px",
-});
-globalStyle("".concat(inputContainerClass, " svg"), {
-    fill: vars.colors.neutral.dark,
-});
-// Input size classes for all device/size combinations
-export var inputSizeClasses = {
-    large: style({
-        height: vars.components.input.input.height.large,
-        padding: vars.components.input.input.padding.large,
-        borderRadius: vars.components.input.input.borderRadius.large,
-        fontSize: vars.components.input.input.fontSize.large,
-    }),
-    medium: style({
-        height: vars.components.input.input.height.medium,
-        padding: vars.components.input.input.padding.medium,
-        borderRadius: vars.components.input.input.borderRadius.medium,
-        fontSize: vars.components.input.input.fontSize.medium,
-    }),
-    small: style({
-        height: vars.components.input.input.height.small,
-        padding: vars.components.input.input.padding.small,
-        borderRadius: vars.components.input.input.borderRadius.small,
-        fontSize: vars.components.input.input.fontSize.small,
-    }),
-    tablet: style({
-        height: vars.components.input.input.height.tablet,
-        padding: vars.components.input.input.padding.tablet,
-        borderRadius: vars.components.input.input.borderRadius.tablet,
-        fontSize: vars.components.input.input.fontSize.tablet,
-    }),
-    "tablet-medium": style({
-        height: vars.components.input.input.height["tablet-medium"],
-        padding: vars.components.input.input.padding["tablet-medium"],
-        borderRadius: vars.components.input.input.borderRadius["tablet-medium"],
-        fontSize: vars.components.input.input.fontSize["tablet-medium"],
-    }),
-    "tablet-small": style({
-        height: vars.components.input.input.height["tablet-small"],
-        padding: vars.components.input.input.padding["tablet-small"],
-        borderRadius: vars.components.input.input.borderRadius["tablet-small"],
-        fontSize: vars.components.input.input.fontSize["tablet-small"],
-    }),
-    totem: style({
-        height: vars.components.input.input.height.totem,
-        padding: vars.components.input.input.padding.totem,
-        borderRadius: vars.components.input.input.borderRadius.totem,
-        fontSize: vars.components.input.input.fontSize.totem,
-    }),
-    "totem-medium": style({
-        height: vars.components.input.input.height["totem-medium"],
-        padding: vars.components.input.input.padding["totem-medium"],
-        borderRadius: vars.components.input.input.borderRadius["totem-medium"],
-        fontSize: vars.components.input.input.fontSize["totem-medium"],
-    }),
-    "totem-small": style({
-        height: vars.components.input.input.height["totem-small"],
-        padding: vars.components.input.input.padding["totem-small"],
-        borderRadius: vars.components.input.input.borderRadius["totem-small"],
-        fontSize: vars.components.input.input.fontSize["totem-small"],
-    }),
-};
-// Base input element styling
-export var inputClass = style({
-    width: "100%",
-    border: "1px solid ".concat(vars.colors.neutral.dark),
-    backgroundColor: "transparent",
-    color: vars.colors.neutral.dark,
-    fontFamily: vars.typography.family.default,
-    fontStyle: "normal",
-    fontWeight: 400,
-    lineHeight: "20px",
-    letterSpacing: "0.1px",
-    transition: "border-color 0.2s",
-});
-globalStyle("".concat(inputClass, "::placeholder"), {
-    color: vars.colors.neutral.default,
-});
-globalStyle("".concat(inputClass, ":hover"), {
-    borderColor: vars.colors.neutral.darker,
-});
-globalStyle("".concat(inputClass, ":focus"), {
-    outline: "none",
-});
-globalStyle("".concat(inputClass, ":focus-visible"), {
-    borderColor: vars.colors.blue.dark,
-});
-globalStyle("".concat(inputClass, "[data-disabled]"), {
-    cursor: "default",
-    color: vars.colors.neutral.light,
-    borderColor: vars.colors.neutral.light,
-});
-globalStyle("".concat(inputClass, "[data-disabled]::placeholder"), {
-    color: vars.colors.neutral.light,
-});
-globalStyle("".concat(inputClass, ":disabled"), {
-    cursor: "default",
-    color: vars.colors.neutral.light,
-    borderColor: vars.colors.neutral.light,
-});
-globalStyle("".concat(inputClass, ":disabled::placeholder"), {
-    color: vars.colors.neutral.light,
-});
-// Icon styling
-globalStyle("".concat(inputContainerClass, " .icon-left"), {
-    position: "absolute",
-    left: "16px",
-    bottom: "50%",
-    transform: "translateY(50%)",
-});
-globalStyle("".concat(inputContainerClass, " .icon-right"), {
-    position: "absolute",
-    right: "16px",
-    bottom: "50%",
-    transform: "translateY(50%)",
-});
-globalStyle("".concat(inputContainerClass, " .error-icon"), {
-    position: "absolute",
-    right: "16px",
-    fill: vars.colors.red.default,
-    bottom: "50%",
-    transform: "translateY(50%)",
-});
-globalStyle("".concat(inputContainerClass, " .icon-left svg"), {
-    fill: vars.colors.neutral.dark,
-});
-globalStyle("".concat(inputContainerClass, " .icon-right svg"), {
-    fill: vars.colors.neutral.dark,
-});
-globalStyle("".concat(inputContainerClass, ":has(input:disabled) svg"), {
-    fill: vars.colors.neutral.light,
-});
-//# sourceMappingURL=styles.css.js.map

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

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

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

@@ -1,16 +0,0 @@
-interface InputWrapperProps {
-    disabled?: boolean;
-    $size: "small" | "medium" | "large";
-}
-export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputWrapperProps>> & string;
-interface InputContainerProps {
-    $hasError?: boolean;
-    $hasIconLeft?: boolean;
-    $hasIconRight?: boolean;
-    $size: "small" | "medium" | "large";
-}
-export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputContainerProps>> & string;
-export declare const StyledBaseInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@base-ui/react/input").InputProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: ((instance: HTMLElement | 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<HTMLElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/input").InputProps, "ref"> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
-export {};

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

@@ -1,126 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-import { Input as BaseInput } from "@base-ui/react/input";
-var getDeviceSize = function (device, size) {
-    if (device === "desktop") {
-        return size;
-    }
-    if (size === "large") {
-        return device;
-    }
-    return "".concat(device, "-").concat(size);
-};
-export var InputWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n\n  color: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  letter-spacing: 0.1px;\n\n  label {\n    font-size: ", ";\n    font-style: normal;\n    font-weight: 600;\n    line-height: 24px;\n    letter-spacing: 0.15px;\n    color: ", ";\n  }\n\n  &:has(input:disabled) {\n    label {\n      color: ", ";\n\n      svg {\n        fill: ", ";\n      }\n    }\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n\n  color: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  letter-spacing: 0.1px;\n\n  label {\n    font-size: ", ";\n    font-style: normal;\n    font-weight: 600;\n    line-height: 24px;\n    letter-spacing: 0.15px;\n    color: ", ";\n  }\n\n  &:has(input:disabled) {\n    label {\n      color: ", ";\n\n      svg {\n        fill: ", ";\n      }\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return theme.components.input.label.fontSize[getDeviceSize(theme.device, $size)];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-export var InputContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n\n  svg {\n    fill: ", ";\n    width: ", ";\n    height: ", ";\n  }\n\n  .icon-left {\n    width: ", ";\n    height: ", ";\n    position: absolute;\n    left: 16px;\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  .icon-right {\n    width: ", ";\n    height: ", ";\n    position: absolute;\n    right: 16px;\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  .error-icon {\n    position: absolute;\n    right: 16px;\n    fill: ", ";\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  &:has(input:disabled) {\n    svg {\n      fill: ", ";\n    }\n  }\n\n  input {\n    height: ", ";\n    width: 100%;\n    padding: ", ";\n    border-radius: ", ";\n    border: 1px solid ", ";\n    background-color: transparent;\n\n    color: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n\n    ", "\n    ", "\n\n    ", "\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:hover {\n      border-color: ", ";\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      border: 1px solid ", ";\n    }\n\n    &[data-disabled] {\n      cursor: default;\n      color: ", ";\n      border-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      cursor: default;\n      color: ", ";\n      border-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n  }\n"], ["\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n\n  svg {\n    fill: ", ";\n    width: ", ";\n    height: ", ";\n  }\n\n  .icon-left {\n    width: ", ";\n    height: ", ";\n    position: absolute;\n    left: 16px;\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  .icon-right {\n    width: ", ";\n    height: ", ";\n    position: absolute;\n    right: 16px;\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  .error-icon {\n    position: absolute;\n    right: 16px;\n    fill: ", ";\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  &:has(input:disabled) {\n    svg {\n      fill: ", ";\n    }\n  }\n\n  input {\n    height: ", ";\n    width: 100%;\n    padding: ", ";\n    border-radius: ", ";\n    border: 1px solid ", ";\n    background-color: transparent;\n\n    color: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n\n    ", "\n    ", "\n\n    ", "\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:hover {\n      border-color: ", ";\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      border: 1px solid ", ";\n    }\n\n    &[data-disabled] {\n      cursor: default;\n      color: ", ";\n      border-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      cursor: default;\n      color: ", ";\n      border-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.red.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return theme.components.input.input.height[getDeviceSize(theme.device, $size)];
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return theme.components.input.input.padding[getDeviceSize(theme.device, $size)];
-}, function (_a) {
-    var theme = _a.theme, $size = _a.$size;
-    return theme.components.input.input.borderRadius[getDeviceSize(theme.device, $size)];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, 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, $size = _a.$size;
-    return theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)];
-}, function (_a) {
-    var $hasIconLeft = _a.$hasIconLeft;
-    return $hasIconLeft && "padding-left: 40px;";
-}, function (_a) {
-    var $hasIconRight = _a.$hasIconRight;
-    return $hasIconRight && "padding-right: 40px;";
-}, function (_a) {
-    var $hasError = _a.$hasError, theme = _a.theme;
-    return $hasError &&
-        "border-color: ".concat(theme.colors.red.default, ";\n      padding-right: 36px;");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.blue.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-export var StyledBaseInput = styled(BaseInput)(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
-var templateObject_1, templateObject_2, templateObject_3;
-//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Keyboard } from ".";
-import { Subtitle } from "../StoriesComponents";
-import { Input } from "../Input";
-import { useState } from "react";
-var meta = {
-    title: "Design System/Keyboard",
-    component: Keyboard,
-    parameters: {
-        componentSubtitle: _jsx(Subtitle, { children: "EM CONSTRU\u00C7\u00C3O" }),
-    },
-    argTypes: {},
-    args: {},
-};
-export default meta;
-export var Example = {
-    name: "Exemplo",
-    render: function () {
-        var _a = useState(""), inputValue = _a[0], setInputValue = _a[1];
-        return (_jsxs(_Fragment, { children: [_jsx(Input, { placeholder: "Teste keyboard", value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }), _jsx(Input, { "keyboard-type": "numeric", placeholder: "Teste 2 keyboard" }), _jsx(Keyboard, {})] }));
-    },
-};
-//# sourceMappingURL=Keyboard.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Keyboard.stories.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/Keyboard.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,KAAC,QAAQ,0CAAyB;KACtD;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACA,IAAA,KAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;QACjD,OAAO,CACL,8BACE,KAAC,KAAK,IACJ,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAC9C,EACF,KAAC,KAAK,qBAAe,SAAS,EAAC,WAAW,EAAC,kBAAkB,GAAG,EAChE,KAAC,QAAQ,KAAG,IACX,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Keyboard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,63 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from "react";
-import * as styles from "./styles.css";
-import { Popover } from "@base-ui/react/popover";
-var KEYBOARD_LAYOUTS = {
-    default: [
-        ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
-        ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
-        ["a", "s", "d", "f", "g", "h", "j", "k", "l"],
-        ["z", "x", "c", "v", "b", "n", "m"],
-    ],
-    numeric: [["1", "2", "3"], ["4", "5", "6"], ["7", "8", "9"], ["0"]],
-};
-export var Keyboard = forwardRef(function Keyboard(props, ref) {
-    var _a = useState(false), visible = _a[0], setVisible = _a[1];
-    var _b = useState(null), focusedInput = _b[0], setFocusedInput = _b[1];
-    var _c = useState("default"), keyboardType = _c[0], setKeyboardType = _c[1];
-    useEffect(function () {
-        var handleFocusIn = function (event) {
-            var target = event.target;
-            if (target.tagName === "INPUT") {
-                setFocusedInput(target);
-                setKeyboardType(target.getAttribute("keyboard-type") || "default");
-                setVisible(true);
-            }
-        };
-        var handleFocusOut = function (event) {
-            var _a;
-            if (!((_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.classList.contains("keyboard-button"))) {
-                setVisible(false);
-                setFocusedInput(null);
-            }
-        };
-        window.addEventListener("focusin", handleFocusIn);
-        window.addEventListener("focusout", handleFocusOut);
-        return function () {
-            window.removeEventListener("focusin", handleFocusIn);
-            window.removeEventListener("focusout", handleFocusOut);
-        };
-    }, []);
-    var handleKeyPress = function (key, e) {
-        e.preventDefault();
-        if (focusedInput) {
-            var start = focusedInput.selectionStart || 0;
-            var end = focusedInput.selectionEnd || 0;
-            var value = focusedInput.value;
-            if (key === "Backspace") {
-                focusedInput.value = value.slice(0, start - 1) + value.slice(end);
-                focusedInput.setSelectionRange(start - 1, start - 1);
-                focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
-                return;
-            }
-            focusedInput.value = value.slice(0, start) + key + value.slice(end);
-            focusedInput.setSelectionRange(start + 1, start + 1);
-            focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
-        }
-    };
-    return (_jsx(Popover.Root, { open: visible, onOpenChange: setVisible, children: _jsx(Popover.Portal, { children: _jsx(Popover.Positioner, { anchor: focusedInput, side: "bottom", align: "start", sideOffset: 4, className: styles.keyboardPositioner, children: _jsx(Popover.Popup, __assign({ initialFocus: false, finalFocus: false, ref: ref }, props, { className: styles.keyboardContainer, children: KEYBOARD_LAYOUTS[keyboardType].map(function (row) {
-                        return (_jsx("div", { className: styles.keyboardRow, children: row.map(function (key) { return (_jsx("button", { className: "".concat(styles.keyButton, " keyboard-button"), onMouseDown: function (e) { return handleKeyPress(key, e); }, children: key }, key)); }) }, row.join("-")));
-                    }) })) }) }) }));
-});
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,4 +0,0 @@
-export declare const keyboardPositioner: string;
-export declare const keyboardContainer: string;
-export declare const keyboardRow: string;
-export declare const keyButton: string;

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

@@ -1,38 +0,0 @@
-import { style } from "@vanilla-extract/css";
-export var keyboardPositioner = style({
-    zIndex: 1000,
-});
-export var keyboardContainer = style({
-    background: "#fff",
-    border: "1px solid #ccc",
-    borderRadius: "8px",
-    padding: "10px",
-    boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)",
-    display: "flex",
-    flexDirection: "column",
-    gap: "8px",
-    pointerEvents: "auto",
-});
-export var keyboardRow = style({
-    display: "flex",
-    gap: "8px",
-    justifyContent: "center",
-});
-export var keyButton = style({
-    fontSize: "16px",
-    cursor: "pointer",
-    border: "none",
-    borderRadius: "4px",
-    width: "40px",
-    height: "40px",
-    backgroundColor: "#f7f7f7",
-    color: "#333",
-    transition: "background-color 0.2s ease",
-    ":hover": {
-        backgroundColor: "#e0e0e0",
-    },
-    ":active": {
-        backgroundColor: "#ccc",
-    },
-});
-//# sourceMappingURL=styles.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,IAAM,kBAAkB,GAAG,KAAK,CAAC;IACtC,MAAM,EAAE,IAAI;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC;IACrC,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,8BAA8B;IACzC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK;IACV,aAAa,EAAE,MAAM;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC;IAC7B,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,4BAA4B;IACxC,QAAQ,EAAE;QACR,eAAe,EAAE,SAAS;KAC3B;IACD,SAAS,EAAE;QACT,eAAe,EAAE,MAAM;KACxB;CACF,CAAC,CAAC"}

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

@@ -1,8 +0,0 @@
-interface KeyboardProps {
-    top: number;
-    left: number;
-}
-export declare const KeyboardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, KeyboardProps>> & string;
-export declare const KeyboardRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const KeyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export {};

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

@@ -1,7 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from "styled-components";
-export var KeyboardContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  padding: 10px;\n  z-index: 1000;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  pointer-events: auto;\n"], ["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  padding: 10px;\n  z-index: 1000;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  pointer-events: auto;\n"])), function (props) { return props.top; }, function (props) { return props.left; });
-export var KeyboardRow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n"], ["\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n"])));
-export var KeyButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 16px;\n  cursor: pointer;\n  border: none;\n  border-radius: 4px;\n  width: 40px;\n  height: 40px;\n  background-color: #f7f7f7;\n  color: #333;\n  transition: background-color 0.2s ease;\n\n  &:hover {\n    background-color: #e0e0e0;\n  }\n\n  &:active {\n    background-color: #ccc;\n  }\n"], ["\n  font-size: 16px;\n  cursor: pointer;\n  border: none;\n  border-radius: 4px;\n  width: 40px;\n  height: 40px;\n  background-color: #f7f7f7;\n  color: #333;\n  transition: background-color 0.2s ease;\n\n  &:hover {\n    background-color: #e0e0e0;\n  }\n\n  &:active {\n    background-color: #ccc;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,0WAAe,kCAEjD,EAAoB,eACnB,EAAqB,kPAW9B,KAZQ,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,GAAG,EAAT,CAAS,EACnB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,EAAV,CAAU,CAW9B,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,kIAAA,+DAIpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,uXAAA,oTAkBrC,IAAA,CAAC"}

package/dist/esm/components/Layouts/ColumnsGrid/ColumnsGrid.stories.d.ts

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

package/dist/esm/components/Layouts/ColumnsGrid/ColumnsGrid.stories.js

@@ -1,45 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MockComponent } from "../../MockComponent";
-import { ColumnsGrid } from "./index";
-import { Subtitle } from "../../StoriesComponents";
-var meta = {
-    title: "Layout/Columns Grid",
-    component: ColumnsGrid,
-    parameters: {
-        componentSubtitle: (_jsxs(Subtitle, { children: ["Componente para separar os elementos em colunas, mantendo a altura de cada componente, criando o efeito que temos no card\u00E1pio do Totem. \u00C9 uma div e aceita todas as props que um div pode receber. Pode ser utilizada com o styled components da seguinte forma:", _jsx("br", {}), " const StyledColumnsGrid = styled(ColumnsGrid)``"] })),
-    },
-    argTypes: {
-        columnCount: {
-            description: "Quantidade de colunas a serem exibidas",
-            control: {
-                type: "number",
-            },
-        },
-        gap: {
-            description: "Espaçamento entre os componentes. Caso seja passado apenas um valor, será aplicado o mesmo espaçamento na horizontal e vertical. Caso sejam passados dois valores, o primeiro será o espaçamento vertical e o segundo o horizontal. Formato: `10px` ou `10px 20px`",
-            control: {
-                type: "text",
-            },
-        },
-        children: {
-            description: "Componentes a serem exibidos dentro do grid",
-            control: {
-                disable: true,
-            },
-        },
-    },
-};
-var exampleArray = Array.from({ length: 10 }, function (_, i) { return i + 1; });
-export default meta;
-export var Example = {
-    args: {
-        columnCount: 3,
-        gap: "10px",
-    },
-    render: function (args) { return (_jsx(ColumnsGrid, __assign({}, args, { children: exampleArray.map(function (item) {
-            var randomHeight = Math.floor(Math.random() * 100);
-            return (_jsx(MockComponent, { style: { height: randomHeight }, children: item }, item));
-        }) }))); },
-};
-//# sourceMappingURL=ColumnsGrid.stories.js.map

package/dist/esm/components/Layouts/ColumnsGrid/ColumnsGrid.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnsGrid.stories.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/ColumnsGrid/ColumnsGrid.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,IAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,6RAKP,cAAM,wDACG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,GAAG,EAAE;YACH,WAAW,EACT,oQAAoQ;YACtQ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,6CAA6C;YAC1D,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAAC,CAAC;AAEjE,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,GAAG,EAAE,MAAM;KACZ;IACD,MAAM,EAAE,UAAC,IAAI,IAAK,OAAA,CAChB,KAAC,WAAW,eAAK,IAAI,cAClB,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI;YACrB,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;YACrD,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,YAC3C,IAAI,IAD8C,IAAI,CAEzC,CACjB,CAAC;QACJ,CAAC,CAAC,IACU,CACf,EAXiB,CAWjB;CACF,CAAC"}