@bigbinary/neeto-atoms 1.0.19 → 1.0.20

package/dist/{Badge-8FkscqDt.js → Badge-Bj3ajrWB.js}

@@ -43,17 +43,17 @@ const INDICATOR_COLORS = {
     gray: "bg-gray-400",
 };
 
-const Badge = forwardRef(({ variant = "default", size = "default", label, icon, iconPosition = "left", indicator, onDismiss, disabled = false, className, asChild = false, children, ...otherProps }, ref) => {
+const Badge = forwardRef(({ variant = "default", size = "default", shape = "pill", label, icon, iconPosition = "left", indicator, onDismiss, disabled = false, className, asChild = false, children, ...otherProps }, ref) => {
     const { t } = useTranslation();
     if (asChild) {
-        return (jsx(Badge$1, { ref: ref, asChild: true, variant: variant, size: size, className: className, ...otherProps, children: children }));
+        return (jsx(Badge$1, { ref: ref, asChild: true, variant: variant, size: size, shape: shape, className: className, ...otherProps, children: children }));
     }
     const renderLabel = label || children;
     const iconElement = icon ? renderIcon(icon) : null;
     const hasDismiss = !!onDismiss && !disabled;
-    return (jsxs(Badge$1, { ref: ref, variant: variant, size: size, className: cn(disabled && "opacity-50 pointer-events-none", icon && iconPosition === "left" && SIZE_CONFIG[size].iconPl, icon && iconPosition === "right" && SIZE_CONFIG[size].iconPr, hasDismiss && SIZE_CONFIG[size].dismissPr, className), ...otherProps, children: [indicator && (jsx("span", { "aria-hidden": "true", className: cn("size-1.5 shrink-0 rounded-full", INDICATOR_COLORS[indicator]) })), iconPosition === "left" && iconElement, renderLabel, iconPosition === "right" && iconElement, onDismiss && !disabled && (jsx("button", { type: "button", "aria-label": t("neetoatoms.badge.dismiss", "Dismiss"), onClick: onDismiss, className: cn("inline-flex shrink-0 items-center justify-center rounded-full bg-current/15 transition-[background-color,opacity] hover:bg-current/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", SIZE_CONFIG[size].btnSize), children: jsx(X, { className: SIZE_CONFIG[size].iconSize }) }))] }));
+    return (jsxs(Badge$1, { ref: ref, variant: variant, size: size, shape: shape, className: cn(disabled && "opacity-50 pointer-events-none", icon && iconPosition === "left" && SIZE_CONFIG[size].iconPl, icon && iconPosition === "right" && SIZE_CONFIG[size].iconPr, hasDismiss && SIZE_CONFIG[size].dismissPr, className), ...otherProps, children: [indicator && (jsx("span", { "aria-hidden": "true", className: cn("size-1.5 shrink-0 rounded-full", INDICATOR_COLORS[indicator]) })), iconPosition === "left" && iconElement, renderLabel, iconPosition === "right" && iconElement, onDismiss && !disabled && (jsx("button", { type: "button", "aria-label": t("neetoatoms.badge.dismiss", "Dismiss"), onClick: onDismiss, className: cn("inline-flex shrink-0 items-center justify-center rounded-full bg-current/15 transition-[background-color,opacity] hover:bg-current/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", SIZE_CONFIG[size].btnSize), children: jsx(X, { className: SIZE_CONFIG[size].iconSize }) }))] }));
 });
 Badge.displayName = "Badge";
 
 export { Badge as B };
-//# sourceMappingURL=Badge-8FkscqDt.js.map
+//# sourceMappingURL=Badge-Bj3ajrWB.js.map

package/dist/Badge-Bj3ajrWB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-Bj3ajrWB.js","sources":["../src/components/Badge/constants.ts","../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { IndicatorVariant } from \"./Badge\";\n\nexport const SIZE_CONFIG = {\n  sm: {\n    iconPl: \"pl-1\",\n    iconPr: \"pr-1\",\n    dismissPr: \"pr-0.5\",\n    btnSize: \"size-3\",\n    iconSize: \"size-2\",\n  },\n  default: {\n    iconPl: \"pl-1.5\",\n    iconPr: \"pr-1.5\",\n    dismissPr: \"pr-1\",\n    btnSize: \"size-3.5\",\n    iconSize: \"size-2.5\",\n  },\n  lg: {\n    iconPl: \"pl-2\",\n    iconPr: \"pr-2\",\n    dismissPr: \"pr-1\",\n    btnSize: \"size-4.5\",\n    iconSize: \"size-3\",\n  },\n};\n\nexport const INDICATOR_COLORS: Record<IndicatorVariant, string> = {\n  default: \"bg-primary\",\n  secondary: \"bg-muted-foreground\",\n  destructive: \"bg-destructive\",\n  blue: \"bg-blue-600\",\n  green: \"bg-green-600\",\n  amber: \"bg-amber-400\",\n  red: \"bg-red-600\",\n  purple: \"bg-purple-700\",\n  pink: \"bg-pink-600\",\n  teal: \"bg-teal-600\",\n  gray: \"bg-gray-400\",\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { X } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport { Badge as PrimitiveBadge } from \"src/primitives/Badge\";\n\nimport { SIZE_CONFIG, INDICATOR_COLORS } from \"./constants\";\n\ntype BadgeVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"destructive\"\n  | \"outline\"\n  | \"ghost\"\n  | \"link\"\n  | \"gray\"\n  | \"gray-subtle\"\n  | \"blue\"\n  | \"blue-subtle\"\n  | \"purple\"\n  | \"purple-subtle\"\n  | \"amber\"\n  | \"amber-subtle\"\n  | \"red\"\n  | \"red-subtle\"\n  | \"pink\"\n  | \"pink-subtle\"\n  | \"green\"\n  | \"green-subtle\"\n  | \"teal\"\n  | \"teal-subtle\";\n\ntype BadgeSize = \"sm\" | \"default\" | \"lg\";\n\ntype BadgeShape = \"pill\" | \"rounded\";\n\nexport type IndicatorVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"destructive\"\n  | \"blue\"\n  | \"green\"\n  | \"amber\"\n  | \"red\"\n  | \"purple\"\n  | \"pink\"\n  | \"teal\"\n  | \"gray\";\n\nexport interface BadgeProps extends Omit<\n  React.ComponentProps<\"span\">,\n  \"children\"\n> {\n  /** Visual variant of the badge. */\n  variant?: BadgeVariant;\n  /** Size of the badge. */\n  size?: BadgeSize;\n  /** Corner shape: `pill` (fully rounded, default) or `rounded` (4px). */\n  shape?: BadgeShape;\n  /** Text label rendered inside the badge. */\n  label?: string;\n  /** Icon component, element, or class-name string. */\n  icon?: IconProp;\n  /** Placement of the icon relative to the label. */\n  iconPosition?: \"left\" | \"right\";\n  /** Colored status indicator dot. */\n  indicator?: IndicatorVariant;\n  /** Callback when the badge is dismissed. Renders a dismiss button when provided. */\n  onDismiss?: () => void;\n  /** Disables the badge and hides the dismiss button. */\n  disabled?: boolean;\n  /** Render as a custom element (polymorphic via Radix Slot). */\n  asChild?: boolean;\n  /** Children rendered inside the badge (fallback for `label`). */\n  children?: ReactNode;\n}\n\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      shape = \"pill\",\n      label,\n      icon,\n      iconPosition = \"left\",\n      indicator,\n      onDismiss,\n      disabled = false,\n      className,\n      asChild = false,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    if (asChild) {\n      return (\n        <PrimitiveBadge\n          ref={ref}\n          asChild\n          variant={variant}\n          size={size}\n          shape={shape}\n          className={className}\n          {...otherProps}\n        >\n          {children}\n        </PrimitiveBadge>\n      );\n    }\n\n    const renderLabel = label || children;\n    const iconElement = icon ? renderIcon(icon) : null;\n\n    const hasDismiss = !!onDismiss && !disabled;\n\n    return (\n      <PrimitiveBadge\n        ref={ref}\n        variant={variant}\n        size={size}\n        shape={shape}\n        className={cn(\n          disabled && \"opacity-50 pointer-events-none\",\n          icon && iconPosition === \"left\" && SIZE_CONFIG[size].iconPl,\n          icon && iconPosition === \"right\" && SIZE_CONFIG[size].iconPr,\n          hasDismiss && SIZE_CONFIG[size].dismissPr,\n          className\n        )}\n        {...otherProps}\n      >\n        {indicator && (\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              \"size-1.5 shrink-0 rounded-full\",\n              INDICATOR_COLORS[indicator]\n            )}\n          />\n        )}\n        {iconPosition === \"left\" && iconElement}\n        {renderLabel}\n        {iconPosition === \"right\" && iconElement}\n        {onDismiss && !disabled && (\n          <button\n            type=\"button\"\n            aria-label={t(\"neetoatoms.badge.dismiss\", \"Dismiss\")}\n            onClick={onDismiss}\n            className={cn(\n              \"inline-flex shrink-0 items-center justify-center rounded-full bg-current/15 transition-[background-color,opacity] hover:bg-current/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\",\n              SIZE_CONFIG[size].btnSize\n            )}\n          >\n            <X className={SIZE_CONFIG[size].iconSize} />\n          </button>\n        )}\n      </PrimitiveBadge>\n    );\n  }\n);\n\nBadge.displayName = \"Badge\";\n\nexport { Badge };\n"],"names":["_jsx","PrimitiveBadge","_jsxs"],"mappings":"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"}

package/dist/{Calendar-DDPQHHat.js → Calendar-C4fe-WIS.js}

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { createContext, useContext, useCallback, useRef, useLayoutEffect, useState, useEffect, useMemo } from 'react';
 import { c as cn } from './utils-DdHUxIdC.js';
-import { b as buttonVariants, B as Button$1 } from './button-B-i8E7ah.js';
+import { b as buttonVariants, B as Button$1 } from './button-Dn5ffsMK.js';
 import { C as ChevronLeft } from './chevron-left-BDoT8E2-.js';
 import { C as ChevronRight } from './chevron-right-DQnrO-ek.js';
 import { C as ChevronDown } from './chevron-down-BNi0ntys.js';
@@ -8022,4 +8022,4 @@ const Calendar = (props) => (jsx(Calendar$1, { ...props }));
 const CalendarDayButton = (props) => jsx(CalendarDayButton$1, { ...props });
 
 export { Calendar as C, CalendarDayButton as a, millisecondsInMinute as b, constructFrom as c, millisecondsInSecond as d, getWeekYear as e, startOfISOWeek as f, getDefaultOptions as g, getWeek as h, getISOWeek as i, addDays as j, getTimezoneOffsetInMilliseconds as k, enUS$1 as l, millisecondsInHour as m, longFormatters as n, isProtectedWeekYearToken as o, isProtectedDayOfYearToken as p, format as q, startOfWeek as s, toDate as t, warnOrThrowProtectedError as w };
-//# sourceMappingURL=Calendar-DDPQHHat.js.map
+//# sourceMappingURL=Calendar-C4fe-WIS.js.map