@me1a/ui 2.0.12 → 2.0.13

package/dist/tooltip-Bam0zJCO.d.ts

@@ -0,0 +1,104 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+/**
+ * Props interface for the Button component.
+ * Extends the native button HTML attributes and adds support for variants and asChild prop.
+ * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
+ *
+ * @interface ButtonProps
+ * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
+ * @extends {VariantProps<typeof buttonVariants>}
+ *
+ * @property {boolean} [asChild] - When true, renders the button as a child component using Radix UI's Slot.
+ * @property {ButtonVariant} [variant] - The visual style variant of the button.
+ * @property {ButtonSize} [size] - The size variant of the button.
+ * @property {string} [className] - Additional CSS classes to apply to the button.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the button text.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the button text.
+ * @property {boolean} [loading] - Whether the button is in a loading state.
+ * @property {string} [type] - The type of button (button, submit, reset). Defaults to "button".
+ * @property {string} [aria-label] - Accessible label for the button. Falls back to button text if not provided.
+ */
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+    type?: "button" | "submit" | "reset";
+    "aria-label"?: string;
+}
+
+/**
+ * Button variant styles using class-variance-authority.
+ * Defines the visual styles for different button variants and sizes.
+ * Follows WCAG 2.1 Level AA guidelines for accessibility.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" size="lg">Click me</Button>
+ * ```
+ */
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.
+ * Built on top of Radix UI's Slot primitive for maximum flexibility.
+ * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-button--docs
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default button
+ * <Button>Click me</Button>
+ *
+ * // Destructive button with small size
+ * <Button variant="destructive" size="sm">Delete</Button>
+ *
+ * // As a link
+ * <Button variant="link" asChild>
+ *   <a href="/about">About</a>
+ * </Button>
+ *
+ * // With icons
+ * <Button startIcon={<Icon />}>With Start Icon</Button>
+ * <Button endIcon={<Icon />}>With End Icon</Button>
+ *
+ * // Loading state
+ * <Button loading>Loading</Button>
+ * ```
+ *
+ * @param {ButtonProps} props - The component props
+ * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref
+ * @returns {JSX.Element} A button element
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * TooltipProvider component for creating accessible tooltips.
+ * Built on top of Radix UI's Tooltip primitive.
+ *
+ * @url https://segiimelnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
+ *
+ * @example
+ * ```tsx
+ * <TooltipProvider>
+ *   <Tooltip>
+ *     <TooltipTrigger>Hover me</TooltipTrigger>
+ *     <TooltipContent>Tooltip content</TooltipContent>
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
+ */
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { type ButtonProps as B, TooltipContent as T, Button as a, buttonVariants as b, Tooltip as c, TooltipTrigger as d, TooltipProvider as e };

package/dist/types/index.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/types/index.js

@@ -0,0 +1,2 @@
+'use strict';//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/types/index.mjs

@@ -0,0 +1,2 @@
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/types/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/utils/index.d.mts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+'use strict';var chunkKITWXTCP_js=require('../chunk-KITWXTCP.js');require('../chunk-NCY2ZNET.js');Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkKITWXTCP_js.a}});//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/utils/index.mjs

@@ -0,0 +1,2 @@
+export{a as cn}from'../chunk-OAVWSSYJ.mjs';import'../chunk-H3TEQK57.mjs';//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/utils/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/package.json

@@ -1,10 +1,47 @@
 {
   "name": "@me1a/ui",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "private": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./atoms": {
+      "types": "./dist/atoms.d.ts",
+      "import": "./dist/atoms.mjs",
+      "require": "./dist/atoms.js"
+    },
+    "./molecules": {
+      "types": "./dist/molecules.d.ts",
+      "import": "./dist/molecules.mjs",
+      "require": "./dist/molecules.js"
+    },
+    "./organisms": {
+      "types": "./dist/organisms.d.ts",
+      "import": "./dist/organisms.mjs",
+      "require": "./dist/organisms.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.js"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.mjs",
+      "require": "./dist/types.js"
+    }
+  },
   "sideEffects": false,
   "files": [
     "dist/**"

package/dist/index.css

@@ -1,2 +0,0 @@
-@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--radius: .5rem;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/styles/globals.css"],"sourcesContent":["@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n@layer base {\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 0 0% 3.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 0 0% 3.9%;\n \n    --popover: 0 0% 100%;\n    --popover-foreground: 0 0% 3.9%;\n \n    --primary: 0 0% 9%;\n    --primary-foreground: 0 0% 98%;\n \n    --secondary: 0 0% 96.1%;\n    --secondary-foreground: 0 0% 9%;\n \n    --muted: 0 0% 96.1%;\n    --muted-foreground: 0 0% 45.1%;\n \n    --accent: 0 0% 96.1%;\n    --accent-foreground: 0 0% 9%;\n \n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n\n    --border: 0 0% 89.8%;\n    --input: 0 0% 89.8%;\n    --ring: 0 0% 3.9%;\n \n    --radius: 0.5rem;\n \n    --chart-1: 12 76% 61%;\n \n    --chart-2: 173 58% 39%;\n \n    --chart-3: 197 37% 24%;\n \n    --chart-4: 43 74% 66%;\n \n    --chart-5: 27 87% 67%;\n \n    --sidebar-background: 0 0% 98%;\n \n    --sidebar-foreground: 240 5.3% 26.1%;\n \n    --sidebar-primary: 240 5.9% 10%;\n \n    --sidebar-primary-foreground: 0 0% 98%;\n \n    --sidebar-accent: 240 4.8% 95.9%;\n \n    --sidebar-accent-foreground: 240 5.9% 10%;\n \n    --sidebar-border: 220 13% 91%;\n \n    --sidebar-ring: 217.2 91.2% 59.8%;\n  }\n \n  .dark {\n    --background: 0 0% 3.9%;\n    --foreground: 0 0% 98%;\n \n    --card: 0 0% 3.9%;\n    --card-foreground: 0 0% 98%;\n \n    --popover: 0 0% 3.9%;\n    --popover-foreground: 0 0% 98%;\n \n    --primary: 0 0% 98%;\n    --primary-foreground: 0 0% 9%;\n \n    --secondary: 0 0% 14.9%;\n    --secondary-foreground: 0 0% 98%;\n \n    --muted: 0 0% 14.9%;\n    --muted-foreground: 0 0% 63.9%;\n \n    --accent: 0 0% 14.9%;\n    --accent-foreground: 0 0% 98%;\n \n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n \n    --border: 0 0% 14.9%;\n    --input: 0 0% 14.9%;\n    --ring: 0 0% 83.1%;\n    --chart-1: 220 70% 50%;\n    --chart-2: 160 60% 45%;\n    --chart-3: 30 80% 55%;\n    --chart-4: 280 65% 60%;\n    --chart-5: 340 75% 55%;\n    --sidebar-background: 240 5.9% 10%;\n    --sidebar-foreground: 240 4.8% 95.9%;\n    --sidebar-primary: 224.3 76.3% 48%;\n    --sidebar-primary-foreground: 0 0% 100%;\n    --sidebar-accent: 240 3.7% 15.9%;\n    --sidebar-accent-foreground: 240 4.8% 95.9%;\n    --sidebar-border: 240 3.7% 15.9%;\n    --sidebar-ring: 217.2 91.2% 59.8%;\n  }\n}\n \n@layer base {\n  * {\n    @apply border-border;\n  }\n  body {\n    @apply bg-background text-foreground;\n  }\n} "],"mappings":"AAAA,UAAU,KACV,UAAU,WACV,UAAU,UAEV,YACE,MACE,cAAc,EAAE,GAAG,KACnB,cAAc,EAAE,GAAG,KAEnB,QAAQ,EAAE,GAAG,KACb,mBAAmB,EAAE,GAAG,KAExB,WAAW,EAAE,GAAG,KAChB,sBAAsB,EAAE,GAAG,KAE3B,WAAW,EAAE,GAAG,GAChB,sBAAsB,EAAE,GAAG,IAE3B,aAAa,EAAE,GAAG,MAClB,wBAAwB,EAAE,GAAG,GAE7B,SAAS,EAAE,GAAG,MACd,oBAAoB,EAAE,GAAG,MAEzB,UAAU,EAAE,GAAG,MACf,qBAAqB,EAAE,GAAG,GAE1B,eAAe,EAAE,MAAM,MACvB,0BAA0B,EAAE,GAAG,IAE/B,UAAU,EAAE,GAAG,MACf,SAAS,EAAE,GAAG,MACd,QAAQ,EAAE,GAAG,KAEb,UAAU,MAEV,WAAW,GAAG,IAAI,IAElB,WAAW,IAAI,IAAI,IAEnB,WAAW,IAAI,IAAI,IAEnB,WAAW,GAAG,IAAI,IAElB,WAAW,GAAG,IAAI,IAElB,sBAAsB,EAAE,GAAG,IAE3B,sBAAsB,IAAI,KAAK,MAE/B,mBAAmB,IAAI,KAAK,IAE5B,8BAA8B,EAAE,GAAG,IAEnC,kBAAkB,IAAI,KAAK,MAE3B,6BAA6B,IAAI,KAAK,IAEtC,kBAAkB,IAAI,IAAI,IAE1B,gBAAgB,MAAM,MAAM,KAC9B,CAEA,CAAC,KACC,cAAc,EAAE,GAAG,KACnB,cAAc,EAAE,GAAG,IAEnB,QAAQ,EAAE,GAAG,KACb,mBAAmB,EAAE,GAAG,IAExB,WAAW,EAAE,GAAG,KAChB,sBAAsB,EAAE,GAAG,IAE3B,WAAW,EAAE,GAAG,IAChB,sBAAsB,EAAE,GAAG,GAE3B,aAAa,EAAE,GAAG,MAClB,wBAAwB,EAAE,GAAG,IAE7B,SAAS,EAAE,GAAG,MACd,oBAAoB,EAAE,GAAG,MAEzB,UAAU,EAAE,GAAG,MACf,qBAAqB,EAAE,GAAG,IAE1B,eAAe,EAAE,MAAM,MACvB,0BAA0B,EAAE,GAAG,IAE/B,UAAU,EAAE,GAAG,MACf,SAAS,EAAE,GAAG,MACd,QAAQ,EAAE,GAAG,MACb,WAAW,IAAI,IAAI,IACnB,WAAW,IAAI,IAAI,IACnB,WAAW,GAAG,IAAI,IAClB,WAAW,IAAI,IAAI,IACnB,WAAW,IAAI,IAAI,IACnB,sBAAsB,IAAI,KAAK,IAC/B,sBAAsB,IAAI,KAAK,MAC/B,mBAAmB,MAAM,MAAM,IAC/B,8BAA8B,EAAE,GAAG,KACnC,kBAAkB,IAAI,KAAK,MAC3B,6BAA6B,IAAI,KAAK,MACtC,kBAAkB,IAAI,KAAK,MAC3B,gBAAgB,MAAM,MAAM,KAC9B,CACF,CAEA,YACE,EACE,OAAO,cACT,CACA,KACE,OAAO,cAAc,gBACvB,CACF","names":[]}