@arkyn/components 3.0.1-beta.21 → 3.0.1-beta.22

package/dist/documentation/src/components/examples.drawer.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, DrawerContainer, DrawerHeader } from "@components";
-import { useState } from "react";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function DrawerExamples() {
-    const [leftDrawer, setLeftDrawer] = useState(false);
-    const [rightDrawer, setRightDrawer] = useState(false);
-    return (_jsx(Box, { title: "Drawer", children: _jsxs(Row, { children: [_jsx(Button, { onClick: () => setLeftDrawer(true), children: "Open left drawer" }), _jsx(Button, { onClick: () => setRightDrawer(true), children: "Open right drawer" }), _jsxs(DrawerContainer, { isVisible: leftDrawer, makeInvisible: () => setLeftDrawer(false), orientation: "left", children: [_jsx(DrawerHeader, { children: "Left drawer" }), _jsx("p", { style: { padding: "16px" }, children: "This is the content of the left drawer." })] }), _jsxs(DrawerContainer, { isVisible: rightDrawer, makeInvisible: () => setRightDrawer(false), orientation: "right", children: [_jsx(DrawerHeader, { children: "Right drawer" }), _jsx("p", { style: { padding: "16px" }, children: "This is the content of the right drawer." })] })] }) }));
-}
-export { DrawerExamples };

package/dist/documentation/src/components/examples.iconButton.d.ts

@@ -1,3 +0,0 @@
-declare function IconButtonExamples(): import("react/jsx-runtime").JSX.Element;
-export { IconButtonExamples };
-//# sourceMappingURL=examples.iconButton.d.ts.map

package/dist/documentation/src/components/examples.iconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.iconButton.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.iconButton.tsx"],"names":[],"mappings":"AAMA,iBAAS,kBAAkB,4CAqE1B;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/documentation/src/components/examples.iconButton.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconButton } from "@components";
-import { Star } from "lucide-react";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function IconButtonExamples() {
-    return (_jsxs(Box, { title: "IconButton", children: [_jsxs(Row, { children: [_jsx(IconButton, { "aria-label": "test", icon: Star }), _jsx(IconButton, { "aria-label": "variant - outline", icon: Star, variant: "outline" }), _jsx(IconButton, { "aria-label": "variant - ghost", icon: Star, variant: "ghost" }), _jsx(IconButton, { "aria-label": "variant - invisible", icon: Star, variant: "invisible" })] }), _jsxs(Row, { children: [_jsx(IconButton, { size: "xs", "aria-label": "size - xs", icon: Star }), _jsx(IconButton, { size: "sm", "aria-label": "size - sm", icon: Star }), _jsx(IconButton, { size: "md", "aria-label": "size - md (default)", icon: Star }), _jsx(IconButton, { size: "lg", "aria-label": "size - lg", icon: Star })] }), _jsxs(Row, { children: [_jsx(IconButton, { "aria-label": "scheme - primary (default)", icon: Star }), _jsx(IconButton, { "aria-label": "scheme - danger", icon: Star, scheme: "danger" }), _jsx(IconButton, { "aria-label": "scheme - info", icon: Star, scheme: "info" }), _jsx(IconButton, { "aria-label": "scheme - success", icon: Star, scheme: "success" }), _jsx(IconButton, { "aria-label": "scheme - warning", icon: Star, scheme: "warning" })] }), _jsxs(Row, { children: [_jsx(IconButton, { "aria-label": "isLoading - size xs", icon: Star, isLoading: true, size: "xs" }), _jsx(IconButton, { "aria-label": "isLoading - size sm", icon: Star, isLoading: true, size: "sm" }), _jsx(IconButton, { "aria-label": "isLoading - size md", icon: Star, isLoading: true, size: "md" }), _jsx(IconButton, { "aria-label": "isLoading - size lg", icon: Star, isLoading: true, size: "lg" })] })] }));
-}
-export { IconButtonExamples };

package/dist/documentation/src/components/examples.input.d.ts

@@ -1,3 +0,0 @@
-declare function InputExamples(): import("react/jsx-runtime").JSX.Element;
-export { InputExamples };
-//# sourceMappingURL=examples.input.d.ts.map

package/dist/documentation/src/components/examples.input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.input.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.input.tsx"],"names":[],"mappings":"AAsBA,iBAAS,aAAa,4CAuOrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/documentation/src/components/examples.input.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input } from "@components";
-import { Calendar, Clock, DollarSign, Eye, EyeOff, Globe, Hash, Lock, Mail, MapPin, Percent, Phone, Search, User, XCircle, } from "lucide-react";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function InputExamples() {
-    return (_jsxs(Box, { title: "Input", children: [_jsxs(Row, { children: [_jsx(Input, { name: "variant-solid", placeholder: "Variant solid (default)", label: "Solid variant:" }), _jsx(Input, { name: "variant-outline", placeholder: "Variant outline", label: "Outline variant:", variant: "outline" }), _jsx(Input, { name: "variant-underline", placeholder: "Variant underline", label: "Underline variant:", variant: "underline" })] }), _jsxs(Row, { children: [_jsx(Input, { name: "size-md", placeholder: "Size md (default)", label: "Medium size:" }), _jsx(Input, { name: "size-lg", placeholder: "Size lg", label: "Large size:", size: "lg" })] }), _jsxs(Row, { children: [_jsx(Input, { name: "left-icon", placeholder: "With left icon", label: "Left icon:", leftIcon: Search }), _jsx(Input, { name: "right-icon", placeholder: "With right icon", label: "Right icon:", rightIcon: Eye }), _jsx(Input, { name: "both-icons", placeholder: "With both icons", label: "Both icons:", leftIcon: User, rightIcon: Lock })] }), _jsxs(Row, { children: [_jsx(Input, { name: "prefix", placeholder: "example", label: "With prefix:", prefix: "https://" }), _jsx(Input, { name: "suffix", placeholder: "website", label: "With suffix:", suffix: ".com" }), _jsx(Input, { name: "prefix-suffix", placeholder: "amount", label: "Prefix and suffix:", prefix: "$", suffix: ".00" })] }), _jsxs(Row, { children: [_jsx(Input, { name: "loading-left", placeholder: "Loading...", label: "Loading (left):", isLoading: true }), _jsx(Input, { name: "loading-right", placeholder: "Loading...", label: "Loading (right):", rightIcon: Search, isLoading: true })] }), _jsxs(Row, { children: [_jsx(Input, { name: "email", type: "email", placeholder: "your@email.com", label: "Email:", leftIcon: Mail }), _jsx(Input, { name: "password", type: "password", placeholder: "Password", label: "Password:", leftIcon: Lock, rightIcon: EyeOff }), _jsx(Input, { name: "tel", type: "tel", placeholder: "(11) 99999-9999", label: "Phone:", leftIcon: Phone })] }), _jsxs(Row, { children: [_jsx(Input, { name: "disabled", placeholder: "Disabled input", label: "Disabled:", disabled: true }), _jsx(Input, { name: "readonly", placeholder: "Read only input", label: "Read only:", readOnly: true, value: "Cannot edit" })] }), _jsxs(Row, { children: [_jsx(Input, { name: "required", placeholder: "Required field", label: "Required field:", showAsterisk: true, required: true }), _jsx(Input, { name: "error", leftIcon: XCircle, placeholder: "Field with error", label: "With error:", errorMessage: "This field is required" })] }), _jsxs(Row, { children: [_jsx(Input, { name: "search", type: "search", placeholder: "Search...", label: "Search:", leftIcon: Search }), _jsx(Input, { name: "url", type: "url", placeholder: "https://example.com", label: "Website:", leftIcon: Globe }), _jsx(Input, { name: "number", type: "number", placeholder: "123", label: "Number:", leftIcon: Hash })] }), _jsxs(Row, { children: [_jsx(Input, { name: "date", type: "date", label: "Date:", leftIcon: Calendar }), _jsx(Input, { name: "time", type: "time", label: "Time:", leftIcon: Clock }), _jsx(Input, { name: "datetime-local", type: "datetime-local", label: "Date and Time:", leftIcon: Calendar })] }), _jsxs(Row, { children: [_jsx(Input, { name: "price", type: "number", placeholder: "0.00", label: "Price:", prefix: "$", rightIcon: DollarSign, variant: "outline", size: "lg" }), _jsx(Input, { name: "percentage", type: "number", placeholder: "0", label: "Percentage:", suffix: "%", rightIcon: Percent, variant: "underline" })] }), _jsxs(Row, { children: [_jsx(Input, { name: "address", placeholder: "Street address", label: "Address:", leftIcon: MapPin, variant: "outline" }), _jsx(Input, { name: "postalCode", placeholder: "12345-678", label: "ZIP Code:", leftIcon: MapPin, maxLength: 9 })] })] }));
-}
-export { InputExamples };

package/dist/documentation/src/components/examples.maskedInput.d.ts

@@ -1,3 +0,0 @@
-declare function MaskedInputExamples(): import("react/jsx-runtime").JSX.Element;
-export { MaskedInputExamples };
-//# sourceMappingURL=examples.maskedInput.d.ts.map

package/dist/documentation/src/components/examples.maskedInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.maskedInput.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.maskedInput.tsx"],"names":[],"mappings":"AAiBA,iBAAS,mBAAmB,4CA8P3B;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/documentation/src/components/examples.maskedInput.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MaskedInput } from "@components";
-import { Calendar, Clock, CreditCard, FileText, Hash, IdCard, MapPin, Phone, User, XCircle, } from "lucide-react";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function MaskedInputExamples() {
-    return (_jsxs(Box, { title: "MaskedInput", children: [_jsxs(Row, { children: [_jsx(MaskedInput, { name: "variant-solid", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Solid variant (default):" }), _jsx(MaskedInput, { name: "variant-outline", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Outline variant:", variant: "outline" }), _jsx(MaskedInput, { name: "variant-underline", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Underline variant:", variant: "underline" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "size-md", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Medium size (default):" }), _jsx(MaskedInput, { name: "size-lg", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Large size:", size: "lg" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "cpf", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "CPF:", leftIcon: User }), _jsx(MaskedInput, { name: "cnpj", mask: "__.___.___/____-__", replacement: { _: /\d/ }, placeholder: "00.000.000/0000-00", label: "CNPJ:", leftIcon: FileText }), _jsx(MaskedInput, { name: "rg", mask: "__.___.__-_", replacement: { _: /\d/ }, placeholder: "00.000.00-0", label: "RG:", leftIcon: IdCard })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "phone", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Telefone:", leftIcon: Phone }), _jsx(MaskedInput, { name: "cep", mask: "_____-___", replacement: { _: /\d/ }, placeholder: "00000-000", label: "CEP:", leftIcon: MapPin }), _jsx(MaskedInput, { name: "credit-card", mask: "____ ____ ____ ____", replacement: { _: /\d/ }, placeholder: "0000 0000 0000 0000", label: "Cart\u00E3o de Cr\u00E9dito:", leftIcon: CreditCard })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "date", mask: "__/__/____", replacement: { _: /\d/ }, placeholder: "dd/mm/yyyy", label: "Data:", leftIcon: Calendar }), _jsx(MaskedInput, { name: "time", mask: "__:__", replacement: { _: /\d/ }, placeholder: "00:00", label: "Hor\u00E1rio:", leftIcon: Clock }), _jsx(MaskedInput, { name: "currency", mask: "R$ ___.__,__", replacement: { _: /\d/ }, placeholder: "R$ 000.00,00", label: "Moeda:", prefix: "R$" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "prefix-suffix", mask: "_____-___", replacement: { _: /\d/ }, placeholder: "00000-000", label: "Prefix e Suffix:", prefix: "CEP:", suffix: "-BR" }), _jsx(MaskedInput, { name: "show-mask", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Show mask:", showMask: true, leftIcon: Phone })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "loading", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Loading:", isLoading: true }), _jsx(MaskedInput, { name: "loading-right", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Loading (right icon):", rightIcon: Hash, isLoading: true })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "disabled", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Disabled:", disabled: true }), _jsx(MaskedInput, { name: "readonly", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Read only:", readOnly: true, defaultValue: "123.456.789-00" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "required", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Required field:", showAsterisk: true, required: true }), _jsx(MaskedInput, { name: "error", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "With error:", leftIcon: XCircle, errorMessage: "CPF inv\u00E1lido" })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "separate", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "Separate:", separate: true, leftIcon: User }), _jsx(MaskedInput, { name: "custom-pattern", mask: "___-###-___", replacement: { _: /\d/, "#": /[A-Z]/ }, placeholder: "000-ABC-000", label: "Custom pattern:", leftIcon: Hash })] }), _jsxs(Row, { children: [_jsx(MaskedInput, { name: "advanced-cpf", mask: "___.___.___-__", replacement: { _: /\d/ }, placeholder: "000.000.000-00", label: "CPF completo:", leftIcon: User, variant: "outline", size: "lg", showMask: true }), _jsx(MaskedInput, { name: "advanced-phone", mask: "(__)_____-____", replacement: { _: /\d/ }, placeholder: "(11)99999-9999", label: "Telefone completo:", leftIcon: Phone, variant: "underline" })] })] }));
-}
-export { MaskedInputExamples };

package/dist/documentation/src/components/examples.modal.d.ts

@@ -1,3 +0,0 @@
-declare function ModalExamples(): import("react/jsx-runtime").JSX.Element;
-export { ModalExamples };
-//# sourceMappingURL=examples.modal.d.ts.map

package/dist/documentation/src/components/examples.modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.modal.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.modal.tsx"],"names":[],"mappings":"AAMA,iBAAS,aAAa,4CAsBrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/documentation/src/components/examples.modal.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, ModalContainer, ModalFooter, ModalHeader } from "@components";
-import { useState } from "react";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function ModalExamples() {
-    const [modal, setModal] = useState(false);
-    return (_jsx(Box, { title: "Modal", children: _jsxs(Row, { children: [_jsx(Button, { onClick: () => setModal(true), children: "Open modal" }), _jsxs(ModalContainer, { isVisible: modal, makeInvisible: () => setModal(false), children: [_jsx(ModalHeader, { children: "Modal" }), _jsx("p", { style: { padding: "16px", minWidth: "400px" }, children: "This is the content of the right drawer." }), _jsx(ModalFooter, { children: _jsx(Button, { scheme: "danger", onClick: () => setModal(false), children: "Close modal" }) })] })] }) }));
-}
-export { ModalExamples };

package/dist/documentation/src/components/examples.multiSelect.d.ts

@@ -1,3 +0,0 @@
-declare function MultiSelectExamples(): import("react/jsx-runtime").JSX.Element;
-export { MultiSelectExamples };
-//# sourceMappingURL=examples.multiSelect.d.ts.map

package/dist/documentation/src/components/examples.multiSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.multiSelect.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.multiSelect.tsx"],"names":[],"mappings":"AAgGA,iBAAS,mBAAmB,4CA6N3B;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/documentation/src/components/examples.multiSelect.js

@@ -1,92 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MultiSelect } from "@components";
-import { Globe, Hash, Search, Tag, Users, MapPin, Code, Building, Heart, Palette, } from "lucide-react";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-// Sample data for examples
-const basicOptions = [
-    { label: "Opção 1", value: "option1" },
-    { label: "Opção 2", value: "option2" },
-    { label: "Opção 3", value: "option3" },
-    { label: "Opção 4", value: "option4" },
-];
-const categoriesOptions = [
-    { label: "Tecnologia", value: "tech" },
-    { label: "Design", value: "design" },
-    { label: "Marketing", value: "marketing" },
-    { label: "Vendas", value: "sales" },
-    { label: "Recursos Humanos", value: "hr" },
-    { label: "Financeiro", value: "finance" },
-];
-const countriesOptions = [
-    { label: "Brasil", value: "br" },
-    { label: "Estados Unidos", value: "us" },
-    { label: "Reino Unido", value: "uk" },
-    { label: "França", value: "fr" },
-    { label: "Alemanha", value: "de" },
-    { label: "Japão", value: "jp" },
-    { label: "Canadá", value: "ca" },
-    { label: "Austrália", value: "au" },
-];
-const skillsOptions = [
-    { label: "JavaScript", value: "javascript" },
-    { label: "TypeScript", value: "typescript" },
-    { label: "React", value: "react" },
-    { label: "Node.js", value: "nodejs" },
-    { label: "Python", value: "python" },
-    { label: "Java", value: "java" },
-    { label: "C#", value: "csharp" },
-    { label: "PHP", value: "php" },
-    { label: "Go", value: "go" },
-    { label: "Rust", value: "rust" },
-];
-const tagsOptions = [
-    { label: "Urgente", value: "urgent" },
-    { label: "Importante", value: "important" },
-    { label: "Baixa Prioridade", value: "low" },
-    { label: "Em Progresso", value: "progress" },
-    { label: "Concluído", value: "done" },
-    { label: "Revisão", value: "review" },
-];
-const departmentsOptions = [
-    { label: "Desenvolvimento", value: "dev" },
-    { label: "Design", value: "design" },
-    { label: "Marketing", value: "marketing" },
-    { label: "Vendas", value: "sales" },
-    { label: "Suporte", value: "support" },
-    { label: "Administração", value: "admin" },
-];
-const hobbiesOptions = [
-    { label: "Leitura", value: "reading" },
-    { label: "Música", value: "music" },
-    { label: "Fotografia", value: "photography" },
-    { label: "Culinária", value: "cooking" },
-    { label: "Games", value: "gaming" },
-    { label: "Esportes", value: "sports" },
-    { label: "Viagem", value: "travel" },
-    { label: "Arte", value: "art" },
-];
-function MultiSelectExamples() {
-    return (_jsxs(Box, { title: "MultiSelect", children: [_jsxs(Row, { children: [_jsx(MultiSelect, { name: "variant-solid", options: basicOptions, placeholder: "Variant solid (default)", label: "Solid variant:" }), _jsx(MultiSelect, { name: "variant-outline", options: basicOptions, placeholder: "Variant outline", label: "Outline variant:", variant: "outline" }), _jsx(MultiSelect, { name: "variant-underline", options: basicOptions, placeholder: "Variant underline", label: "Underline variant:", variant: "underline" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "size-md", options: basicOptions, placeholder: "Size md (default)", label: "Medium size:" }), _jsx(MultiSelect, { name: "size-lg", options: basicOptions, placeholder: "Size lg", label: "Large size:", size: "lg" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "left-icon", options: categoriesOptions, placeholder: "Selecione categorias", label: "Left icon:", leftIcon: Tag }), _jsx(MultiSelect, { name: "prefix", options: countriesOptions, placeholder: "Selecione pa\u00EDses", label: "With prefix:", prefix: "Pa\u00EDs:" }), _jsx(MultiSelect, { name: "prefix-icon", options: countriesOptions, placeholder: "Selecione pa\u00EDses", label: "Prefix and icon:", prefix: "Loc:", leftIcon: Globe })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "searchable", options: skillsOptions, placeholder: "Busque e selecione habilidades", label: "Searchable:", leftIcon: Search, isSearchable: true }), _jsx(MultiSelect, { name: "close-on-select", options: tagsOptions, placeholder: "Selecione tags", label: "Close on select:", leftIcon: Hash, closeOnSelect: true })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "loading", options: categoriesOptions, placeholder: "Carregando...", label: "Loading state:", isLoading: true }), _jsx(MultiSelect, { name: "loading-with-icon", options: skillsOptions, placeholder: "Carregando habilidades...", label: "Loading with icon:", leftIcon: Code, isLoading: true })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "disabled", options: basicOptions, placeholder: "MultiSelect desabilitado", label: "Disabled:", disabled: true }), _jsx(MultiSelect, { name: "readonly", options: departmentsOptions, placeholder: "MultiSelect apenas leitura", label: "Read only:", readOnly: true, defaultValue: ["dev", "design"] })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "required", options: categoriesOptions, placeholder: "Campo obrigat\u00F3rio", label: "Required field:", showAsterisk: true }), _jsx(MultiSelect, { name: "error", options: skillsOptions, placeholder: "Campo com erro", label: "With error:", errorMessage: "Selecione pelo menos uma habilidade" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "default-values", options: hobbiesOptions, placeholder: "Selecione hobbies", label: "With default values:", leftIcon: Heart, defaultValue: ["reading", "music"] }), _jsx(MultiSelect, { name: "custom-not-found", options: [], placeholder: "Sem op\u00E7\u00F5es", label: "Empty options:", notFoundText: "Nenhuma op\u00E7\u00E3o dispon\u00EDvel no momento" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "departments", options: departmentsOptions, placeholder: "Selecione departamentos", label: "Departments:", leftIcon: Building, variant: "outline", size: "lg", isSearchable: true, closeOnSelect: false }), _jsx(MultiSelect, { name: "team-roles", options: [
-                            { label: "Frontend Developer", value: "frontend" },
-                            { label: "Backend Developer", value: "backend" },
-                            { label: "Full Stack Developer", value: "fullstack" },
-                            { label: "DevOps Engineer", value: "devops" },
-                            { label: "QA Engineer", value: "qa" },
-                            { label: "Product Manager", value: "pm" },
-                        ], placeholder: "Selecione fun\u00E7\u00F5es", label: "Team roles:", leftIcon: Users, variant: "underline" })] }), _jsxs(Row, { children: [_jsx(MultiSelect, { name: "creative-areas", options: [
-                            { label: "Design Gráfico", value: "graphic" },
-                            { label: "UI/UX Design", value: "uiux" },
-                            { label: "Ilustração", value: "illustration" },
-                            { label: "Animação", value: "animation" },
-                            { label: "Branding", value: "branding" },
-                            { label: "Motion Graphics", value: "motion" },
-                        ], placeholder: "\u00C1reas criativas", label: "Creative areas:", leftIcon: Palette, isSearchable: true, notFoundText: "\u00C1rea n\u00E3o encontrada" }), _jsx(MultiSelect, { name: "work-locations", options: [
-                            { label: "São Paulo - SP", value: "sp" },
-                            { label: "Rio de Janeiro - RJ", value: "rj" },
-                            { label: "Belo Horizonte - MG", value: "mg" },
-                            { label: "Remote", value: "remote" },
-                            { label: "Híbrido", value: "hybrid" },
-                        ], placeholder: "Locais de trabalho", label: "Work locations:", leftIcon: MapPin, closeOnSelect: true, variant: "outline" })] })] }));
-}
-export { MultiSelectExamples };

package/dist/documentation/src/components/examples.phoneInput.d.ts

@@ -1,3 +0,0 @@
-declare function PhoneInputExamples(): import("react/jsx-runtime").JSX.Element;
-export { PhoneInputExamples };
-//# sourceMappingURL=examples.phoneInput.d.ts.map

package/dist/documentation/src/components/examples.phoneInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.phoneInput.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.phoneInput.tsx"],"names":[],"mappings":"AAMA,iBAAS,kBAAkB,4CA6P1B;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/documentation/src/components/examples.phoneInput.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PhoneInput } from "@components";
-import { useState } from "react";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function PhoneInputExamples() {
-    const [contactPhone, setContactPhone] = useState("");
-    const [businessPhone, setBusinessPhone] = useState("");
-    const [emergencyPhone, setEmergencyPhone] = useState("");
-    return (_jsxs(Box, { title: "PhoneInput", children: [_jsxs(Row, { children: [_jsx(PhoneInput, { name: "basic" }), _jsx(PhoneInput, { name: "with-label", label: "Phone Number" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "size-md", label: "Medium Size (default)", size: "md", variant: "solid" }), _jsx(PhoneInput, { name: "size-lg", label: "Large Size", size: "lg", variant: "outline" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "us-phone", label: "US Phone", defaultCountry: "US" }), _jsx(PhoneInput, { name: "br-phone", label: "Brasil Phone", defaultCountry: "BR" }), _jsx(PhoneInput, { name: "uk-phone", label: "UK Phone", defaultCountry: "GB" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "us-default", label: "US Number with Default", defaultCountry: "US", defaultValue: "+1 (555) 123-4567" }), _jsx(PhoneInput, { name: "br-default", label: "BR Number with Default", defaultCountry: "BR", defaultValue: "+55 11 99999-9999" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "required-phone", label: "Contact Phone", showAsterisk: true, defaultCountry: "US" }), _jsx(PhoneInput, { name: "error-phone", label: "Phone with Error", errorMessage: "Please enter a valid phone number", defaultCountry: "CA" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "controlled-contact", label: "Contact Phone", onChange: (value) => {
-                            setContactPhone(value);
-                            console.log("Contact phone:", value);
-                        }, defaultCountry: "US", showAsterisk: true }), _jsx(PhoneInput, { name: "controlled-business", label: "Business Phone", onChange: (value) => {
-                            setBusinessPhone(value);
-                            console.log("Business phone:", value);
-                        }, defaultCountry: "BR", size: "lg" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "custom-text-en", label: "Phone (English)", searchCountryPlaceholder: "Search country...", notFoundCountryText: "Country not found", defaultCountry: "GB" }), _jsx(PhoneInput, { name: "custom-text-pt", label: "Telefone (Portugu\u00EAs)", searchCountryPlaceholder: "Pesquisar pa\u00EDs...", notFoundCountryText: "Nenhum pa\u00EDs encontrado", defaultCountry: "BR" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "disabled-phone", label: "Disabled Phone", defaultValue: "+1 (555) 987-6543", defaultCountry: "US", disabled: true }), _jsx(PhoneInput, { name: "readonly-phone", label: "Read Only Phone", defaultValue: "+55 21 98765-4321", defaultCountry: "BR", readOnly: true })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "loading-phone", label: "Loading Phone", isLoading: true, defaultCountry: "CA" }), _jsx(PhoneInput, { name: "loading-large", label: "Loading Large", isLoading: true, size: "lg", variant: "outline", defaultCountry: "AU" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "france-phone", label: "France Phone", defaultCountry: "FR", variant: "outline" }), _jsx(PhoneInput, { name: "japan-phone", label: "Japan Phone", defaultCountry: "JP", variant: "outline" }), _jsx(PhoneInput, { name: "germany-phone", label: "Germany Phone", defaultCountry: "DE", variant: "outline" })] }), _jsx(Row, { children: _jsxs("div", { style: {
-                        padding: "20px",
-                        border: "1px solid #e2e8f0",
-                        borderRadius: "8px",
-                        width: "100%",
-                    }, children: [_jsx("h4", { style: { margin: "0 0 16px 0" }, children: "Contact Information" }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [_jsx(PhoneInput, { name: "primary-phone", label: "Primary Phone", showAsterisk: true, defaultCountry: "US", onChange: (value) => console.log("Primary:", value) }), _jsx(PhoneInput, { name: "secondary-phone", label: "Secondary Phone (Optional)", defaultCountry: "US", onChange: (value) => console.log("Secondary:", value) }), _jsx(PhoneInput, { name: "emergency-contact", label: "Emergency Contact", showAsterisk: true, defaultCountry: "US", onChange: (value) => {
-                                        setEmergencyPhone(value);
-                                        console.log("Emergency:", value);
-                                    }, size: "lg" })] })] }) }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "customer-service", label: "Customer Service", defaultValue: "+1 (800) 123-4567", defaultCountry: "US", readOnly: true, variant: "outline" }), _jsx(PhoneInput, { name: "sales-team", label: "Sales Team", defaultCountry: "US", searchCountryPlaceholder: "Find country...", className: "sales-phone" })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "mobile-number", label: "Mobile Number", defaultCountry: "BR", showAsterisk: true, onChange: (value) => console.log("Mobile:", value) }), _jsx(PhoneInput, { name: "whatsapp-number", label: "WhatsApp Number", defaultCountry: "BR", variant: "outline", onChange: (value) => console.log("WhatsApp:", value) })] }), _jsxs(Row, { children: [_jsx(PhoneInput, { name: "asia-phone", label: "Asia Pacific", defaultCountry: "SG" }), _jsx(PhoneInput, { name: "europe-phone", label: "European Union", defaultCountry: "IT" }), _jsx(PhoneInput, { name: "americas-phone", label: "Americas", defaultCountry: "MX" })] })] }));
-}
-export { PhoneInputExamples };

package/dist/documentation/src/components/examples.radio.d.ts

@@ -1,3 +0,0 @@
-declare function RadioExamples(): import("react/jsx-runtime").JSX.Element;
-export { RadioExamples };
-//# sourceMappingURL=examples.radio.d.ts.map

package/dist/documentation/src/components/examples.radio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.radio.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.radio.tsx"],"names":[],"mappings":"AAKA,iBAAS,aAAa,4CA6IrB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/documentation/src/components/examples.radio.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RadioBox, RadioGroup } from "@components";
-import { useState } from "react";
-import { Box } from "../ui/box";
-function RadioExamples() {
-    const [selectedGender, setSelectedGender] = useState("");
-    const [selectedPlan, setSelectedPlan] = useState("basic");
-    const [selectedTheme, setSelectedTheme] = useState("light");
-    return (_jsxs(Box, { title: "Radio", children: [_jsxs(RadioGroup, { name: "gender1", label: "Gender", children: [_jsx(RadioBox, { value: "male", children: "Male" }), _jsx(RadioBox, { value: "female", children: "Female" }), _jsx(RadioBox, { value: "other", children: "Other" })] }), _jsxs(RadioGroup, { name: "newsletter", label: "Newsletter Subscription", children: [_jsx(RadioBox, { value: "yes", children: "Yes, send me updates" }), _jsx(RadioBox, { value: "no", children: "No, thank you" })] }), _jsxs(RadioGroup, { name: "size_sm", label: "Small Size", size: "sm", children: [_jsx(RadioBox, { value: "option1", children: "Option 1" }), _jsx(RadioBox, { value: "option2", children: "Option 2" })] }), _jsxs(RadioGroup, { name: "size_md", label: "Medium Size (default)", size: "md", children: [_jsx(RadioBox, { value: "option1", children: "Option 1" }), _jsx(RadioBox, { value: "option2", children: "Option 2" })] }), _jsxs(RadioGroup, { name: "size_lg", label: "Large Size", size: "lg", children: [_jsx(RadioBox, { value: "option1", children: "Option 1" }), _jsx(RadioBox, { value: "option2", children: "Option 2" })] }), _jsxs(RadioGroup, { name: "controlled_gender", label: "Controlled Gender Selection", value: selectedGender, onChange: (value) => setSelectedGender(value), children: [_jsx(RadioBox, { value: "male", children: "Male" }), _jsx(RadioBox, { value: "female", children: "Female" }), _jsx(RadioBox, { value: "other", children: "Other" })] }), _jsxs(RadioGroup, { name: "controlled_plan", label: "Subscription Plan", value: selectedPlan, onChange: (value) => setSelectedPlan(value), showAsterisk: true, children: [_jsx(RadioBox, { value: "basic", children: "Basic ($9.99/month)" }), _jsx(RadioBox, { value: "premium", children: "Premium ($19.99/month)" }), _jsx(RadioBox, { value: "enterprise", children: "Enterprise ($49.99/month)" })] }), _jsxs(RadioGroup, { name: "language", label: "Preferred Language", defaultValue: "en", children: [_jsx(RadioBox, { value: "en", children: "English" }), _jsx(RadioBox, { value: "es", children: "Spanish" }), _jsx(RadioBox, { value: "fr", children: "French" }), _jsx(RadioBox, { value: "pt", children: "Portuguese" })] }), _jsxs(RadioGroup, { name: "priority_error", label: "Priority Level", errorMessage: "Please select a priority level", showAsterisk: true, children: [_jsx(RadioBox, { value: "low", children: "Low Priority" }), _jsx(RadioBox, { value: "medium", children: "Medium Priority" }), _jsx(RadioBox, { value: "high", children: "High Priority" })] }), _jsxs(RadioGroup, { name: "theme_selection", label: "Theme Selection", value: selectedTheme, onChange: (value) => setSelectedTheme(value), children: [_jsx(RadioBox, { value: "light", children: _jsxs("div", { children: [_jsx("strong", { children: "\uD83C\uDF1E Light Theme" }), _jsx("p", { style: { margin: 0, fontSize: "0.875rem", color: "#666" }, children: "Clean and bright interface" })] }) }), _jsx(RadioBox, { value: "dark", children: _jsxs("div", { children: [_jsx("strong", { children: "\uD83C\uDF19 Dark Theme" }), _jsx("p", { style: { margin: 0, fontSize: "0.875rem", color: "#666" }, children: "Easy on the eyes" })] }) }), _jsx(RadioBox, { value: "auto", children: _jsxs("div", { children: [_jsx("strong", { children: "\uD83D\uDD04 Auto Theme" }), _jsx("p", { style: { margin: 0, fontSize: "0.875rem", color: "#666" }, children: "Follows system preference" })] }) })] }), _jsxs(RadioGroup, { name: "availability", label: "Availability Status", children: [_jsx(RadioBox, { value: "available", children: "Available" }), _jsx(RadioBox, { value: "busy", children: "Busy" }), _jsx(RadioBox, { value: "offline", disabled: true, children: "Offline (Maintenance)" })] }), _jsxs(RadioGroup, { name: "notification_type", label: "Notification Preferences", children: [_jsx(RadioBox, { value: "all", size: "lg", children: "All Notifications" }), _jsx(RadioBox, { value: "important", children: "Important Only" }), _jsx(RadioBox, { value: "none", size: "sm", children: "None" })] }), _jsxs(RadioGroup, { name: "difficulty", label: "Game Difficulty", onChange: (value) => console.log("Selected difficulty:", value), children: [_jsx(RadioBox, { value: "easy", children: _jsx("span", { style: { color: "#22c55e" }, children: "\uD83D\uDFE2 Easy" }) }), _jsx(RadioBox, { value: "medium", children: _jsx("span", { style: { color: "#f59e0b" }, children: "\uD83D\uDFE1 Medium" }) }), _jsx(RadioBox, { value: "hard", children: _jsx("span", { style: { color: "#ef4444" }, children: "\uD83D\uDD34 Hard" }) })] })] }));
-}
-export { RadioExamples };

package/dist/documentation/src/components/examples.slider.d.ts

@@ -1,3 +0,0 @@
-declare function SliderExamples(): import("react/jsx-runtime").JSX.Element;
-export { SliderExamples };
-//# sourceMappingURL=examples.slider.d.ts.map

package/dist/documentation/src/components/examples.slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.slider.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.slider.tsx"],"names":[],"mappings":"AAIA,iBAAS,cAAc,4CAqBtB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/documentation/src/components/examples.slider.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Slider, useSlider } from "@components";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function SliderExamples() {
-    const [sliderValue, changeSliderValue] = useSlider();
-    const [disabledSliderValue, changeDisabledSliderValue] = useSlider(50);
-    return (_jsxs(Box, { title: "Slider", children: [_jsxs(Row, { children: [_jsx(Slider, { onChange: changeSliderValue, value: sliderValue }), _jsx("p", { children: sliderValue })] }), _jsxs(Row, { children: [_jsx(Slider, { disabled: true, onChange: changeDisabledSliderValue, value: disabledSliderValue }), _jsx("p", { children: disabledSliderValue })] })] }));
-}
-export { SliderExamples };

package/dist/documentation/src/components/examples.switch.d.ts

@@ -1,3 +0,0 @@
-declare function SwitchExamples(): import("react/jsx-runtime").JSX.Element;
-export { SwitchExamples };
-//# sourceMappingURL=examples.switch.d.ts.map

package/dist/documentation/src/components/examples.switch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.switch.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.switch.tsx"],"names":[],"mappings":"AAMA,iBAAS,cAAc,4CA2KtB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/documentation/src/components/examples.switch.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Switch } from "@components";
-import { useState } from "react";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function SwitchExamples() {
-    const [isNotificationsEnabled, setIsNotificationsEnabled] = useState(false);
-    const [isDarkMode, setIsDarkMode] = useState(true);
-    const [isAutoSave, setIsAutoSave] = useState(false);
-    const [isPremiumEnabled, setIsPremiumEnabled] = useState(true);
-    return (_jsxs(Box, { title: "Switch", children: [_jsxs(Row, { children: [_jsx(Switch, { name: "basic1", label: "Enable notifications" }), _jsx(Switch, { name: "basic2", label: "Marketing emails", defaultChecked: true }), _jsx(Switch, { name: "basic3", label: "Auto-save documents" }), _jsx(Switch, { name: "basic4", label: "Disabled switch", disabled: true })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "size1", label: "Small (sm)", size: "sm" }), _jsx(Switch, { name: "size2", label: "Medium (md)", size: "md" }), _jsx(Switch, { name: "size3", label: "Large (lg) - default", size: "lg" })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "controlled1", label: "Controlled notifications", checked: isNotificationsEnabled, onCheck: (value) => setIsNotificationsEnabled(!!value) }), _jsx(Switch, { name: "controlled2", label: "Dark mode", checked: isDarkMode, value: "dark", unCheckedValue: "light", onCheck: (value) => setIsDarkMode(value === "dark"), size: "md" })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "theme", label: "Theme preference", value: "dark_theme", unCheckedValue: "light_theme", onCheck: (value) => console.log("Theme:", value) }), _jsx(Switch, { name: "subscription", label: "Newsletter subscription", value: "subscribed", unCheckedValue: "unsubscribed", defaultChecked: true, size: "sm" })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "autoSave", label: "Auto-save every 5 minutes", checked: isAutoSave, onCheck: (value) => {
-                            setIsAutoSave(!!value);
-                            console.log("Auto-save:", value ? "enabled" : "disabled");
-                        }, value: "enabled", unCheckedValue: "disabled" }), _jsx(Switch, { name: "premium", label: "Premium features", checked: isPremiumEnabled, onCheck: (value) => setIsPremiumEnabled(!!value), className: "premium-switch", size: "lg" })] }), _jsxs(Row, { children: [_jsx(Switch, { name: "highContrast", label: "High contrast mode", size: "lg", value: "high_contrast", unCheckedValue: "normal", onCheck: (value) => console.log("Accessibility:", value) }), _jsx(Switch, { name: "maintenance", label: "Maintenance mode", value: "maintenance_on", unCheckedValue: "maintenance_off", disabled: !isPremiumEnabled, onCheck: (value) => console.log("Maintenance:", value) })] }), _jsxs(Row, { children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [_jsx("span", { children: "Sound effects:" }), _jsx(Switch, { name: "soundEffects", value: "on", unCheckedValue: "off", size: "sm", onCheck: (value) => console.log("Sound:", value) })] }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [_jsx("span", { children: "Background music:" }), _jsx(Switch, { name: "backgroundMusic", value: "enabled", unCheckedValue: "disabled", defaultChecked: true, size: "md", onCheck: (value) => console.log("Music:", value) })] })] }), _jsx(Row, { children: _jsxs("div", { style: {
-                        padding: "16px",
-                        border: "1px solid #e2e8f0",
-                        borderRadius: "8px",
-                    }, children: [_jsx("h4", { style: { margin: "0 0 12px 0" }, children: "Settings Panel" }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [_jsx(Switch, { name: "privacy1", label: "Public profile", size: "sm", value: "public", unCheckedValue: "private", onCheck: (value) => console.log("Profile visibility:", value) }), _jsx(Switch, { name: "privacy2", label: "Show online status", size: "sm", defaultChecked: true, onCheck: (value) => console.log("Online status:", value) }), _jsx(Switch, { name: "privacy3", label: "Allow direct messages", size: "sm", value: "allowed", unCheckedValue: "blocked", onCheck: (value) => console.log("Direct messages:", value) })] })] }) })] }));
-}
-export { SwitchExamples };

package/dist/documentation/src/components/examples.tab.d.ts

@@ -1,3 +0,0 @@
-declare function TabExamples(): import("react/jsx-runtime").JSX.Element;
-export { TabExamples };
-//# sourceMappingURL=examples.tab.d.ts.map

package/dist/documentation/src/components/examples.tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.tab.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.tab.tsx"],"names":[],"mappings":"AAGA,iBAAS,WAAW,4CA8BnB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/documentation/src/components/examples.tab.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TabButton, TabContainer } from "@components";
-import { Box } from "../ui/box";
-function TabExamples() {
-    return (_jsxs(Box, { title: "Tab", children: [_jsxs(TabContainer, { children: [_jsx(TabButton, { value: "item-1", children: "Item 1" }), _jsx(TabButton, { value: "item-2", children: "Item 2" }), _jsx(TabButton, { value: "item-3", children: "Item 3" })] }), _jsxs(TabContainer, { defaultValue: "item-3", children: [_jsx(TabButton, { value: "item-1", children: "Item 1" }), _jsx(TabButton, { value: "item-2", children: "Item 2" }), _jsx(TabButton, { value: "item-3", children: "Item 3" })] }), _jsxs(TabContainer, { disabled: true, children: [_jsx(TabButton, { value: "item-1", children: "Item 1" }), _jsx(TabButton, { value: "item-2", children: "Item 2" }), _jsx(TabButton, { value: "item-3", children: "Item 3" })] }), _jsxs(TabContainer, { children: [_jsx(TabButton, { value: "item-1", children: "Item 1" }), _jsx(TabButton, { value: "item-2", children: "Item 2" }), _jsx(TabButton, { value: "item-3", disabled: true, children: "Item 3" })] })] }));
-}
-export { TabExamples };

package/dist/documentation/src/components/examples.texarea.d.ts

@@ -1,3 +0,0 @@
-declare function TextareaExamples(): import("react/jsx-runtime").JSX.Element;
-export { TextareaExamples };
-//# sourceMappingURL=examples.texarea.d.ts.map

package/dist/documentation/src/components/examples.texarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.texarea.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.texarea.tsx"],"names":[],"mappings":"AAKA,iBAAS,gBAAgB,4CAoLxB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/documentation/src/components/examples.texarea.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Textarea } from "@components";
-import { useState } from "react";
-import { Box } from "../ui/box";
-function TextareaExamples() {
-    const [message, setMessage] = useState("");
-    const [bio, setBio] = useState("");
-    const [feedback, setFeedback] = useState("");
-    const [notes, setNotes] = useState("Some initial notes...");
-    const termsContent = `Terms and Conditions
-
-1. Acceptance of Terms
-By accessing and using this service, you accept and agree to be bound by the terms and provision of this agreement.
-
-2. Use License
-Permission is granted to temporarily download one copy of the materials for personal, non-commercial transitory viewing only.
-
-3. Disclaimer
-The materials on this website are provided on an 'as is' basis. We make no warranties, expressed or implied.`;
-    return (_jsxs(Box, { title: "Textarea", children: [_jsx(Textarea, { name: "basic1", placeholder: "Enter your description...", rows: 3 }), _jsx(Textarea, { name: "basic2", label: "Comments", placeholder: "Share your thoughts...", rows: 3 }), _jsx(Textarea, { name: "size_md", label: "Medium Size (default)", size: "md", variant: "solid", placeholder: "Medium textarea with solid variant", rows: 3 }), _jsx(Textarea, { name: "size_lg", label: "Large Size", size: "lg", variant: "outline", placeholder: "Large textarea with outline variant", rows: 3 }), _jsx(Textarea, { name: "bio_required", label: "Biography", showAsterisk: true, placeholder: "Tell us about yourself (required)", rows: 4 }), _jsx(Textarea, { name: "feedback_error", label: "Feedback", errorMessage: "Please provide your feedback", placeholder: "Your feedback is important to us", rows: 4 }), _jsx(Textarea, { name: "controlled_message", label: "Message", value: message, onChange: (e) => setMessage(e.target.value), placeholder: "Type your message here...", rows: 4, showAsterisk: true }), _jsx(Textarea, { name: "controlled_bio", label: "Professional Bio", value: bio, onChange: (e) => setBio(e.target.value), placeholder: "Describe your professional background...", maxLength: 500, rows: 4 }), _jsx(Textarea, { name: "limited_feedback", label: "Product Review", value: feedback, onChange: (e) => setFeedback(e.target.value), placeholder: "Share your experience (max 300 characters)", maxLength: 300, rows: 5, className: "review-textarea" }), _jsxs("div", { style: { position: "relative" }, children: [_jsx(Textarea, { name: "notes_with_counter", label: "Notes", value: notes, onChange: (e) => setNotes(e.target.value), placeholder: "Enter your notes...", rows: 5, style: { resize: "vertical" } }), _jsxs("div", { style: {
-                            position: "absolute",
-                            bottom: "8px",
-                            right: "12px",
-                            fontSize: "12px",
-                            color: "#666",
-                            background: "white",
-                            padding: "2px 4px",
-                        }, children: [notes.length, " characters"] })] }), _jsx(Textarea, { name: "terms_readonly", label: "Terms and Conditions", value: termsContent, readOnly: true, rows: 8, variant: "outline", style: { fontSize: "14px" } }), _jsx(Textarea, { name: "disabled_field", label: "Disabled Field", value: "This field cannot be edited", disabled: true, placeholder: "This field is disabled", rows: 3 }), _jsx(Textarea, { name: "code_snippet", label: "Code Snippet", placeholder: "Paste your code here...", rows: 6, style: {
-                    fontFamily: "monospace",
-                    fontSize: "14px",
-                    resize: "both",
-                }, variant: "outline" }), _jsx(Textarea, { name: "essay", label: "Essay Response", placeholder: "Write your essay response here...", rows: 6, showAsterisk: true, onChange: (e) => console.log("Essay length:", e.target.value.length) }), _jsx(Textarea, { name: "article_content", label: "Article Content", placeholder: "Write your article content here...", rows: 8, cols: 60, style: { width: "100%", resize: "vertical" }, onChange: (e) => console.log("Article updated:", e.target.value.split("\n").length, "lines") })] }));
-}
-export { TextareaExamples };

package/dist/documentation/src/components/examples.tooltip.d.ts

@@ -1,3 +0,0 @@
-declare function TooltipExamples(): import("react/jsx-runtime").JSX.Element;
-export { TooltipExamples };
-//# sourceMappingURL=examples.tooltip.d.ts.map

package/dist/documentation/src/components/examples.tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examples.tooltip.d.ts","sourceRoot":"","sources":["../../../../documentation/src/components/examples.tooltip.tsx"],"names":[],"mappings":"AAIA,iBAAS,eAAe,4CAsCvB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/documentation/src/components/examples.tooltip.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Tooltip } from "@components";
-import { Box } from "../ui/box";
-import { Row } from "../ui/row";
-function TooltipExamples() {
-    return (_jsxs(Box, { title: "Tooltip", children: [_jsxs(Row, { children: [_jsx(Tooltip, { text: "Tooltip on top", orientation: "top", children: _jsx(Badge, { children: "top" }) }), _jsx(Tooltip, { text: "Tooltip on right", orientation: "right", children: _jsx(Badge, { children: "right" }) }), _jsx(Tooltip, { text: "Tooltip on bottom", orientation: "bottom", children: _jsx(Badge, { children: "bottom" }) }), _jsx(Tooltip, { text: "Tooltip on left", orientation: "left", children: _jsx(Badge, { children: "left" }) })] }), _jsx(Row, { children: _jsx(Tooltip, { text: "Tooltip on left", orientation: "left", children: _jsx(Badge, { children: "oh no... the tooltip does not fit on the left" }) }) }), _jsxs(Row, { children: [_jsx(Tooltip, { text: "md tooltip", orientation: "top", size: "md", children: _jsx(Badge, { children: "size - md " }) }), _jsx(Tooltip, { text: "lg tooltip", orientation: "top", children: _jsx(Badge, { children: "size - lg (default)" }) })] })] }));
-}
-export { TooltipExamples };

package/dist/documentation/src/main.d.ts

@@ -1,3 +0,0 @@
-import "../css/reset.css";
-import "../css/variables.css";
-//# sourceMappingURL=main.d.ts.map

package/dist/documentation/src/main.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../documentation/src/main.tsx"],"names":[],"mappings":"AAIA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,sBAAsB,CAAC"}

package/dist/documentation/src/main.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { App } from "./app";
-import "../css/reset.css";
-import "../css/variables.css";
-createRoot(document.getElementById("root")).render(_jsx(StrictMode, { children: _jsx(App, {}) }));

package/dist/documentation/src/ui/box.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-type BoxProps = {
-    title: string;
-    children: ReactNode;
-};
-declare function Box(props: BoxProps): import("react/jsx-runtime").JSX.Element;
-export { Box };
-//# sourceMappingURL=box.d.ts.map

package/dist/documentation/src/ui/box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../documentation/src/ui/box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,2CAO3B;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/documentation/src/ui/box.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Box(props) {
-    return (_jsxs("div", { className: "box", children: [_jsx("strong", { children: props.title }), props.children] }));
-}
-export { Box };

package/dist/documentation/src/ui/row.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from "react";
-type RowProps = {
-    children: ReactNode;
-};
-declare function Row(props: RowProps): import("react/jsx-runtime").JSX.Element;
-export { Row };
-//# sourceMappingURL=row.d.ts.map

package/dist/documentation/src/ui/row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../../documentation/src/ui/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,2CAE3B;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/documentation/src/ui/row.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-function Row(props) {
-    return _jsx("div", { className: "row", children: props.children });
-}
-export { Row };

package/dist/documentation/vite.config.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;
-//# sourceMappingURL=vite.config.d.ts.map

package/dist/documentation/vite.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../documentation/vite.config.ts"],"names":[],"mappings":";AAIA,wBAQG"}

package/dist/documentation/vite.config.js

@@ -1,12 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import { resolve } from "path";
-export default defineConfig({
-    root: __dirname,
-    plugins: [react()],
-    resolve: {
-        alias: {
-            "@components": resolve(__dirname, "../src"),
-        },
-    },
-});

package/dist/src/components/alert/alertContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/alertContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAyB,MAAM,OAAO,CAAC;AAE7E,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;CACnD,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAInC,iBAAS,iBAAiB,wBAEzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAuCjD;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/src/components/alert/alertContent/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/alertContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAK7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/src/components/alert/alertDescription/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/alertDescription/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAKrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/src/components/alert/alertIcon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/alertIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EAEZ,MAAM,cAAc,CAAC;AAGtB,OAAO,cAAc,CAAC;AAEtB,KAAK,cAAc,GAAG,WAAW,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAgBvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/components/alert/alertTitle/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert/alertTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAKzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/components/audioPlayer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/audioPlayer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAA+B,MAAM,OAAO,CAAC;AAIzE,OAAO,cAAc,CAAC;AAEtB,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAC1B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,SAAS,GAAG,KAAK,CAClB,GAAG;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoH3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/components/badge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,cAAc,CAAC;AAEtB,KAAK,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC7E,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,2CAwB/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/src/components/button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IACtD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuCjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/src/components/cardTab/cardTabButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cardTab/cardTabButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG,IAAI,CAC5B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,MAAM,CAC9B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AAEH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAkC/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/components/cardTab/cardTabContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cardTab/cardTabContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,cAAc,CAAC,WAAW,CAAC,EAC3B,SAAS,GAAG,UAAU,GAAG,KAAK,CAC/B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AAEH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA8BrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}