@lerianstudio/sindarian-ui 1.0.0-beta.1 → 1.0.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lerianstudio/sindarian-ui",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.11",
   "description": "Sindarian UI - A UI library for Midaz Console",
   "license": "ISC",
   "author": {
@@ -20,9 +20,10 @@
   ],
   "scripts": {
     "check-types": "tsc --noEmit",
-    "build": "tsc && npm run copy:assets && npm run build:paths",
+    "build": "tsc && npm run copy:assets && npm run copy:styles && npm run build:paths",
     "build:paths": "tsc-alias -p tsconfig.json",
     "copy:assets": "copyfiles -f src/public/**/* dist/public",
+    "copy:styles": "copyfiles -u 1 src/**/*.css dist",
     "lint": "eslint . --fix",
     "storybook": "storybook dev -p 6007",
     "build-storybook": "storybook build",
@@ -32,33 +33,36 @@
   },
   "dependencies": {
     "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-collapsible": "^1.1.11",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.5",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-toast": "^1.2.14",
-    "@radix-ui/react-tooltip": "^1.2.7",
-    "@tailwindcss/postcss": "^4.1.11",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/postcss": "^4.1.16",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
+    "dayjs": "^1.11.18",
     "postcss": "^8.5.6",
-    "tailwind-merge": "^3.3.1"
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.16",
+    "tw-animate-css": "^1.4.0"
   },
   "peerDependencies": {
     "lodash": ">=4.17.0",
+    "lucide-react": ">=0.536.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "react-hook-form": ">=7.60.0",
-    "lucide-react": ">=0.536.0"
+    "react-hook-form": ">=7.60.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.0",
@@ -66,9 +70,8 @@
     "@storybook/addon-links": "^9.1.1",
     "@storybook/addon-styling-webpack": "^1.0.1",
     "@storybook/nextjs": "^9.1.1",
-    "@types/react": "^19.1.9",
-    "storybook": "^9.1.1",
-    "tailwindcss": "^4.1.11"
+    "@types/react": "^19.2.2",
+    "storybook": "^9.1.1"
   },
   "publishConfig": {
     "access": "public"

package/dist/components/ui/input-with-icon/index.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import type { JSX } from 'react';
-declare const InputVariants: (props?: ({
-    iconPosition?: "right" | "left" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface InputWithIconProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof InputVariants> {
-    icon?: JSX.Element;
-}
-declare const InputWithIcon: React.ForwardRefExoticComponent<InputWithIconProps & React.RefAttributes<HTMLInputElement>>;
-export { InputWithIcon };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/input-with-icon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input-with-icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAE5D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,QAAA,MAAM,aAAa;;8EAWjB,CAAA;AAEF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,6FA4BlB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/input-with-icon/index.js

@@ -1,57 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputWithIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const input_1 = require("../input");
-const utils_1 = require("../../../lib/utils");
-const class_variance_authority_1 = require("class-variance-authority");
-const InputVariants = (0, class_variance_authority_1.cva)('relative', {
-    variants: {
-        iconPosition: {
-            left: 'absolute left-3 top-1/2 -translate-y-1/2 transform text-muted-foreground',
-            right: 'absolute left-auto right-3 top-1/2 -translate-y-1/2 transform text-muted-foreground'
-        }
-    },
-    defaultVariants: {
-        iconPosition: 'left'
-    }
-});
-const InputWithIcon = React.forwardRef(({ className, icon, iconPosition, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative flex h-auto items-center", children: [iconPosition !== 'right' && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)('text-shadcn-400', InputVariants({ iconPosition })), children: icon })), (0, jsx_runtime_1.jsx)(input_1.Input, { ref: ref, className: (0, utils_1.cn)('border-shadcn-300 placeholder:text-muted-foreground flex h-9 w-full rounded-md border bg-transparent py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className, iconPosition !== 'right' ? 'pr-4 pl-10' : 'pr-10 pl-4'), ...props }), iconPosition === 'right' && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)(InputVariants({ iconPosition })), children: icon }))] }));
-});
-exports.InputWithIcon = InputWithIcon;
-InputWithIcon.displayName = 'Input';