@g4rcez/components 0.0.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@g4rcez/components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "scripts": {
     "build": "vite build; npm run lib:types; npm run preset; npm run lib:css",
     "dev": "next dev",
@@ -29,8 +29,17 @@
         "default": "./dist/index.js"
       }
     },
-    "./styles.config": "./dist/tailwind.config.js"
+    "./styles.config": {
+      "type": "./dist/tailwind.config.d.ts",
+      "import": "./dist/tailwind.config.js",
+      "require": "./dist/tailwind.config.js",
+      "default": "./dist/tailwind.config.js"
+    },
+    "./index.css": "./dist/index.css"
   },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@dnd-kit/core": "6.1.0",
     "@floating-ui/react": "0.26.19",

package/.idea/bigweld.iml

@@ -1,12 +0,0 @@
-<?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

@@ -1,72 +0,0 @@
-<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

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

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,30 +0,0 @@
-<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

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

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?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

@@ -1,7 +0,0 @@
-<?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

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

package/.idea/vcs.xml

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

package/.prettierrc.json

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

package/app/client-table.tsx

@@ -1,35 +0,0 @@
-"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

@@ -1,39 +0,0 @@
-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

@@ -1,72 +0,0 @@
-"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/docs/README.md

@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

package/docs/next.config.mjs

@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;

package/docs/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "docs",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "lib:types": "tsc -p tsconfig.lib.json",
-    "lib:tailwind": "tsc -p tsconfig.tailwind.json",
-    "lib:css": "tailwind -i ./src/index.css -o ./dist/index.css",
-    "build": "vite build; tsc",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "next": "14.2.4",
-    "react": "^18",
-    "react-dom": "^18",
-  },
-  "devDependencies": {
-    "@types/node": "^20.14.10",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "postcss": "^8.4.39",
-    "prettier": "3.3.2",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5.5.3"
-  }
-}