@parto-system-design/ui 1.1.5 → 1.1.8

package/dist/components/charts/PartoBarChart.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import 'clsx';
+
+interface PartoBarChartProps {
+    /** Chart data — row-oriented array of objects */
+    data: Array<Record<string, any>>;
+    /** Data keys to render as bars (e.g. ['فروش', 'هزینه']) */
+    keys: string[];
+    /** Field name used for X axis categories (e.g. 'ماه') */
+    indexBy: string;
+    /** Stacked or grouped layout */
+    groupMode?: 'grouped' | 'stacked';
+    /** Bar layout direction */
+    layout?: 'vertical' | 'horizontal';
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Gap between category groups as percentage */
+    barCategoryGap?: string | number;
+    /** Gap between bars within a group */
+    barGap?: number;
+    /** Border radius for bar tops [topLeft, topRight, bottomRight, bottomLeft] */
+    radius?: [number, number, number, number];
+    /** Show horizontal grid lines */
+    enableGridY?: boolean;
+    /** Show vertical grid lines */
+    enableGridX?: boolean;
+    /** Show labels inside bars */
+    enableLabel?: boolean;
+    /** Custom X axis config */
+    axisBottom?: Record<string, any> | null;
+    /** Custom Y axis config */
+    axisLeft?: Record<string, any> | null;
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (name: string, value: number) => React.ReactNode;
+    /**
+     * Locale for digit formatting in tooltips and axis ticks. fa/ar render
+     * Persian/Arabic digits with locale suffixes; en uses Latin K/M/B.
+     * Default: 'fa'.
+     */
+    locale?: SupportedLocale;
+    className?: string;
+    isLoading?: boolean;
+    ariaLabel?: string;
+    /** Additional Recharts BarChart props */
+    chartProps?: Record<string, any>;
+    /**
+     * Render a legend below the chart that names each series with a colored
+     * marker. Strongly recommended for grouped or stacked layouts where
+     * series identity is otherwise color-only. @default `false`
+     */
+    legend?: boolean;
+}
+declare const PartoBarChart: React.ForwardRefExoticComponent<PartoBarChartProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PartoBarChart, type PartoBarChartProps };

package/dist/components/charts/PartoBarChart.js

@@ -0,0 +1,6 @@
+export { PartoBarChart } from '../../chunk-TWJXOV4C.js';
+import '../../chunk-PYURPUTV.js';
+import '../../chunk-SB5DSYR5.js';
+import '../../chunk-4SVQNEVH.js';
+//# sourceMappingURL=PartoBarChart.js.map
+//# sourceMappingURL=PartoBarChart.js.map

package/dist/components/charts/PartoBarChart.js.map

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

package/dist/components/charts/PartoLineChart.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkNORDUD2T_cjs = require('../../chunk-NORDUD2T.cjs');
+require('../../chunk-KYM7NIJO.cjs');
+require('../../chunk-D2EBLE2B.cjs');
+require('../../chunk-NV4JOKWL.cjs');
+
+
+
+Object.defineProperty(exports, "PartoLineChart", {
+  enumerable: true,
+  get: function () { return chunkNORDUD2T_cjs.PartoLineChart; }
+});
+//# sourceMappingURL=PartoLineChart.cjs.map
+//# sourceMappingURL=PartoLineChart.cjs.map

package/dist/components/charts/PartoLineChart.cjs.map

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

package/dist/components/charts/PartoLineChart.d.cts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.cjs';
+import 'clsx';
+
+interface PartoLineChartProps {
+    /** Row-oriented data: [{ name: "فروردین", series1: 50, series2: 30 }] */
+    data: Array<Record<string, any>>;
+    /** Keys for each line series (e.g. ['فروش', 'سود']) */
+    dataKeys: string[];
+    /** Field name for X axis (default: 'name') */
+    xAxisKey?: string;
+    /** Curve type */
+    curve?: 'monotone' | 'linear' | 'natural' | 'step';
+    /** Line width */
+    strokeWidth?: number;
+    /** Show dots on data points */
+    showDots?: boolean;
+    /** Show horizontal grid lines */
+    enableGridY?: boolean;
+    /** Show vertical grid lines */
+    enableGridX?: boolean;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom X axis config */
+    axisBottom?: Record<string, any> | null;
+    /** Custom Y axis config */
+    axisLeft?: Record<string, any> | null;
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (name: string, value: number) => React.ReactNode;
+    /**
+     * Locale for digit formatting in tooltips and axis ticks. fa/ar render
+     * Persian/Arabic digits with locale suffixes; en uses Latin K/M/B.
+     * Default: 'fa'.
+     */
+    locale?: SupportedLocale;
+    className?: string;
+    isLoading?: boolean;
+    ariaLabel?: string;
+    /** Additional Recharts LineChart props */
+    chartProps?: Record<string, any>;
+    /**
+     * Render a legend below the chart that names each series with a colored
+     * marker. When `'patterns'`, every series ALSO gets a distinct stroke
+     * pattern (solid/dashed/dotted/dash-dot) and the legend mirrors it — this
+     * is the WCAG 1.4.1 color-blind-safe mode where series identity doesn't
+     * depend on color alone. @default `false`
+     */
+    legend?: boolean | 'patterns';
+}
+declare const PartoLineChart: React.ForwardRefExoticComponent<PartoLineChartProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PartoLineChart, type PartoLineChartProps };

package/dist/components/charts/PartoLineChart.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import 'clsx';
+
+interface PartoLineChartProps {
+    /** Row-oriented data: [{ name: "فروردین", series1: 50, series2: 30 }] */
+    data: Array<Record<string, any>>;
+    /** Keys for each line series (e.g. ['فروش', 'سود']) */
+    dataKeys: string[];
+    /** Field name for X axis (default: 'name') */
+    xAxisKey?: string;
+    /** Curve type */
+    curve?: 'monotone' | 'linear' | 'natural' | 'step';
+    /** Line width */
+    strokeWidth?: number;
+    /** Show dots on data points */
+    showDots?: boolean;
+    /** Show horizontal grid lines */
+    enableGridY?: boolean;
+    /** Show vertical grid lines */
+    enableGridX?: boolean;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom X axis config */
+    axisBottom?: Record<string, any> | null;
+    /** Custom Y axis config */
+    axisLeft?: Record<string, any> | null;
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (name: string, value: number) => React.ReactNode;
+    /**
+     * Locale for digit formatting in tooltips and axis ticks. fa/ar render
+     * Persian/Arabic digits with locale suffixes; en uses Latin K/M/B.
+     * Default: 'fa'.
+     */
+    locale?: SupportedLocale;
+    className?: string;
+    isLoading?: boolean;
+    ariaLabel?: string;
+    /** Additional Recharts LineChart props */
+    chartProps?: Record<string, any>;
+    /**
+     * Render a legend below the chart that names each series with a colored
+     * marker. When `'patterns'`, every series ALSO gets a distinct stroke
+     * pattern (solid/dashed/dotted/dash-dot) and the legend mirrors it — this
+     * is the WCAG 1.4.1 color-blind-safe mode where series identity doesn't
+     * depend on color alone. @default `false`
+     */
+    legend?: boolean | 'patterns';
+}
+declare const PartoLineChart: React.ForwardRefExoticComponent<PartoLineChartProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PartoLineChart, type PartoLineChartProps };

package/dist/components/charts/PartoLineChart.js

@@ -0,0 +1,6 @@
+export { PartoLineChart } from '../../chunk-YFQWC2PW.js';
+import '../../chunk-PYURPUTV.js';
+import '../../chunk-SB5DSYR5.js';
+import '../../chunk-4SVQNEVH.js';
+//# sourceMappingURL=PartoLineChart.js.map
+//# sourceMappingURL=PartoLineChart.js.map

package/dist/components/charts/PartoLineChart.js.map

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

package/dist/components/charts/PartoPieChart.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunk4WONHORR_cjs = require('../../chunk-4WONHORR.cjs');
+require('../../chunk-KYM7NIJO.cjs');
+require('../../chunk-D2EBLE2B.cjs');
+require('../../chunk-NV4JOKWL.cjs');
+
+
+
+Object.defineProperty(exports, "PartoPieChart", {
+  enumerable: true,
+  get: function () { return chunk4WONHORR_cjs.PartoPieChart; }
+});
+//# sourceMappingURL=PartoPieChart.cjs.map
+//# sourceMappingURL=PartoPieChart.cjs.map

package/dist/components/charts/PartoPieChart.cjs.map

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

package/dist/components/charts/PartoPieChart.d.cts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.cjs';
+import 'clsx';
+
+interface PartoPieChartProps {
+    /** Data: [{ name: "محصول A", value: 40 }] */
+    data: Array<{
+        name: string;
+        value: number;
+        [key: string]: any;
+    }>;
+    /** Inner radius — 0 for full pie, "60%" for donut */
+    innerRadius?: number | string;
+    /** Outer radius */
+    outerRadius?: number | string;
+    /** Angle between slices in degrees */
+    paddingAngle?: number;
+    /** Corner radius of arc segments */
+    cornerRadius?: number;
+    /** Show arc link labels (lines from slices to text) */
+    showLabels?: boolean;
+    /** Skip labels for slices smaller than this angle */
+    labelSkipAngle?: number;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (name: string, value: number) => React.ReactNode;
+    /**
+     * Locale for digit formatting in tooltips. fa/ar render Persian/Arabic digits;
+     * en uses Latin. Default: 'fa'.
+     */
+    locale?: SupportedLocale;
+    className?: string;
+    isLoading?: boolean;
+    ariaLabel?: string;
+    /**
+     * Render a legend listing each slice with its color and (optionally)
+     * its value. Recommended for pies with many slices where arc-link
+     * labels get suppressed by `labelSkipAngle`. @default `false`
+     */
+    legend?: boolean;
+    /** Show each slice's value in the legend. @default `true` when legend is on */
+    legendValues?: boolean;
+}
+declare const PartoPieChart: React.ForwardRefExoticComponent<PartoPieChartProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PartoPieChart, type PartoPieChartProps };

package/dist/components/charts/PartoPieChart.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import 'clsx';
+
+interface PartoPieChartProps {
+    /** Data: [{ name: "محصول A", value: 40 }] */
+    data: Array<{
+        name: string;
+        value: number;
+        [key: string]: any;
+    }>;
+    /** Inner radius — 0 for full pie, "60%" for donut */
+    innerRadius?: number | string;
+    /** Outer radius */
+    outerRadius?: number | string;
+    /** Angle between slices in degrees */
+    paddingAngle?: number;
+    /** Corner radius of arc segments */
+    cornerRadius?: number;
+    /** Show arc link labels (lines from slices to text) */
+    showLabels?: boolean;
+    /** Skip labels for slices smaller than this angle */
+    labelSkipAngle?: number;
+    /** Chart margins */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Custom tooltip formatter */
+    tooltipFormatter?: (name: string, value: number) => React.ReactNode;
+    /**
+     * Locale for digit formatting in tooltips. fa/ar render Persian/Arabic digits;
+     * en uses Latin. Default: 'fa'.
+     */
+    locale?: SupportedLocale;
+    className?: string;
+    isLoading?: boolean;
+    ariaLabel?: string;
+    /**
+     * Render a legend listing each slice with its color and (optionally)
+     * its value. Recommended for pies with many slices where arc-link
+     * labels get suppressed by `labelSkipAngle`. @default `false`
+     */
+    legend?: boolean;
+    /** Show each slice's value in the legend. @default `true` when legend is on */
+    legendValues?: boolean;
+}
+declare const PartoPieChart: React.ForwardRefExoticComponent<PartoPieChartProps & React.RefAttributes<HTMLDivElement>>;
+
+export { PartoPieChart, type PartoPieChartProps };

package/dist/components/charts/PartoPieChart.js

@@ -0,0 +1,6 @@
+export { PartoPieChart } from '../../chunk-NMH43BDC.js';
+import '../../chunk-PYURPUTV.js';
+import '../../chunk-SB5DSYR5.js';
+import '../../chunk-4SVQNEVH.js';
+//# sourceMappingURL=PartoPieChart.js.map
+//# sourceMappingURL=PartoPieChart.js.map

package/dist/components/charts/PartoPieChart.js.map

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

package/dist/components/ui/alert-rule-card.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunk7RVPG3LE_cjs = require('../../chunk-7RVPG3LE.cjs');
+require('../../chunk-GKRAZGDI.cjs');
+require('../../chunk-Z2TY4A75.cjs');
+require('../../chunk-NV4JOKWL.cjs');
+
+
+
+Object.defineProperty(exports, "AlertRuleCard", {
+  enumerable: true,
+  get: function () { return chunk7RVPG3LE_cjs.AlertRuleCard; }
+});
+//# sourceMappingURL=alert-rule-card.cjs.map
+//# sourceMappingURL=alert-rule-card.cjs.map

package/dist/components/ui/alert-rule-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"alert-rule-card.cjs"}

package/dist/components/ui/alert-rule-card.d.cts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.cjs';
+import { d as SeverityKey } from '../../i18n-CAd9wGOr.cjs';
+import 'clsx';
+
+/**
+ * AlertRuleCard — saved alert-rule definition. Shows trigger summary,
+ * threshold, severity tag, target channels, and an active/inactive toggle.
+ *
+ * Designed for "Alert Rules" management pages — a list of these cards lets
+ * an analyst quickly scan + tweak which alerts are running.
+ */
+type AlertChannel = 'email' | 'sms' | 'telegram' | 'in-app' | 'webhook';
+interface AlertRuleCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Rule name (e.g., "افزایش ناگهانی منفی") */
+    name: React.ReactNode;
+    /** Trigger description in plain language (e.g., "هرگاه نرخ منفی > ۲۰٪ شد") */
+    trigger: React.ReactNode;
+    /** Threshold value display (e.g., "≥ ۲۰٪", "> ۱۰۰۰ mentions") */
+    threshold?: React.ReactNode;
+    /** Severity that this alert raises */
+    severity?: SeverityKey;
+    /** Channels this rule fires through */
+    channels?: AlertChannel[];
+    /** Active state (master switch) */
+    active: boolean;
+    /** Called when the user toggles the switch */
+    onActiveChange: (next: boolean) => void;
+    /** Last-fired timestamp display (e.g., "۲ ساعت پیش") */
+    lastFired?: React.ReactNode;
+    /** Optional total fire count */
+    fireCount?: number;
+    /** Locale @default 'fa' */
+    locale?: SupportedLocale;
+}
+declare const AlertRuleCard: React.ForwardRefExoticComponent<AlertRuleCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type AlertChannel, AlertRuleCard, type AlertRuleCardProps };

package/dist/components/ui/alert-rule-card.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import { d as SeverityKey } from '../../i18n-ArS3mqj0.js';
+import 'clsx';
+
+/**
+ * AlertRuleCard — saved alert-rule definition. Shows trigger summary,
+ * threshold, severity tag, target channels, and an active/inactive toggle.
+ *
+ * Designed for "Alert Rules" management pages — a list of these cards lets
+ * an analyst quickly scan + tweak which alerts are running.
+ */
+type AlertChannel = 'email' | 'sms' | 'telegram' | 'in-app' | 'webhook';
+interface AlertRuleCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Rule name (e.g., "افزایش ناگهانی منفی") */
+    name: React.ReactNode;
+    /** Trigger description in plain language (e.g., "هرگاه نرخ منفی > ۲۰٪ شد") */
+    trigger: React.ReactNode;
+    /** Threshold value display (e.g., "≥ ۲۰٪", "> ۱۰۰۰ mentions") */
+    threshold?: React.ReactNode;
+    /** Severity that this alert raises */
+    severity?: SeverityKey;
+    /** Channels this rule fires through */
+    channels?: AlertChannel[];
+    /** Active state (master switch) */
+    active: boolean;
+    /** Called when the user toggles the switch */
+    onActiveChange: (next: boolean) => void;
+    /** Last-fired timestamp display (e.g., "۲ ساعت پیش") */
+    lastFired?: React.ReactNode;
+    /** Optional total fire count */
+    fireCount?: number;
+    /** Locale @default 'fa' */
+    locale?: SupportedLocale;
+}
+declare const AlertRuleCard: React.ForwardRefExoticComponent<AlertRuleCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type AlertChannel, AlertRuleCard, type AlertRuleCardProps };

package/dist/components/ui/alert-rule-card.js

@@ -0,0 +1,6 @@
+export { AlertRuleCard } from '../../chunk-AYEK3WOM.js';
+import '../../chunk-KCWRCSI7.js';
+import '../../chunk-CV3N3HVK.js';
+import '../../chunk-4SVQNEVH.js';
+//# sourceMappingURL=alert-rule-card.js.map
+//# sourceMappingURL=alert-rule-card.js.map

package/dist/components/ui/alert-rule-card.js.map

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

package/dist/components/ui/avatar.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkONO2FTV4_cjs = require('../../chunk-ONO2FTV4.cjs');
+require('../../chunk-NV4JOKWL.cjs');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkONO2FTV4_cjs.Avatar; }
+});
+Object.defineProperty(exports, "AvatarFallback", {
+  enumerable: true,
+  get: function () { return chunkONO2FTV4_cjs.AvatarFallback; }
+});
+Object.defineProperty(exports, "AvatarImage", {
+  enumerable: true,
+  get: function () { return chunkONO2FTV4_cjs.AvatarImage; }
+});
+//# sourceMappingURL=avatar.cjs.map
+//# sourceMappingURL=avatar.cjs.map

package/dist/components/ui/avatar.cjs.map

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

package/dist/components/ui/avatar.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare namespace AvatarImage {
+    var displayName: string;
+}
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+declare namespace AvatarFallback {
+    var displayName: string;
+}
+
+export { Avatar, AvatarFallback, AvatarImage };

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare namespace AvatarImage {
+    var displayName: string;
+}
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+declare namespace AvatarFallback {
+    var displayName: string;
+}
+
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/ui/avatar.js

@@ -0,0 +1,4 @@
+export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-RJ3HYZ7S.js';
+import '../../chunk-4SVQNEVH.js';
+//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.js.map

package/dist/components/ui/avatar.js.map

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

package/dist/components/ui/badge.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunk2ACKKPWA_cjs = require('../../chunk-2ACKKPWA.cjs');
+require('../../chunk-NV4JOKWL.cjs');
+
+
+
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunk2ACKKPWA_cjs.Badge; }
+});
+Object.defineProperty(exports, "badgeVariants", {
+  enumerable: true,
+  get: function () { return chunk2ACKKPWA_cjs.badgeVariants; }
+});
+//# sourceMappingURL=badge.cjs.map
+//# sourceMappingURL=badge.cjs.map

package/dist/components/ui/badge.cjs.map

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

package/dist/components/ui/badge.d.cts

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "warning" | "success" | "default" | "outline" | "destructive" | "secondary" | "brand" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "small" | "large" | "tiny" | null | undefined;
+    dot?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    dot?: boolean;
+    dotPosition?: 'start' | 'end';
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps, badgeVariants };

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

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "warning" | "success" | "default" | "outline" | "destructive" | "secondary" | "brand" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "small" | "large" | "tiny" | null | undefined;
+    dot?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    dot?: boolean;
+    dotPosition?: 'start' | 'end';
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps, badgeVariants };

package/dist/components/ui/badge.js

@@ -0,0 +1,4 @@
+export { Badge, badgeVariants } from '../../chunk-MEKWH3GS.js';
+import '../../chunk-4SVQNEVH.js';
+//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.js.map

package/dist/components/ui/badge.js.map

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

package/dist/components/ui/button.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkMMC6M35Q_cjs = require('../../chunk-MMC6M35Q.cjs');
+require('../../chunk-K6G63EED.cjs');
+require('../../chunk-NV4JOKWL.cjs');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkMMC6M35Q_cjs.Button; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunkMMC6M35Q_cjs.buttonVariants; }
+});
+//# sourceMappingURL=button.cjs.map
+//# sourceMappingURL=button.cjs.map

package/dist/components/ui/button.cjs.map

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