@g4rcez/components 0.0.1

package/.idea/bigweld.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,72 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_UNIFORM_INDENT" value="true" />
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+      <option name="HTML_ENFORCE_QUOTES" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="JSX_ATTRIBUTE_VALUE" value="Based on type" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="JSDOC_INCLUDE_TYPES" value="true" />
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_PUBLIC_MODIFIER" value="true" />
+      <option name="PREFER_AS_TYPE_CAST" value="true" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="PREFER_EXPLICIT_TYPES_VARS_FIELDS" value="true" />
+      <option name="PREFER_EXPLICIT_TYPES_FUNCTION_RETURNS" value="true" />
+      <option name="PREFER_EXPLICIT_TYPES_FUNCTION_EXPRESSION_RETURNS" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="IMPORTS_WRAP" value="0" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+      <option name="USE_CHAINED_CALLS_GROUP_INDENTS" value="true" />
+      <option name="IMPORT_SORT_MODULE_NAME" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="CSS">
+      <arrangement>
+        <rules>
+          <section>
+            <rule>
+              <match>
+                <NAME>.*</NAME>
+              </match>
+              <order>BY_NAME</order>
+            </rule>
+          </section>
+        </rules>
+      </arrangement>
+    </codeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="150" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="4" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="150" />
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="150" />
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="150" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="4" />
+        <option name="TAB_SIZE" value="4" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,30 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="ConfusingFloatingPointLiteralJS" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="PyPackageRequirementsInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ignoredPackages">
+        <value>
+          <list size="6">
+            <item index="0" class="java.lang.String" itemvalue="ranger-fm" />
+            <item index="1" class="java.lang.String" itemvalue="fonttools" />
+            <item index="2" class="java.lang.String" itemvalue="greenlet" />
+            <item index="3" class="java.lang.String" itemvalue="urllib3" />
+            <item index="4" class="java.lang.String" itemvalue="msgpack" />
+            <item index="5" class="java.lang.String" itemvalue="charset-normalizer" />
+          </list>
+        </value>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="PyPep8NamingInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="N802" />
+        </list>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="ShellCheck" enabled="true" level="ERROR" enabled_by_default="true">
+      <shellcheck_settings value="SC2034" />
+    </inspection_tool>
+  </profile>
+</component>

package/.idea/jsLibraryMappings.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptLibraryMappings">
+    <includedPredefinedLibrary name="Node.js Core" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/bigweld.iml" filepath="$PROJECT_DIR$/.idea/bigweld.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/prettier.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="MANUAL" />
+    <option name="myRunOnReformat" value="true" />
+  </component>
+</project>

package/.idea/reason.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ReasonSettings">
+    <option name="formatColumnWidth" value="80" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/.prettierrc.json

@@ -0,0 +1,13 @@
+{
+    "arrowParens": "always",
+    "printWidth": 150,
+    "jsxSingleQuote": false,
+    "semi": true,
+    "bracketSameLine": false,
+    "bracketSpacing": true,
+    "htmlWhitespaceSensitivity": "css",
+    "quoteProps": "as-needed",
+    "useTabs": false,
+    "trailingComma": "es5",
+    "tabWidth": 4
+}

package/README.md

@@ -0,0 +1,35 @@
+# unamed-components
+
+I need to think in a good name for this.
+
+# Tokens
+
+You can edit the files `src/styles/dark.json` and `src/styles/light.json` to interact with colors of the project. I will configure other things like:
+
+-   border-radius
+-   shadow
+-   custom themes: you will use other themes instead only `dark`
+
+# Components
+
+For now, we have only Input, Select and Autocomplete.
+
+## Input
+
+Basic and styled input component. Provides masks using [the-mask-input](https://www.npmjs.com/package/the-mask-input).
+
+## Select and Autocomplete
+
+The difference between then is:
+
+-   Select is a native component with styles
+-   Autocomplete uses [floating-ui](https://floating-ui.com/) to provide options list
+
+# Tasks
+
+-   [x] TailwindCSS Plugin
+-   [ ] Hook to work with forms
+-   [ ] Alerts
+-   [ ] Notion Table
+-   [ ] Dropdown
+-   [ ] Dark mode toggler

package/app/client-table.tsx

@@ -0,0 +1,35 @@
+"use client";
+import { Card } from "~/components/display/card";
+import { Table } from "~/components/table";
+import { ColType, createColumns, useTablePreferences } from "~/components/table/table-lib";
+import { uuid } from "~/lib/fns";
+
+type State = {
+    id: string;
+    index: number;
+    name: string;
+    category: string;
+};
+
+const rows = Array.from({ length: 10 }).map((_, i) => ({
+    id: uuid(),
+    index: i,
+    name: `Name ${i}`,
+    category: i % 2 === 0 ? "A" : "B",
+}));
+
+const columns = createColumns<State>((col) => {
+    col.add("id", "ID");
+    col.add("name", "Name");
+    col.add("index", "Index", { type: ColType.Number, });
+    col.add("category", "Category");
+});
+
+export const ClientTable = () => {
+    const config = useTablePreferences("table", { cols: columns });
+    return (
+        <Card>
+            <Table<State> {...config} rows={rows} />
+        </Card>
+    );
+};

package/app/layout.tsx

@@ -0,0 +1,39 @@
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "../src/index.css";
+import React from "react";
+import Dark from "~/styles/dark.json";
+import { createStyles, reduceTokens } from "~/styles/design-tokens";
+import Light from "~/styles/light.json";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+    title: "Create Next App",
+    description: "Generated by create next app",
+};
+
+export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+    const lightColors = createStyles.default(
+        reduceTokens(Light.colors, (value, _, key) => ({
+            key: `--${key}`,
+            value: `${value}`,
+        }))
+    );
+    const darkColors = createStyles.dark(
+        reduceTokens(Dark.colors, (value, _, key) => ({
+            key: `--${key}`,
+            value: `${value}`,
+        }))
+    );
+    return (
+        <html className={`${inter.className} w-full h-screen dark`} lang="pt-br">
+            <head>
+                <title>Bigweld</title>
+                <style>{lightColors}</style>
+                <style>{darkColors}</style>
+            </head>
+            <body className={`${inter.className} w-full h-screen text-foreground bg-background`}>{children}</body>
+        </html>
+    );
+}

package/app/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+import { InfoIcon } from "lucide-react";
+import { z } from "zod";
+import { Autocomplete, Button, Card, Dropdown, FileUpload, Form, Input, Select, Switch, Tooltip, useForm } from "../src";
+import { ClientTable } from "./client-table";
+
+const selectProps = {
+    placeholder: "Haskell",
+    options: [{ value: "Javascript" }, { value: "Kotlin" }, { value: "Typescript" }],
+    required: true,
+    name: "language",
+    title: "Programming Language",
+};
+
+const schema = z.object({
+    name: z.string(),
+    lang: z.array(z.string()),
+});
+
+export default function Home() {
+    const form = useForm(schema);
+    return (
+        <div className="w-full h-full">
+            <div className="p-8 mx-auto container text-center flex flex-col gap-6">
+                <Card>
+                    <h1 className="font-medium gap-1 flex items-center justify-center text-7xl leading-snug tracking-tight">
+                        Testing
+                        <Tooltip title={<InfoIcon size={32} />}>I'm a tooltip</Tooltip>
+                    </h1>
+                    <Dropdown trigger="Floating form">
+                        <Autocomplete {...selectProps} name="test" />
+                        <Autocomplete {...selectProps} name="test2" />
+                        <Select {...selectProps} name="test3" />
+                        <Input {...selectProps} name="test4" />
+                    </Dropdown>
+                    <Form
+                        className="space-y-4"
+                        onSubmit={form.onSubmit((e) => {
+                            console.log(e);
+                        })}
+                    >
+                        <Input
+                            {...form.input("name", {
+                                placeholder: "Document",
+                                required: true,
+                                name: "name",
+                                mask: "cpf",
+                                title: "Document",
+                            })}
+                        />
+                        <Select {...form.input("lang[0]", selectProps)} />
+                        <Autocomplete {...form.input("lang[1]", selectProps)} />
+                        <Switch>Enable preferences</Switch>
+                        <div className="flex gap-4 justify-center">
+                            <Button type="reset" disabled>
+                                Disabled
+                            </Button>
+                            <Button type="reset" loading>
+                                Loading
+                            </Button>
+                            <Button type="submit">Save</Button>
+                        </div>
+                    </Form>
+                </Card>
+                <ClientTable />
+                <Card>
+                    <FileUpload id="id" />
+                </Card>
+            </div>
+        </div>
+    );
+}

package/dist/components/core/button.d.ts

@@ -0,0 +1,21 @@
+import { type VariantProps } from "class-variance-authority";
+import React from "react";
+import { PolymorphicProps } from "~/components/core/polymorph";
+import { Label } from "~/types";
+declare const buttonVariants: (props?: ({
+    size?: "big" | "small" | "default" | "icon" | null | undefined;
+    rounded?: "circle" | "default" | "rough" | "squared" | null | undefined;
+    theme?: "main" | "disabled" | "loading" | "raw" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type ButtonProps<T extends React.ElementType = "button"> = PolymorphicProps<VariantProps<typeof buttonVariants> & Partial<{
+    icon: Label;
+    loading: boolean;
+}>, T>;
+export declare const Button: <T extends React.ElementType = "button">(props: ButtonProps<T>) => any;
+type Props = {
+    active: string;
+    buttons: ButtonProps[];
+};
+export declare const ButtonGroup: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=button.d.ts.map

package/dist/components/core/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/core/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAa,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,cAAc;;;;mFAyBnB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,gBAAgB,CAC9E,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG,OAAO,CAAC;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,EAChF,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,GA2B7E,CAAC;AAEZ,KAAK,KAAK,GAAG;IACT,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,WAAW,EAAE,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,KAAK,4CAkBvC,CAAC"}

package/dist/components/core/polymorph.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Override } from "~/types";
+type Polymorphism<T extends React.ElementType> = React.PropsWithChildren<{
+    as?: T;
+}>;
+export type Props<T extends React.ElementType = React.ElementType> = Polymorphism<T> & Omit<React.ComponentPropsWithRef<T>, keyof Polymorphism<T>>;
+export type PolymorphicProps<P extends {}, T extends React.ElementType = React.ElementType> = Omit<T extends string ? Override<React.ComponentProps<T> & Props<T>, P> : Override<Props<T>, P>, keyof Polymorphism<T>> & Polymorphism<T>;
+export declare const Polymorph: React.ForwardRefExoticComponent<Omit<Props<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<any>>;
+export {};
+//# sourceMappingURL=polymorph.d.ts.map

package/dist/components/core/polymorph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorph.d.ts","sourceRoot":"","sources":["../../../src/components/core/polymorph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CAAC;AAErF,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnJ,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,IAAI,CAC9F,CAAC,SAAS,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1F,MAAM,YAAY,CAAC,CAAC,CAAC,CACxB,GACG,YAAY,CAAC,CAAC,CAAC,CAAC;AAEpB,eAAO,MAAM,SAAS,2IAGpB,CAAC"}

package/dist/components/display/card.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from "react";
+export type CardProps = React.ComponentProps<"div">;
+export declare const Card: (props: PropsWithChildren<CardProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/components/display/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/display/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACpD,eAAO,MAAM,IAAI,UAAW,iBAAiB,CAAC,SAAS,CAAC,4CAEvD,CAAC"}

package/dist/components/floating/dropdown.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from "react";
+type DropdownProps = {
+    open?: boolean;
+    arrow?: boolean;
+    onChange?: (nextValue: boolean) => void;
+    trigger: React.ReactElement | React.ReactNode;
+    title?: React.ReactNode | React.ReactElement | string;
+};
+export declare const Dropdown: (props: PropsWithChildren<DropdownProps>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/floating/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/floating/dropdown.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAEtF,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,iBAAiB,CAAC,aAAa,CAAC,4CAmE/D,CAAC"}

package/dist/components/floating/tooltip.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { PolymorphicProps } from "~/components/core/polymorph";
+import { Label, Override } from "~/types";
+type TooltipProps = Override<PolymorphicProps<React.ComponentProps<"button">, "div">, {
+    title: Label;
+}>;
+export declare const Tooltip: ({ children, as, title, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/floating/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/floating/tooltip.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAa,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,YAAY,GAAG,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAExG,eAAO,MAAM,OAAO,sCAAuC,YAAY,4CA6CtE,CAAC"}

package/dist/components/form/autocomplete.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { InputFieldProps } from "~/components/form/input-field";
+import { type OptionProps } from "~/components/form/select";
+type ItemProps = Omit<React.HTMLProps<HTMLLIElement>, "children"> & {
+    selected: boolean;
+    active: boolean;
+    option: OptionProps;
+};
+export declare const Option: React.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type SelectProps = Omit<InputFieldProps<"input">, "value"> & {
+    value?: string;
+    options: OptionProps[];
+};
+export declare const Autocomplete: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/components/form/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/form/autocomplete.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAc,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAI5D,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG;IAChE,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,8FAWjB,CAAC;AAEH,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,WAAW,EAAE,CAAC;CAC1B,CAAC;AAaF,eAAO,MAAM,YAAY,mGAoKvB,CAAC"}

package/dist/components/form/file-upload.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { DropzoneProps } from "react-dropzone";
+import { Override } from "sidekicker";
+type Props = Override<React.ComponentProps<"input">, DropzoneProps> & {
+    onDeleteFile?: (file: File) => void;
+    files?: File[];
+    idle?: React.ReactElement;
+    onDrop?: (file: File[]) => void;
+};
+export declare const FileUpload: ({ idle, onDeleteFile, onDrop, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/components/form/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/components/form/file-upload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,GAAG;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACnC,CAAC;AAmGF,eAAO,MAAM,UAAU,6CAA4D,KAAK,4CAiBvF,CAAC"}

package/dist/components/form/form.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const formReset: (form?: HTMLFormElement | null) => void;
+export declare const Form: (props: React.ComponentProps<"form">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form.d.ts.map

package/dist/components/form/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,SAAS,UAAW,eAAe,GAAG,IAAI,SAatD,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,4CAOvD,CAAC"}

package/dist/components/form/input-field.d.ts

@@ -0,0 +1,25 @@
+import React, { PropsWithChildren } from "react";
+import { PolymorphicProps } from "~/components/core/polymorph";
+import { Label } from "~/types";
+export type FeedbackProps = React.PropsWithChildren<Partial<{
+    title: string | React.ReactElement | React.ReactNode;
+    hideLeft?: boolean;
+    className?: string;
+    placeholder: string;
+    reportStatus: boolean;
+}>>;
+export declare const InputFeedback: ({ reportStatus, hideLeft, className, children, title }: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
+export type InputFieldProps<T extends "input" | "select"> = PolymorphicProps<Partial<{
+    error?: string;
+    hideLeft: boolean;
+    container: string;
+    left: Label;
+    optionalText: string;
+    right: Label;
+    rightLabel: Label;
+    id: string;
+    name: string;
+    placeholder: string;
+}>, T>;
+export declare const InputField: <T extends "input" | "select">({ optionalText, left, rightLabel, container, right, children, error, form, id, name, title, placeholder, hideLeft, required, }: PropsWithChildren<InputFieldProps<T>>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=input-field.d.ts.map

package/dist/components/form/input-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/input-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAC/C,OAAO,CAAC;IACJ,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC,CACL,CAAC;AACF,eAAO,MAAM,aAAa,2DAAoE,aAAa,4CA2B1G,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,OAAO,GAAG,QAAQ,IAAI,gBAAgB,CACxE,OAAO,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,KAAK,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,KAAK,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC,EACF,CAAC,CACJ,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,GAAG,QAAQ,kIAepD,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,4CA4BvC,CAAC"}

package/dist/components/form/input.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { TheMaskProps } from "the-mask-input";
+import { FeedbackProps, InputFieldProps } from "~/components/form/input-field";
+import { Override } from "~/types";
+export type InputProps = Override<InputFieldProps<"input">, TheMaskProps & FeedbackProps & {
+    next?: string;
+}>;
+export declare const Input: React.FC<InputProps>;
+//# sourceMappingURL=input.d.ts.map

package/dist/components/form/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/form/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAkB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAc,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAE3F,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC7B,eAAe,CAAC,OAAO,CAAC,EACxB,YAAY,GACR,aAAa,GAAG;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CACR,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyD/B,CAAC"}

package/dist/components/form/select.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { InputFieldProps } from "~/components/form/input-field";
+import { Override } from "~/types";
+export type OptionProps = Override<React.ComponentProps<"option">, {
+    value: string;
+}>;
+export type SelectProps = Override<InputFieldProps<"select">, {
+    options: OptionProps[];
+}>;
+export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=select.d.ts.map

package/dist/components/form/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/form/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAc,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEtF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE;IAAE,OAAO,EAAE,WAAW,EAAE,CAAA;CAAE,CAAC,CAAC;AAE1F,eAAO,MAAM,MAAM,oGA8CjB,CAAC"}

package/dist/components/form/switch.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type SwitchProps = Omit<React.ComponentProps<"input">, "onChange"> & {
+    onCheck?: (nextValue: boolean) => void;
+};
+export declare const Switch: ({ children, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/form/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/form/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,KAAK,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CAAC;AAEhH,eAAO,MAAM,MAAM,2BAA4B,WAAW,4CAmCzD,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,15 @@
+export * from "./form/autocomplete";
+export * from "./form/input";
+export * from "./form/select";
+export * from "./form/file-upload";
+export * from "./form/form";
+export * from "./form/select";
+export * from "./form/switch";
+export * from "./form/input-field";
+export * from "./core/button";
+export * from "./core/polymorph";
+export * from "./display/card";
+export * from "./floating/dropdown";
+export * from "./floating/tooltip";
+export * from "./table/index";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}