@dito-uai/components 5.0.0-alpha2 → 5.0.0-alpha20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dito-uai/components",
-  "version": "5.0.0-alpha2",
+  "version": "5.0.0-alpha20",
   "descriptin": "Dito's design system component library, made in TSX",
   "repository": "git+https://github.com/ditointernet/dito-uai.git",
   "publishConfig": {
@@ -9,7 +9,7 @@
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
-  "types": "dist/**/*.d.ts",
+  "types": "./dist/index.d.ts",
   "sideEffects": false,
   "files": [
     "dist/"
@@ -25,7 +25,9 @@
         "default": "./dist/index.mjs"
       }
     },
-    "./global.css": "./dist/global.css"
+    "./global.css": "./dist/global.css",
+    "./tailwind.config": "./tailwind.config.ts",
+    "./colors": "./lib/colors-utils.ts"
   },
   "scripts": {
     "dev": "yarn build",
@@ -34,7 +36,7 @@
     "build": "yarn build:css & yarn build:js --watch",
     "build:js": "tsup",
     "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir dist",
-    "build:css": "tailwindcss -i ./src/global.css -o ./dist/global.css --minify"
+    "build:css": "tailwindcss -i ./src/global.css -o ./dist/global.css --minify -v"
   },
   "packageManager": "yarn@4.1.1",
   "devDependencies": {
@@ -47,7 +49,7 @@
     "postcss": "^8.4.38",
     "supports-color": "^9.4.0",
     "tailwind-variants": "^0.2.1",
-    "tailwindcss": "^3.4.7",
+    "tailwindcss": "^3.4.13",
     "tsup": "^8.2.3",
     "typescript": "^5.5.4",
     "vite": "^5.3.5"
@@ -58,14 +60,15 @@
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.1.1",
     "@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",
+    "@tailwindcss/forms": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.15",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.15",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAG9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/lib/colors-utils.d.ts

@@ -1,88 +0,0 @@
-export declare const COLORS: {
-    neutral: {
-        white: string;
-        black: string;
-        neutral_900: string;
-        neutral_700: string;
-        neutral_600: string;
-        neutral_500: string;
-        neutral_400: string;
-        neutral_300: string;
-        neutral_200: string;
-        neutral_100: string;
-    };
-    brand: {
-        navy_900: string;
-        navy_600: string;
-        navy_100: string;
-        green_900: string;
-        green_600: string;
-        green_100: string;
-    };
-    secondary: {
-        indigo_900: string;
-        indigo_600: string;
-        indigo_100: string;
-        purple_900: string;
-        purple_600: string;
-        purple_100: string;
-        blue_900: string;
-        blue_600: string;
-        blue_100: string;
-        pink_900: string;
-        pink_600: string;
-        pink_100: string;
-        green_900: string;
-        green_600: string;
-        green_100: string;
-        platform_background: string;
-    };
-    chart: {
-        midnight_blue_900: string;
-        midnight_blue_600: string;
-        midnight_blue_100: string;
-        green_900: string;
-        green_600: string;
-        green_100: string;
-        purple_900: string;
-        purple_600: string;
-        purple_100: string;
-        pink_900: string;
-        pink_600: string;
-        pink_100: string;
-        light_blue_900: string;
-        light_blue_600: string;
-        light_blue_100: string;
-        orange_900: string;
-        orange_600: string;
-        orange_100: string;
-        red_900: string;
-        red_600: string;
-        red_100: string;
-        blue_900: string;
-        blue_600: string;
-        blue_100: string;
-        yellow_900: string;
-        yellow_600: string;
-        yellow_100: string;
-    };
-    notification: {
-        critical_900: string;
-        critical_600: string;
-        critical_300: string;
-        critical_100: string;
-        warning_900: string;
-        warning_600: string;
-        warning_300: string;
-        warning_100: string;
-        success_900: string;
-        success_600: string;
-        success_300: string;
-        success_100: string;
-        information_900: string;
-        information_600: string;
-        information_300: string;
-        information_100: string;
-    };
-};
-//# sourceMappingURL=colors-utils.d.ts.map

package/dist/lib/colors-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-utils.d.ts","sourceRoot":"","sources":["../../src/lib/colors-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFlB,CAAC"}

package/dist/lib/css-util.d.ts

@@ -1,3 +0,0 @@
-import type { ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=css-util.d.ts.map

package/dist/lib/css-util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-util.d.ts","sourceRoot":"","sources":["../../src/lib/css-util.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/ui/accordion.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-declare const Accordion: React.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    triggerClassName?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
-//# sourceMappingURL=accordion.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,SAAS,oQAYb,CAAC;AAEH,QAAA,MAAM,aAAa,iKAYjB,CAAC;AAIH,QAAA,MAAM,gBAAgB;uBAGC,MAAM;2CAkB3B,CAAC;AAIH,QAAA,MAAM,gBAAgB,oKAWpB,CAAC;AAIH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/ui/avatar.d.ts

@@ -1,221 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'tailwind-variants';
-declare const avatarVariants: import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, {
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}>, {
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, {
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type AvatarProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof avatarVariants> & {
-    asChild?: boolean;
-};
-declare const Avatar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, {
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}>, {
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, {
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}>, unknown, unknown, undefined>>> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-export default Avatar;
-//# sourceMappingURL=avatar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAM,MAAM,mBAAmB,CAAC;AAErD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAwClB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAC7D,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAHE,OAAO;wCAmBpB,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/ui/badge.d.ts

@@ -1,264 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-import { VariantProps } from 'tailwind-variants';
-declare const badgeVariants: import("tailwind-variants").TVReturnType<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, {
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}>, {
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, {
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type BadgeProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-};
-declare const Badge: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<import("tailwind-variants").TVReturnType<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, {
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}>, {
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", import("tailwind-variants/dist/config.js").TVConfig<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, {
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}>, unknown, unknown, undefined>>> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLSpanElement>>;
-export default Badge;
-//# sourceMappingURL=badge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAM,MAAM,mBAAmB,CAAC;AAIrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA6CjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,eAAe,CAAC,GACtD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAHG,OAAO;yCAqBpB,CAAC;AAGF,eAAe,KAAK,CAAC"}