@dito-uai/components 5.0.0-alpha1

package/dist/ui/search.d.ts

@@ -0,0 +1,199 @@
+import * as React from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { inputVariants } from './input';
+import { DropdownProps } from './internal/dropdown-content';
+export type SearchProps = React.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputVariants> & {
+    scope?: DropdownProps;
+};
+declare const Search: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & VariantProps<import("tailwind-variants").TVReturnType<{
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}, {
+    prefixIcon: string;
+    input: string;
+    suffixIcon: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}, {
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}>, {
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}, {
+    prefixIcon: string;
+    input: string;
+    suffixIcon: string;
+}, import("tailwind-variants").TVReturnType<{
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}, {
+    prefixIcon: string;
+    input: string;
+    suffixIcon: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}, {
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}>, unknown, unknown, undefined>>> & {
+    scope?: DropdownProps;
+} & React.RefAttributes<HTMLInputElement>>;
+export default Search;
+//# sourceMappingURL=search.d.ts.map

package/dist/ui/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/ui/search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAmB,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAuC7E,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GACnE,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACrC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAHF,aAAa;0CAiDtB,CAAC;AAsCF,eAAe,MAAM,CAAC"}

package/dist/ui/sheets.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type Props = {
+    title: string;
+    children?: React.ReactNode;
+    isVisible?: boolean;
+    CloseIcon?: React.ElementType;
+    maxWidth?: string;
+    onClose?: (confirm: boolean) => void;
+};
+declare const Sheet: {
+    ({ title, children, isVisible, CloseIcon, maxWidth, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Sheet;
+//# sourceMappingURL=sheets.d.ts.map

package/dist/ui/sheets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheets.d.ts","sourceRoot":"","sources":["../../src/ui/sheets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AACF,QAAA,MAAM,KAAK;oEAOR,KAAK;;CAuEP,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/dist/ui/status.d.ts

@@ -0,0 +1,76 @@
+import React from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const statusVariants: import("tailwind-variants").TVReturnType<{
+    status: {
+        success: string[];
+        attention: string[];
+        info: string[];
+        error: string[];
+        disabled: string[];
+    };
+}, undefined, "text-medium flex items-center justify-center rounded-sm px-1 py-0.5", import("tailwind-variants/dist/config.js").TVConfig<{
+    status: {
+        success: string[];
+        attention: string[];
+        info: string[];
+        error: string[];
+        disabled: string[];
+    };
+}, {
+    status: {
+        success: string[];
+        attention: string[];
+        info: string[];
+        error: string[];
+        disabled: string[];
+    };
+}>, {
+    status: {
+        success: string[];
+        attention: string[];
+        info: string[];
+        error: string[];
+        disabled: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    status: {
+        success: string[];
+        attention: string[];
+        info: string[];
+        error: string[];
+        disabled: string[];
+    };
+}, undefined, "text-medium flex items-center justify-center rounded-sm px-1 py-0.5", import("tailwind-variants/dist/config.js").TVConfig<{
+    status: {
+        success: string[];
+        attention: string[];
+        info: string[];
+        error: string[];
+        disabled: string[];
+    };
+}, {
+    status: {
+        success: string[];
+        attention: string[];
+        info: string[];
+        error: string[];
+        disabled: string[];
+    };
+}>, unknown, unknown, undefined>>;
+type StatusSimpleProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof statusVariants> & {
+    text: string;
+};
+type StatusOption = VariantProps<typeof statusVariants> & {
+    text: string;
+    value: string;
+};
+type StatusMenuProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof statusVariants> & {
+    options: StatusOption[];
+    value: string;
+    onChange?: (value: string) => void;
+};
+declare const Status: Partial<StatusSimpleProps> & {
+    Menu: React.ForwardRefExoticComponent<StatusMenuProps>;
+};
+export default Status;
+//# sourceMappingURL=status.d.ts.map

package/dist/ui/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/ui/status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+BlB,CAAC;AAEH,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAC3D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAyBJ,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACzD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AA6BJ,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG;IACzC,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAAC;CAIxD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/ui/text.d.ts

@@ -0,0 +1,115 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const TextVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+    };
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+    };
+}, {
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+    };
+}>, {
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+    };
+}, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+    };
+}, {
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type TextProps = HTMLAttributes<HTMLSpanElement> & PropsWithChildren & VariantProps<typeof TextVariants>;
+declare const Text: {
+    ({ className, size, weight, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Text;
+//# sourceMappingURL=text.d.ts.map

package/dist/ui/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/ui/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAM,MAAM,mBAAmB,CAAC;AAIrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBhB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,eAAe,CAAC,GACrD,iBAAiB,GACjB,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAEpC,QAAA,MAAM,IAAI;sDAAqD,SAAS;;CAMvE,CAAC;AAGF,eAAe,IAAI,CAAC"}

package/dist/ui/textarea.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    invalid?: boolean;
+};
+declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    invalid?: boolean;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/ui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GACvB,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE5E,QAAA,MAAM,QAAQ;cAFoD,OAAO;6CAcxE,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/dist/ui/toggle.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+export type ToggleProps = HTMLAttributes<HTMLInputElement> & {
+    name: string;
+    disabled?: boolean;
+} & PropsWithChildren;
+declare const Toggle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
+    name: string;
+    disabled?: boolean;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export default Toggle;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/ui/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/ui/toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAe/D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,iBAAiB,CAAC;AAEtB,QAAA,MAAM,MAAM;UAJJ,MAAM;eACD,OAAO;;;oDAsBnB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@dito-uai/components",
+  "version": "5.0.0-alpha1",
+  "descriptin": "Dito's design system component library, made in TSX",
+  "repository": "git+https://github.com/ditointernet/dito-uai.git",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/**/*.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist/"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      }
+    },
+    "./global.css": "./dist/global.css"
+  },
+  "scripts": {
+    "dev": "yarn bundle --watch",
+    "semantic-release": "semantic-release",
+    "bundle": "yarn build:js && yarn build:types & yarn build:css",
+    "build:js": "tsup",
+    "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir dist",
+    "build:css": "tailwindcss -i ./src/global.css -o ./dist/global.css --minify"
+  },
+  "packageManager": "yarn@4.1.1",
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "autoprefixer": "^10.4.19",
+    "esbuild": "^0.23.0",
+    "esbuild-plugin-svgr": "^2.1.0",
+    "esbuild-plugin-tsc": "^0.4.0",
+    "esbuild-ts-paths": "^1.1.3",
+    "postcss": "^8.4.38",
+    "supports-color": "^9.4.0",
+    "tailwind-variants": "^0.2.1",
+    "tailwindcss": "^3.4.7",
+    "tsup": "^8.2.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5"
+  },
+  "dependencies": {
+    "@dito-uai/icons": "^1.0.5",
+    "@hookform/resolvers": "^3.9.0",
+    "@radix-ui/react-avatar": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.13",
+    "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.15",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.418.0",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-import": "^16.1.0",
+    "postcss-nested": "^6.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.52.1",
+    "tailwind-merge": "^2.4.0",
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^3.23.8"
+  },
+  "peerDependencies": {
+    "@dito-uai/icons": "^1.0.3",
+    "lucide-react": "^0.377.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.52.1",
+    "zod": "^3.23.8"
+  }
+}