@salesmind-ai/design-system 0.3.0 → 0.3.2

package/dist/chunk-VM7WFMKI.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var React = require('react');
+var clsx = require('clsx');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+// src/components/Avatar/Avatar.tsx
+var AvatarContext = React__default.default.createContext({
+  hasImage: false,
+  imageError: false,
+  onImageError: () => {
+  }
+});
+var Avatar = React__default.default.forwardRef(
+  ({ size = "md", className, children, ...props }, ref) => {
+    const [imageError, setImageError] = React__default.default.useState(false);
+    const [hasImage, setHasImage] = React__default.default.useState(false);
+    React__default.default.useEffect(() => {
+      let found = false;
+      React__default.default.Children.forEach(children, (child) => {
+        if (React__default.default.isValidElement(child) && child.type === AvatarImage) {
+          found = true;
+        }
+      });
+      setHasImage(found);
+    }, [children]);
+    const onImageError = React__default.default.useCallback(() => {
+      setImageError(true);
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsx(AvatarContext.Provider, { value: { hasImage, imageError, onImageError }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        className: clsx__default.default("ds-avatar", `ds-avatar--${size}`, className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Avatar.displayName = "Avatar";
+var AvatarImage = React__default.default.forwardRef(({ className, onError, ...props }, ref) => {
+  const { imageError, onImageError } = React__default.default.useContext(AvatarContext);
+  const handleError = (e) => {
+    onImageError();
+    onError?.(e);
+  };
+  if (imageError) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      ref,
+      className: clsx__default.default("ds-avatar__image", className),
+      onError: handleError,
+      ...props
+    }
+  );
+});
+AvatarImage.displayName = "AvatarImage";
+var AvatarFallback = React__default.default.forwardRef(({ className, ...props }, ref) => {
+  const { hasImage, imageError } = React__default.default.useContext(AvatarContext);
+  if (hasImage && !imageError) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: clsx__default.default("ds-avatar__fallback", className), ...props });
+});
+AvatarFallback.displayName = "AvatarFallback";
+
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-VM7WFMKI.cjs.map

package/dist/chunk-VM7WFMKI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AA2DT;AA9CR,IAAM,gBAAgB,MAAM,cAAkC;AAAA,EAC5D,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc,MAAM;AAAA,EAAC;AACvB,CAAC;AAoBM,IAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvD,UAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,UAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AAGpD,UAAM,UAAU,MAAM;AACpB,UAAI,QAAQ;AACZ,YAAM,SAAS,QAAQ,UAAU,CAAC,UAAU;AAC1C,YAAI,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS,aAAa;AAC7D,kBAAQ;AAAA,QACV;AAAA,MACF,CAAC;AACD,kBAAY,KAAK;AAAA,IACnB,GAAG,CAAC,QAAQ,CAAC;AAEb,UAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,oBAAc,IAAI;AAAA,IACpB,GAAG,CAAC,CAAC;AAEL,WACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,UAAU,YAAY,aAAa,GAClE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,aAAa,cAAc,IAAI,IAAI,SAAS;AAAA,QAC3D,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAMd,IAAM,cAAc,MAAM,WAG/B,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC3C,QAAM,EAAE,YAAY,aAAa,IAAI,MAAM,WAAW,aAAa;AAEnE,QAAM,cAAc,CAAC,MAA8C;AACjE,iBAAa;AACb,cAAU,CAAC;AAAA,EACb;AAEA,MAAI,WAAY,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,oBAAoB,SAAS;AAAA,MAC7C,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,YAAY,cAAc;AAMnB,IAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,QAAM,EAAE,UAAU,WAAW,IAAI,MAAM,WAAW,aAAa;AAG/D,MAAI,YAAY,CAAC,WAAY,QAAO;AAEpC,SACE,oBAAC,UAAK,KAAU,WAAW,KAAK,uBAAuB,SAAS,GAAI,GAAG,OAAO;AAElF,CAAC;AAED,eAAe,cAAc","sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport './Avatar.css';\n\n/* ==========================================================================\n   Context\n   ========================================================================== */\n\ninterface AvatarContextValue {\n  hasImage: boolean;\n  imageError: boolean;\n  onImageError: () => void;\n}\n\nconst AvatarContext = React.createContext<AvatarContextValue>({\n  hasImage: false,\n  imageError: false,\n  onImageError: () => {},\n});\n\n/* ==========================================================================\n   Avatar (root)\n   ========================================================================== */\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg';\n}\n\n/**\n * User avatar with image and fallback support.\n *\n * @example\n * <Avatar>\n *   <AvatarImage src=\"/photo.jpg\" alt=\"User\" />\n *   <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n */\nexport const Avatar = React.forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ size = 'md', className, children, ...props }, ref) => {\n    const [imageError, setImageError] = React.useState(false);\n    const [hasImage, setHasImage] = React.useState(false);\n\n    // Scan children to detect if an AvatarImage is present\n    React.useEffect(() => {\n      let found = false;\n      React.Children.forEach(children, (child) => {\n        if (React.isValidElement(child) && child.type === AvatarImage) {\n          found = true;\n        }\n      });\n      setHasImage(found);\n    }, [children]);\n\n    const onImageError = React.useCallback(() => {\n      setImageError(true);\n    }, []);\n\n    return (\n      <AvatarContext.Provider value={{ hasImage, imageError, onImageError }}>\n        <span\n          ref={ref}\n          className={clsx('ds-avatar', `ds-avatar--${size}`, className)}\n          {...props}\n        >\n          {children}\n        </span>\n      </AvatarContext.Provider>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\n/* ==========================================================================\n   AvatarImage\n   ========================================================================== */\n\nexport const AvatarImage = React.forwardRef<\n  HTMLImageElement,\n  React.ImgHTMLAttributes<HTMLImageElement>\n>(({ className, onError, ...props }, ref) => {\n  const { imageError, onImageError } = React.useContext(AvatarContext);\n\n  const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    onImageError();\n    onError?.(e);\n  };\n\n  if (imageError) return null;\n\n  return (\n    <img\n      ref={ref}\n      className={clsx('ds-avatar__image', className)}\n      onError={handleError}\n      {...props}\n    />\n  );\n});\n\nAvatarImage.displayName = 'AvatarImage';\n\n/* ==========================================================================\n   AvatarFallback\n   ========================================================================== */\n\nexport const AvatarFallback = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => {\n  const { hasImage, imageError } = React.useContext(AvatarContext);\n\n  // Show fallback when there is no image, or the image failed to load\n  if (hasImage && !imageError) return null;\n\n  return (\n    <span ref={ref} className={clsx('ds-avatar__fallback', className)} {...props} />\n  );\n});\n\nAvatarFallback.displayName = 'AvatarFallback';\n"]}

package/dist/chunk-W2WTP6HS.cjs

@@ -0,0 +1,233 @@
+'use strict';
+
+var React2 = require('react');
+var dialog = require('@base-ui/react/dialog');
+var clsx = require('clsx');
+var jsxRuntime = require('react/jsx-runtime');
+var tabs = require('@base-ui/react/tabs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+// src/components/Dialog/Dialog.tsx
+var Dialog = dialog.Dialog.Root;
+var DialogTrigger = dialog.Dialog.Trigger;
+var DialogClose = dialog.Dialog.Close;
+var DialogTitle = React2__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Title, { ref, className: clsx__default.default("ds-dialog__title", className), ...props }));
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React2__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  dialog.Dialog.Description,
+  {
+    ref,
+    className: clsx__default.default("ds-dialog__description", className),
+    ...props
+  }
+));
+DialogDescription.displayName = "DialogDescription";
+var DialogContent = React2__default.default.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Backdrop, { className: "ds-dialog__backdrop" }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Popup, { ref, className: clsx__default.default("ds-dialog__content", className), ...props, children })
+  ] })
+);
+DialogContent.displayName = "DialogContent";
+var DialogHeader = React2__default.default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx__default.default("ds-dialog__header", className), ...props })
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = React2__default.default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx__default.default("ds-dialog__footer", className), ...props })
+);
+DialogFooter.displayName = "DialogFooter";
+var ToggleGroupContext = React2__default.default.createContext({
+  type: "single",
+  value: [],
+  onItemToggle: () => {
+  }
+});
+var ToggleGroup = React2__default.default.forwardRef(
+  ({ className, type, value, onValueChange, children, ...props }, ref) => {
+    const normalizedValue = React2__default.default.useMemo(() => {
+      if (value === void 0) return [];
+      return Array.isArray(value) ? value : [value];
+    }, [value]);
+    const onItemToggle = React2__default.default.useCallback(
+      (itemValue) => {
+        if (type === "single") {
+          const next = normalizedValue.includes(itemValue) ? "" : itemValue;
+          onValueChange?.(next);
+        } else {
+          const next = normalizedValue.includes(itemValue) ? normalizedValue.filter((v) => v !== itemValue) : [...normalizedValue, itemValue];
+          onValueChange?.(next);
+        }
+      },
+      [type, normalizedValue, onValueChange]
+    );
+    const ctx = React2__default.default.useMemo(
+      () => ({ type, value: normalizedValue, onItemToggle }),
+      [type, normalizedValue, onItemToggle]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "group",
+        className: clsx__default.default("ds-toggle-group", className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+ToggleGroup.displayName = "ToggleGroup";
+var ToggleGroupItem = React2__default.default.forwardRef(({ className, value, children, onClick, ...props }, ref) => {
+  const ctx = React2__default.default.useContext(ToggleGroupContext);
+  const pressed = ctx.value.includes(value);
+  const handleClick = (e) => {
+    ctx.onItemToggle(value);
+    onClick?.(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-pressed": pressed,
+      className: clsx__default.default(
+        "ds-toggle-group__item",
+        pressed && "ds-toggle-group__item--pressed",
+        className
+      ),
+      onClick: handleClick,
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = "ToggleGroupItem";
+var Slider = React2__default.default.forwardRef(
+  ({
+    className,
+    value: controlledValue,
+    defaultValue = 50,
+    min = 0,
+    max = 100,
+    step = 1,
+    onValueChange,
+    disabled = false,
+    ...props
+  }, ref) => {
+    const [uncontrolledValue, setUncontrolledValue] = React2__default.default.useState(defaultValue);
+    const isControlled = controlledValue !== void 0;
+    const value = isControlled ? controlledValue : uncontrolledValue;
+    const handleChange = (e) => {
+      const next = Number(e.target.value);
+      if (!isControlled) {
+        setUncontrolledValue(next);
+      }
+      onValueChange?.(next);
+    };
+    const percentage = (value - min) / (max - min) * 100;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: clsx__default.default("ds-slider", disabled && "ds-slider--disabled", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-slider__track", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "ds-slider__range",
+              style: { width: `${percentage}%` }
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "range",
+              className: "ds-slider__thumb",
+              role: "slider",
+              min,
+              max,
+              step,
+              value,
+              disabled,
+              onChange: handleChange,
+              "aria-valuemin": min,
+              "aria-valuemax": max,
+              "aria-valuenow": value
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+var Tabs = React2__default.default.forwardRef(
+  ({ className, orientation = "horizontal", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      tabs.Tabs.Root,
+      {
+        ref,
+        className: clsx__default.default("ds-tabs", `ds-tabs--${orientation}`, className),
+        orientation,
+        ...props
+      }
+    );
+  }
+);
+Tabs.displayName = "Tabs";
+var TabsList = React2__default.default.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(tabs.Tabs.List, { ref, className: clsx__default.default("ds-tabs__list", className), ...props });
+  }
+);
+TabsList.displayName = "TabsList";
+var TabsTrigger = React2__default.default.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(tabs.Tabs.Tab, { ref, className: clsx__default.default("ds-tabs__trigger", className), ...props, children });
+  }
+);
+TabsTrigger.displayName = "TabsTrigger";
+var TabsContent = React2__default.default.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(tabs.Tabs.Panel, { ref, className: clsx__default.default("ds-tabs__content", className), ...props });
+  }
+);
+TabsContent.displayName = "TabsContent";
+var Badge = React2__default.default.forwardRef(
+  ({ className, variant = "default", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        className: clsx__default.default("ds-badge", `ds-badge--${variant}`, className),
+        ...props
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.Slider = Slider;
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-W2WTP6HS.cjs.map

package/dist/chunk-W2WTP6HS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dialog/Dialog.tsx","../src/components/ToggleGroup/ToggleGroup.tsx","../src/components/Slider/Slider.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Badge/Badge.tsx"],"names":["React","clsx","jsx","jsxs"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport clsx from 'clsx';\nimport './Dialog.css';\n\nexport const Dialog = BaseDialog.Root;\nexport const DialogTrigger = BaseDialog.Trigger;\nexport const DialogClose = BaseDialog.Close;\nexport const DialogTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Title ref={ref} className={clsx('ds-dialog__title', className)} {...props} />\n));\nDialogTitle.displayName = 'DialogTitle';\n\nexport const DialogDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Description\n    ref={ref}\n    className={clsx('ds-dialog__description', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'DialogDescription';\n\nexport const DialogContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <BaseDialog.Portal>\n      <BaseDialog.Backdrop className=\"ds-dialog__backdrop\" />\n      <BaseDialog.Popup ref={ref} className={clsx('ds-dialog__content', className)} {...props}>\n        {children}\n      </BaseDialog.Popup>\n    </BaseDialog.Portal>\n  ),\n);\nDialogContent.displayName = 'DialogContent';\n\n/**\n * Semantic header section for a dialog, typically containing\n * DialogTitle and DialogDescription.\n */\nexport const DialogHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx('ds-dialog__header', className)} {...props} />\n  ),\n);\nDialogHeader.displayName = 'DialogHeader';\n\n/**\n * Footer section for dialog actions (confirm, cancel, etc.).\n * Renders children in a right-aligned flex row with standard gap.\n */\nexport const DialogFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={clsx('ds-dialog__footer', className)} {...props} />\n  ),\n);\nDialogFooter.displayName = 'DialogFooter';\n","import React from 'react';\nimport clsx from 'clsx';\nimport './ToggleGroup.css';\n\n/* ==========================================================================\n   Context\n   ========================================================================== */\n\ninterface ToggleGroupContextValue {\n  type: 'single' | 'multiple';\n  value: string[];\n  onItemToggle: (itemValue: string) => void;\n}\n\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue>({\n  type: 'single',\n  value: [],\n  onItemToggle: () => {},\n});\n\n/* ==========================================================================\n   ToggleGroup (div — role=\"group\")\n   ========================================================================== */\n\nexport interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Whether a single or multiple items can be pressed at once. */\n  type: 'single' | 'multiple';\n  /** The controlled value(s). String for single, string[] for multiple. */\n  value?: string | string[];\n  /** Callback when value changes. */\n  onValueChange?: (value: string | string[]) => void;\n}\n\n/**\n * A group of toggle buttons where one or more can be selected.\n *\n * @example\n * <ToggleGroup type=\"single\" value=\"center\" onValueChange={setValue}>\n *   <ToggleGroupItem value=\"left\">Left</ToggleGroupItem>\n *   <ToggleGroupItem value=\"center\">Center</ToggleGroupItem>\n *   <ToggleGroupItem value=\"right\">Right</ToggleGroupItem>\n * </ToggleGroup>\n */\nexport const ToggleGroup = React.forwardRef<HTMLDivElement, ToggleGroupProps>(\n  ({ className, type, value, onValueChange, children, ...props }, ref) => {\n    const normalizedValue = React.useMemo<string[]>(() => {\n      if (value === undefined) return [];\n      return Array.isArray(value) ? value : [value];\n    }, [value]);\n\n    const onItemToggle = React.useCallback(\n      (itemValue: string) => {\n        if (type === 'single') {\n          const next = normalizedValue.includes(itemValue) ? '' : itemValue;\n          onValueChange?.(next);\n        } else {\n          const next = normalizedValue.includes(itemValue)\n            ? normalizedValue.filter((v) => v !== itemValue)\n            : [...normalizedValue, itemValue];\n          onValueChange?.(next);\n        }\n      },\n      [type, normalizedValue, onValueChange],\n    );\n\n    const ctx = React.useMemo<ToggleGroupContextValue>(\n      () => ({ type, value: normalizedValue, onItemToggle }),\n      [type, normalizedValue, onItemToggle],\n    );\n\n    return (\n      <ToggleGroupContext.Provider value={ctx}>\n        <div\n          ref={ref}\n          role=\"group\"\n          className={clsx('ds-toggle-group', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ToggleGroupContext.Provider>\n    );\n  },\n);\n\nToggleGroup.displayName = 'ToggleGroup';\n\n/* ==========================================================================\n   ToggleGroupItem (button)\n   ========================================================================== */\n\nexport interface ToggleGroupItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The value this item represents. */\n  value: string;\n}\n\nexport const ToggleGroupItem = React.forwardRef<\n  HTMLButtonElement,\n  ToggleGroupItemProps\n>(({ className, value, children, onClick, ...props }, ref) => {\n  const ctx = React.useContext(ToggleGroupContext);\n  const pressed = ctx.value.includes(value);\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    ctx.onItemToggle(value);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-pressed={pressed}\n      className={clsx(\n        'ds-toggle-group__item',\n        pressed && 'ds-toggle-group__item--pressed',\n        className,\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n});\n\nToggleGroupItem.displayName = 'ToggleGroupItem';\n","import React from 'react';\nimport clsx from 'clsx';\nimport './Slider.css';\n\nexport interface SliderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Current value (controlled). */\n  value?: number;\n  /** Default value (uncontrolled). */\n  defaultValue?: number;\n  /** Minimum value. */\n  min?: number;\n  /** Maximum value. */\n  max?: number;\n  /** Step increment. */\n  step?: number;\n  /** Callback fired when the value changes. */\n  onValueChange?: (value: number) => void;\n  /** Whether the slider is disabled. */\n  disabled?: boolean;\n}\n\nexport const Slider = React.forwardRef<HTMLDivElement, SliderProps>(\n  (\n    {\n      className,\n      value: controlledValue,\n      defaultValue = 50,\n      min = 0,\n      max = 100,\n      step = 1,\n      onValueChange,\n      disabled = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);\n\n    const isControlled = controlledValue !== undefined;\n    const value = isControlled ? controlledValue : uncontrolledValue;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const next = Number(e.target.value);\n      if (!isControlled) {\n        setUncontrolledValue(next);\n      }\n      onValueChange?.(next);\n    };\n\n    const percentage = ((value - min) / (max - min)) * 100;\n\n    return (\n      <div\n        ref={ref}\n        className={clsx('ds-slider', disabled && 'ds-slider--disabled', className)}\n        {...props}\n      >\n        <div className=\"ds-slider__track\">\n          <div\n            className=\"ds-slider__range\"\n            style={{ width: `${percentage}%` }}\n          />\n        </div>\n        <input\n          type=\"range\"\n          className=\"ds-slider__thumb\"\n          role=\"slider\"\n          min={min}\n          max={max}\n          step={step}\n          value={value}\n          disabled={disabled}\n          onChange={handleChange}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n        />\n      </div>\n    );\n  },\n);\n\nSlider.displayName = 'Slider';\n","import React from 'react';\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport clsx from 'clsx';\nimport './Tabs.css';\n\n/* ============================================================================\n   TABS ROOT\n   ============================================================================ */\n\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  defaultValue?: string | number;\n  value?: string | number;\n  onValueChange?: (value: string | number) => void;\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  ({ className, orientation = 'horizontal', ...props }, ref) => {\n    return (\n      <BaseTabs.Root\n        ref={ref}\n        className={clsx('ds-tabs', `ds-tabs--${orientation}`, className)}\n        orientation={orientation}\n        {...props}\n      />\n    );\n  },\n);\n\nTabs.displayName = 'Tabs';\n\n/* ============================================================================\n   TABS LIST\n   ============================================================================ */\n\nexport interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {\n  loop?: boolean;\n}\n\nexport const TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    return <BaseTabs.List ref={ref} className={clsx('ds-tabs__list', className)} {...props} />;\n  },\n);\n\nTabsList.displayName = 'TabsList';\n\n/* ============================================================================\n   TABS TRIGGER\n   ============================================================================ */\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string | number;\n  disabled?: boolean;\n}\n\nexport const TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <BaseTabs.Tab ref={ref} className={clsx('ds-tabs__trigger', className)} {...props}>\n        {children}\n      </BaseTabs.Tab>\n    );\n  },\n);\n\nTabsTrigger.displayName = 'TabsTrigger';\n\n/* ============================================================================\n   TABS CONTENT\n   ============================================================================ */\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string | number;\n}\n\nexport const TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, ...props }, ref) => {\n    return <BaseTabs.Panel ref={ref} className={clsx('ds-tabs__content', className)} {...props} />;\n  },\n);\n\nTabsContent.displayName = 'TabsContent';\n","import React from 'react';\nimport clsx from 'clsx';\nimport './Badge.css';\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Visual style variant */\n  variant?: 'default' | 'secondary' | 'outline' | 'destructive';\n}\n\n/**\n * General-purpose badge for tags, labels, categories, and status indicators.\n *\n * For status-specific badges (success/warning/error/info), use `StatusBadge` instead.\n *\n * @example\n * <Badge>New</Badge>\n * <Badge variant=\"secondary\">Category</Badge>\n * <Badge variant=\"outline\">v2.1.0</Badge>\n * <Badge variant=\"destructive\">Breaking</Badge>\n */\nexport const Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant = 'default', ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        className={clsx('ds-badge', `ds-badge--${variant}`, className)}\n        {...props}\n      />\n    );\n  },\n);\n\nBadge.displayName = 'Badge';\n"]}

package/dist/chunk-WH7PYHZY.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var tooltip = require('@base-ui/react/tooltip');
+var clsx = require('clsx');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+// src/components/Tooltip/Tooltip.tsx
+var TooltipProvider = tooltip.Tooltip.Provider;
+var TooltipRoot = tooltip.Tooltip.Root;
+var TooltipTrigger = tooltip.Tooltip.Trigger;
+var TooltipContent = React__default.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Positioner, { sideOffset: 5, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip.Popup, { ref, className: clsx__default.default("ds-tooltip__content", className), ...props, children: [
+  children,
+  /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Arrow, { className: "ds-tooltip__arrow" })
+] }) }) }));
+TooltipContent.displayName = "TooltipContent";
+var Tooltip = ({ content, children, delay = 200 }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Provider, { delay, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip.Root, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { render: children }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: content })
+  ] }) });
+};
+
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipRoot = TooltipRoot;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-WH7PYHZY.cjs.map

package/dist/chunk-WH7PYHZY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW;AAClB,SAAS,WAAW,mBAAmB;AACvC,OAAO,UAAU;AAaX,SAEE,KAFF;AAVC,IAAM,kBAAkB,YAAY;AACpC,IAAM,cAAc,YAAY;AAChC,IAAM,iBAAiB,YAAY;AAEnC,IAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,oBAAC,YAAY,QAAZ,EACC,8BAAC,YAAY,YAAZ,EAAuB,YAAY,GAClC,+BAAC,YAAY,OAAZ,EAAkB,KAAU,WAAW,KAAK,uBAAuB,SAAS,GAAI,GAAG,OACjF;AAAA;AAAA,EACD,oBAAC,YAAY,OAAZ,EAAkB,WAAU,qBAAoB;AAAA,GACnD,GACF,GACF,CACD;AACD,eAAe,cAAc;AAQtB,IAAM,UAAU,CAAC,EAAE,SAAS,UAAU,QAAQ,IAAI,MAAoB;AAC3E,SACE,oBAAC,YAAY,UAAZ,EAAqB,OACpB,+BAAC,YAAY,MAAZ,EACC;AAAA,wBAAC,YAAY,SAAZ,EAAoB,QAAQ,UAAgC;AAAA,IAC7D,oBAAC,kBAAgB,mBAAQ;AAAA,KAC3B,GACF;AAEJ","sourcesContent":["import React from 'react';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport clsx from 'clsx';\nimport './Tooltip.css';\n\nexport const TooltipProvider = BaseTooltip.Provider;\nexport const TooltipRoot = BaseTooltip.Root;\nexport const TooltipTrigger = BaseTooltip.Trigger;\n\nexport const TooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <BaseTooltip.Portal>\n    <BaseTooltip.Positioner sideOffset={5}>\n      <BaseTooltip.Popup ref={ref} className={clsx('ds-tooltip__content', className)} {...props}>\n        {children}\n        <BaseTooltip.Arrow className=\"ds-tooltip__arrow\" />\n      </BaseTooltip.Popup>\n    </BaseTooltip.Positioner>\n  </BaseTooltip.Portal>\n));\nTooltipContent.displayName = 'TooltipContent';\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  delay?: number;\n}\n\nexport const Tooltip = ({ content, children, delay = 200 }: TooltipProps) => {\n  return (\n    <BaseTooltip.Provider delay={delay}>\n      <BaseTooltip.Root>\n        <BaseTooltip.Trigger render={children as React.ReactElement} />\n        <TooltipContent>{content}</TooltipContent>\n      </BaseTooltip.Root>\n    </BaseTooltip.Provider>\n  );\n};\n"]}