@parto-system-design/ui 1.1.11 → 1.1.16

package/dist/{page-card-CmShVqG-.d.cts → page-card-C9XXXOVr.d.cts}

@@ -1,24 +1,7 @@
 import * as React from 'react';
 import { S as SupportedLocale } from './utils-DlXWmDZ-.cjs';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { c as StatusKey } from './i18n-CAd9wGOr.cjs';
-
-type SocialPlatform = 'instagram' | 'twitter' | 'tiktok' | 'youtube' | 'linkedin' | 'telegram' | 'threads' | 'facebook';
-interface SocialPlatformBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** The social media platform to display */
-    platform: SocialPlatform;
-    /** Size of the badge */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    /** Show the platform name label */
-    showLabel?: boolean;
-    /** Visual style of the badge */
-    variant?: 'flat' | 'badge';
-}
-declare const socialPlatformBadgeVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    variant?: "flat" | "badge" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const SocialPlatformBadge: React.ForwardRefExoticComponent<SocialPlatformBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+import { SocialPlatform } from './components/ui/social-platform-badge.cjs';
+import { c as StatusKey } from './i18n-BfRhV5aw.cjs';
 
 type BotDetectionKey = 'real' | 'suspicious' | 'bot';
 interface BotDetectionData {
@@ -97,4 +80,4 @@ interface PageCardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const PageCard: React.ForwardRefExoticComponent<PageCardProps & React.RefAttributes<HTMLDivElement>>;
 
-export { BotDetectionMeter as B, PageCard as P, type SocialPlatform as S, type PageCardContentMix as a, type PageCardProps as b, SocialPlatformBadge as c, type SocialPlatformBadgeProps as d, type BotDetectionKey as e, type BotDetectionData as f, type BotDetectionMeterProps as g, socialPlatformBadgeVariants as s };
+export { BotDetectionMeter as B, PageCard as P, type PageCardContentMix as a, type PageCardProps as b, type BotDetectionKey as c, type BotDetectionData as d, type BotDetectionMeterProps as e };

package/dist/{page-card-HBn-cy4J.d.ts → page-card-DAnbez_f.d.ts}

@@ -1,24 +1,7 @@
 import * as React from 'react';
 import { S as SupportedLocale } from './utils-DlXWmDZ-.js';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { c as StatusKey } from './i18n-ArS3mqj0.js';
-
-type SocialPlatform = 'instagram' | 'twitter' | 'tiktok' | 'youtube' | 'linkedin' | 'telegram' | 'threads' | 'facebook';
-interface SocialPlatformBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** The social media platform to display */
-    platform: SocialPlatform;
-    /** Size of the badge */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    /** Show the platform name label */
-    showLabel?: boolean;
-    /** Visual style of the badge */
-    variant?: 'flat' | 'badge';
-}
-declare const socialPlatformBadgeVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    variant?: "flat" | "badge" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const SocialPlatformBadge: React.ForwardRefExoticComponent<SocialPlatformBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+import { SocialPlatform } from './components/ui/social-platform-badge.js';
+import { c as StatusKey } from './i18n-ewyqbKM-.js';
 
 type BotDetectionKey = 'real' | 'suspicious' | 'bot';
 interface BotDetectionData {
@@ -97,4 +80,4 @@ interface PageCardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const PageCard: React.ForwardRefExoticComponent<PageCardProps & React.RefAttributes<HTMLDivElement>>;
 
-export { BotDetectionMeter as B, PageCard as P, type SocialPlatform as S, type PageCardContentMix as a, type PageCardProps as b, SocialPlatformBadge as c, type SocialPlatformBadgeProps as d, type BotDetectionKey as e, type BotDetectionData as f, type BotDetectionMeterProps as g, socialPlatformBadgeVariants as s };
+export { BotDetectionMeter as B, PageCard as P, type PageCardContentMix as a, type PageCardProps as b, type BotDetectionKey as c, type BotDetectionData as d, type BotDetectionMeterProps as e };

package/dist/toggle-group-B8r4LOQw.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'class-variance-authority';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | "segmented" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace Toggle {
+    var displayName: string;
+}
+
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace ToggleGroupItem {
+    var displayName: string;
+}
+
+export { Toggle as T, ToggleGroup as a, ToggleGroupItem as b, toggleVariants as t };

package/dist/toggle-group-B8r4LOQw.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'class-variance-authority';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | "segmented" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace Toggle {
+    var displayName: string;
+}
+
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare namespace ToggleGroupItem {
+    var displayName: string;
+}
+
+export { Toggle as T, ToggleGroup as a, ToggleGroupItem as b, toggleVariants as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parto-system-design/ui",
-  "version": "1.1.11",
+  "version": "1.1.16",
   "description": "Persian-first, RTL-native React component library for public-opinion monitoring (افکارسنجی), social listening, and influencer analytics — Supabase-style design language adapted for Farsi typography.",
   "license": "MIT",
   "author": "Parto Design System contributors",
@@ -39,6 +39,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./app-bar": {
+      "types": "./dist/components/ui/app-bar.d.ts",
+      "import": "./dist/components/ui/app-bar.js",
+      "require": "./dist/components/ui/app-bar.cjs"
+    },
     "./button": {
       "types": "./dist/components/ui/button.d.ts",
       "import": "./dist/components/ui/button.js",
@@ -49,6 +54,11 @@
       "import": "./dist/components/ui/input.js",
       "require": "./dist/components/ui/input.cjs"
     },
+    "./password-input": {
+      "types": "./dist/components/ui/password-input.d.ts",
+      "import": "./dist/components/ui/password-input.js",
+      "require": "./dist/components/ui/password-input.cjs"
+    },
     "./card": {
       "types": "./dist/components/ui/card.d.ts",
       "import": "./dist/components/ui/card.js",
@@ -89,6 +99,126 @@
       "import": "./dist/components/ui/separator.js",
       "require": "./dist/components/ui/separator.cjs"
     },
+    "./alert": {
+      "types": "./dist/components/ui/alert.d.ts",
+      "import": "./dist/components/ui/alert.js",
+      "require": "./dist/components/ui/alert.cjs"
+    },
+    "./label": {
+      "types": "./dist/components/ui/label.d.ts",
+      "import": "./dist/components/ui/label.js",
+      "require": "./dist/components/ui/label.cjs"
+    },
+    "./progress": {
+      "types": "./dist/components/ui/progress.d.ts",
+      "import": "./dist/components/ui/progress.js",
+      "require": "./dist/components/ui/progress.cjs"
+    },
+    "./scroll-area": {
+      "types": "./dist/components/ui/scroll-area.d.ts",
+      "import": "./dist/components/ui/scroll-area.js",
+      "require": "./dist/components/ui/scroll-area.cjs"
+    },
+    "./skeleton": {
+      "types": "./dist/components/ui/skeleton.d.ts",
+      "import": "./dist/components/ui/skeleton.js",
+      "require": "./dist/components/ui/skeleton.cjs"
+    },
+    "./sonner": {
+      "types": "./dist/components/ui/sonner.d.ts",
+      "import": "./dist/components/ui/sonner.js",
+      "require": "./dist/components/ui/sonner.cjs"
+    },
+    "./textarea": {
+      "types": "./dist/components/ui/textarea.d.ts",
+      "import": "./dist/components/ui/textarea.js",
+      "require": "./dist/components/ui/textarea.cjs"
+    },
+    "./checkbox": {
+      "types": "./dist/components/ui/checkbox.d.ts",
+      "import": "./dist/components/ui/checkbox.js",
+      "require": "./dist/components/ui/checkbox.cjs"
+    },
+    "./radio-group": {
+      "types": "./dist/components/ui/radio-group.d.ts",
+      "import": "./dist/components/ui/radio-group.js",
+      "require": "./dist/components/ui/radio-group.cjs"
+    },
+    "./switch": {
+      "types": "./dist/components/ui/switch.d.ts",
+      "import": "./dist/components/ui/switch.js",
+      "require": "./dist/components/ui/switch.cjs"
+    },
+    "./select": {
+      "types": "./dist/components/ui/select.d.ts",
+      "import": "./dist/components/ui/select.js",
+      "require": "./dist/components/ui/select.cjs"
+    },
+    "./tabs": {
+      "types": "./dist/components/ui/tabs.d.ts",
+      "import": "./dist/components/ui/tabs.js",
+      "require": "./dist/components/ui/tabs.cjs"
+    },
+    "./dropdown-menu": {
+      "types": "./dist/components/ui/dropdown-menu.d.ts",
+      "import": "./dist/components/ui/dropdown-menu.js",
+      "require": "./dist/components/ui/dropdown-menu.cjs"
+    },
+    "./accordion": {
+      "types": "./dist/components/ui/accordion.d.ts",
+      "import": "./dist/components/ui/accordion.js",
+      "require": "./dist/components/ui/accordion.cjs"
+    },
+    "./alert-dialog": {
+      "types": "./dist/components/ui/alert-dialog.d.ts",
+      "import": "./dist/components/ui/alert-dialog.js",
+      "require": "./dist/components/ui/alert-dialog.cjs"
+    },
+    "./table": {
+      "types": "./dist/components/ui/table.d.ts",
+      "import": "./dist/components/ui/table.js",
+      "require": "./dist/components/ui/table.cjs"
+    },
+    "./breadcrumb": {
+      "types": "./dist/components/ui/breadcrumb.d.ts",
+      "import": "./dist/components/ui/breadcrumb.js",
+      "require": "./dist/components/ui/breadcrumb.cjs"
+    },
+    "./form": {
+      "types": "./dist/components/ui/form.d.ts",
+      "import": "./dist/components/ui/form.js",
+      "require": "./dist/components/ui/form.cjs"
+    },
+    "./toggle-group": {
+      "types": "./dist/components/ui/toggle-group.d.ts",
+      "import": "./dist/components/ui/toggle-group.js",
+      "require": "./dist/components/ui/toggle-group.cjs"
+    },
+    "./slider": {
+      "types": "./dist/components/ui/slider.d.ts",
+      "import": "./dist/components/ui/slider.js",
+      "require": "./dist/components/ui/slider.cjs"
+    },
+    "./social-platform-badge": {
+      "types": "./dist/components/ui/social-platform-badge.d.ts",
+      "import": "./dist/components/ui/social-platform-badge.js",
+      "require": "./dist/components/ui/social-platform-badge.cjs"
+    },
+    "./page-header": {
+      "types": "./dist/components/ui/page-header.d.ts",
+      "import": "./dist/components/ui/page-header.js",
+      "require": "./dist/components/ui/page-header.cjs"
+    },
+    "./radio-card": {
+      "types": "./dist/components/ui/radio-card.d.ts",
+      "import": "./dist/components/ui/radio-card.js",
+      "require": "./dist/components/ui/radio-card.cjs"
+    },
+    "./parto-logo": {
+      "types": "./dist/components/brand/parto-logo.d.ts",
+      "import": "./dist/components/brand/parto-logo.js",
+      "require": "./dist/components/brand/parto-logo.cjs"
+    },
     "./data-table": {
       "types": "./dist/components/ui/data-table.d.ts",
       "import": "./dist/components/ui/data-table.js",
@@ -272,7 +402,7 @@
   },
   "scripts": {
     "dev": "tsup --watch",
-    "build": "tsup && tailwindcss -i ./src/globals.css -o ./dist/index.css && copyfiles -u 1 \"src/assets/fonts/*.woff2\" dist",
+    "build": "tsup && node scripts/restore-use-client.mjs && tailwindcss -i ./src/globals.css -o ./dist/index.css && copyfiles -u 1 \"src/assets/fonts/*.woff2\" dist",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:ui": "vitest --ui",

package/tailwind.config.ts

@@ -4,6 +4,22 @@ import plugin from 'tailwindcss/plugin';
 const config: Config = {
   darkMode: ['class', '[data-theme="dark"]'],
   content: ['./src/**/*.{ts,tsx}'],
+  // Always ship the semantic-color utilities in the published dist/index.css,
+  // even though no DS component uses every shade. Consuming products
+  // (e.g. status palettes in srr) reference bg-info/text-success/etc.
+  // directly and rely on these being present. Without the safelist Tailwind
+  // tree-shakes them out of the DS bundle and the product's own Tailwind
+  // can't see them either (it scans the compiled JS, not source classes).
+  safelist: [
+    {
+      pattern: /^(bg|text|border)-(info|success|warning|destructive|brand)(-(200|300|400|500|600))?$/,
+    },
+    'text-on-info',
+    'text-on-success',
+    'text-on-warning',
+    'text-on-destructive',
+    'text-on-brand',
+  ],
   theme: {
     container: {
       center: true,
@@ -63,6 +79,15 @@ const config: Config = {
           muted: 'hsl(var(--foreground-muted))',
           contrast: 'hsl(var(--foreground-contrast))',
         },
+
+        // On-color foreground tokens — pair with bg-brand / bg-warning /
+        // bg-destructive to guarantee WCAG AA. See foundations/colors.mdx.
+        // Enables `text-on-brand`, `hover:text-on-brand`, etc. as full Tailwind utilities.
+        'on-brand': 'hsl(var(--on-brand))',
+        'on-warning': 'hsl(var(--on-warning))',
+        'on-destructive': 'hsl(var(--on-destructive))',
+        'on-info': 'hsl(var(--on-info))',
+        'on-success': 'hsl(var(--on-success))',
         
         // Supabase Design System - Border Colors
         border: {
@@ -114,6 +139,26 @@ const config: Config = {
           600: 'hsl(var(--destructive-600))',
           foreground: 'hsl(var(--destructive-600))',
         },
+
+        // Info (blue) — loading / in-progress / informational states. Added 1.1.15.
+        info: {
+          DEFAULT: 'hsl(var(--info-default))',
+          200: 'hsl(var(--info-200))',
+          300: 'hsl(var(--info-300))',
+          400: 'hsl(var(--info-400))',
+          500: 'hsl(var(--info-500))',
+          600: 'hsl(var(--info-600))',
+        },
+
+        // Success (green) — completed / confirmed states. Distinct from brand teal. Added 1.1.15.
+        success: {
+          DEFAULT: 'hsl(var(--success-default))',
+          200: 'hsl(var(--success-200))',
+          300: 'hsl(var(--success-300))',
+          400: 'hsl(var(--success-400))',
+          500: 'hsl(var(--success-500))',
+          600: 'hsl(var(--success-600))',
+        },
         
         // Supabase Design System - Secondary Colors
         secondary: {

package/dist/chunk-2ACKKPWA.cjs

@@ -1,112 +0,0 @@
-'use strict';
-
-var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
-var React = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center rounded-full font-normal whitespace-nowrap transition-colors duration-150",
-  {
-    variants: {
-      variant: {
-        default: "bg-surface-75 text-foreground-light border border-strong",
-        secondary: "bg-[hsl(var(--secondary-default)/0.1)] border border-[hsl(var(--secondary-default)/0.4)] text-[hsl(var(--secondary-default))]",
-        success: "bg-brand bg-opacity-10 text-brand-600 border border-brand-500",
-        warning: "bg-warning bg-opacity-10 text-warning border border-warning-500",
-        destructive: "bg-destructive bg-opacity-10 text-destructive-600 border border-destructive-500",
-        brand: "bg-brand bg-opacity-10 text-brand-600 border border-brand-500",
-        outline: "bg-transparent text-foreground border border-foreground-muted"
-      },
-      size: {
-        xs: "px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase",
-        sm: "px-2 py-0.5 text-xs",
-        md: "px-2 py-0.5 text-xs",
-        lg: "px-3 py-0.5 text-sm",
-        /** @deprecated Use xs */
-        tiny: "px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase",
-        /** @deprecated Use sm */
-        small: "px-2 py-0.5 text-xs",
-        /** @deprecated Use lg */
-        large: "px-3 py-0.5 text-sm"
-      },
-      dot: {
-        true: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "sm"
-    }
-  }
-);
-var dotVariants = classVarianceAuthority.cva("size-2 rounded-full", {
-  variants: {
-    position: {
-      start: "-ms-0.5 me-1.5",
-      end: "ms-1.5 -me-0.5"
-    }
-  },
-  defaultVariants: {
-    position: "start"
-  }
-});
-var Badge = React__namespace.forwardRef(
-  ({ className, variant, size, dot, dotPosition = "end", children, ...props }, ref) => {
-    if (process.env.NODE_ENV !== "production") {
-      const deprecatedSizes = ["tiny", "small", "large"];
-      if (size && deprecatedSizes.includes(size)) {
-        console.warn(`[Parto UI] Badge: size="${size}" is deprecated. Use xs|sm|md|lg instead.`);
-      }
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, "data-slot": "badge", className: chunkNV4JOKWL_cjs.cn(badgeVariants({ variant, size }), className), ...props, children: [
-      dot && dotPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          "aria-hidden": "true",
-          className: chunkNV4JOKWL_cjs.cn(dotVariants({ position: "start" })),
-          fill: "currentColor",
-          viewBox: "0 0 8 8",
-          children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "4", r: "3" })
-        }
-      ),
-      children,
-      dot && dotPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          "aria-hidden": "true",
-          className: chunkNV4JOKWL_cjs.cn(dotVariants({ position: "end" })),
-          fill: "currentColor",
-          viewBox: "0 0 8 8",
-          children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "4", r: "3" })
-        }
-      )
-    ] });
-  }
-);
-Badge.displayName = "Badge";
-
-exports.Badge = Badge;
-exports.badgeVariants = badgeVariants;
-//# sourceMappingURL=chunk-2ACKKPWA.cjs.map
-//# sourceMappingURL=chunk-2ACKKPWA.cjs.map

package/dist/chunk-2ACKKPWA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/badge.tsx"],"names":["cva","React","cn","jsx"],"mappings":"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","file":"chunk-2ACKKPWA.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-full font-normal whitespace-nowrap transition-colors duration-150',\n  {\n    variants: {\n      variant: {\n        default: 'bg-surface-75 text-foreground-light border border-strong',\n        secondary:\n          'bg-[hsl(var(--secondary-default)/0.1)] border border-[hsl(var(--secondary-default)/0.4)] text-[hsl(var(--secondary-default))]',\n        success: 'bg-brand bg-opacity-10 text-brand-600 border border-brand-500',\n        warning: 'bg-warning bg-opacity-10 text-warning border border-warning-500',\n        destructive: 'bg-destructive bg-opacity-10 text-destructive-600 border border-destructive-500',\n        brand: 'bg-brand bg-opacity-10 text-brand-600 border border-brand-500',\n        outline: 'bg-transparent text-foreground border border-foreground-muted',\n      },\n      size: {\n        xs: 'px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase',\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2 py-0.5 text-xs',\n        lg: 'px-3 py-0.5 text-sm',\n        /** @deprecated Use xs */ tiny: 'px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase',\n        /** @deprecated Use sm */ small: 'px-2 py-0.5 text-xs',\n        /** @deprecated Use lg */ large: 'px-3 py-0.5 text-sm',\n      },\n      dot: {\n        true: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'sm',\n    },\n  }\n)\n\nconst dotVariants = cva('size-2 rounded-full', {\n  variants: {\n    position: {\n      start: '-ms-0.5 me-1.5',\n      end: 'ms-1.5 -me-0.5',\n    },\n  },\n  defaultVariants: {\n    position: 'start',\n  },\n})\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {\n  dot?: boolean\n  dotPosition?: 'start' | 'end'\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, dot, dotPosition = 'end', children, ...props }, ref) => {\n    if (process.env.NODE_ENV !== 'production') {\n      const deprecatedSizes = ['tiny', 'small', 'large']\n      if (size && deprecatedSizes.includes(size as string)) {\n        console.warn(`[Parto UI] Badge: size=\"${size}\" is deprecated. Use xs|sm|md|lg instead.`)\n      }\n    }\n\n    return (\n      <span ref={ref} data-slot=\"badge\" className={cn(badgeVariants({ variant, size }), className)} {...props}>\n        {dot && dotPosition === 'start' && (\n          <svg\n            aria-hidden=\"true\"\n            className={cn(dotVariants({ position: 'start' }))}\n            fill=\"currentColor\"\n            viewBox=\"0 0 8 8\"\n          >\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\n          </svg>\n        )}\n        {children}\n        {dot && dotPosition === 'end' && (\n          <svg\n            aria-hidden=\"true\"\n            className={cn(dotVariants({ position: 'end' }))}\n            fill=\"currentColor\"\n            viewBox=\"0 0 8 8\"\n          >\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\n          </svg>\n        )}\n      </span>\n    )\n  }\n)\n\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"]}