@d4gger/design-system 2.7.0

package/dist/components/icon/icons.js

@@ -0,0 +1,194 @@
+import { dsxIconCatalog } from "./Icon.js";
+import { createDSXIconComponent } from "./Icon.js";
+const ActivityIcon = createDSXIconComponent("activity");
+const AlertTriangleIcon = createDSXIconComponent("alert-triangle");
+const AppleIcon = createDSXIconComponent("apple");
+const ArrowLeftIcon = createDSXIconComponent("arrow-left");
+const ArrowRightIcon = createDSXIconComponent("arrow-right");
+const BellIcon = createDSXIconComponent("bell");
+const BanknoteIcon = createDSXIconComponent("banknote");
+const BoldIcon = createDSXIconComponent("bold");
+const CalendarIcon = createDSXIconComponent("calendar");
+const CheckIcon = createDSXIconComponent("check");
+const CheckCircleIcon = createDSXIconComponent("check-circle");
+const CircleDollarSignIcon = createDSXIconComponent("circle-dollar-sign");
+const ChevronDownIcon = createDSXIconComponent("chevron-down");
+const ChevronLeftIcon = createDSXIconComponent("chevron-left");
+const ChevronRightIcon = createDSXIconComponent("chevron-right");
+const ChevronUpIcon = createDSXIconComponent("chevron-up");
+const CodeIcon = createDSXIconComponent("code");
+const CopyIcon = createDSXIconComponent("copy");
+const DiscordIcon = createDSXIconComponent("discord");
+const DotsHorizontalIcon = createDSXIconComponent("dots-horizontal");
+const DotsVerticalIcon = createDSXIconComponent("dots-vertical");
+const EditIcon = createDSXIconComponent("edit");
+const EraserIcon = createDSXIconComponent("eraser");
+const ExternalLinkIcon = createDSXIconComponent("external-link");
+const EyeIcon = createDSXIconComponent("eye");
+const EyeOffIcon = createDSXIconComponent("eye-off");
+const FacebookIcon = createDSXIconComponent("facebook");
+const FileIcon = createDSXIconComponent("file");
+const FingerprintIcon = createDSXIconComponent("fingerprint");
+const GemIcon = createDSXIconComponent("gem");
+const GithubIcon = createDSXIconComponent("github");
+const GitlabIcon = createDSXIconComponent("gitlab");
+const GlobeIcon = createDSXIconComponent("globe");
+const GoogleIcon = createDSXIconComponent("google");
+const HardDriveIcon = createDSXIconComponent("hard-drive");
+const Heading1Icon = createDSXIconComponent("heading-1");
+const Heading2Icon = createDSXIconComponent("heading-2");
+const Heading3Icon = createDSXIconComponent("heading-3");
+const HelpCircleIcon = createDSXIconComponent("help-circle");
+const HomeIcon = createDSXIconComponent("home");
+const ImageIcon = createDSXIconComponent("image");
+const InfoIcon = createDSXIconComponent("info");
+const InstagramIcon = createDSXIconComponent("instagram");
+const ItalicIcon = createDSXIconComponent("italic");
+const KeyIcon = createDSXIconComponent("key");
+const LinkIcon = createDSXIconComponent("link");
+const ListIcon = createDSXIconComponent("list");
+const ListOrderedIcon = createDSXIconComponent("list-ordered");
+const LoaderIcon = createDSXIconComponent("loader");
+const LockIcon = createDSXIconComponent("lock");
+const LockKeyholeIcon = createDSXIconComponent("lock-keyhole");
+const MailIcon = createDSXIconComponent("mail");
+const MenuIcon = createDSXIconComponent("menu");
+const MinusIcon = createDSXIconComponent("minus");
+const MonitorIcon = createDSXIconComponent("monitor");
+const MoonIcon = createDSXIconComponent("moon");
+const NetflixIcon = createDSXIconComponent("netflix");
+const NpmIcon = createDSXIconComponent("npm");
+const PaypalIcon = createDSXIconComponent("paypal");
+const PlusIcon = createDSXIconComponent("plus");
+const PowerIcon = createDSXIconComponent("power");
+const QuoteIcon = createDSXIconComponent("quote");
+const ReceiptTextIcon = createDSXIconComponent("receipt-text");
+const RedoIcon = createDSXIconComponent("redo");
+const RedditIcon = createDSXIconComponent("reddit");
+const RocketIcon = createDSXIconComponent("rocket");
+const SearchIcon = createDSXIconComponent("search");
+const SendIcon = createDSXIconComponent("send");
+const ServerIcon = createDSXIconComponent("server");
+const SettingsIcon = createDSXIconComponent("settings");
+const ShieldIcon = createDSXIconComponent("shield");
+const ShieldCheckIcon = createDSXIconComponent("shield-check");
+const SignalIcon = createDSXIconComponent("signal");
+const SparklesIcon = createDSXIconComponent("sparkles");
+const StarIcon = createDSXIconComponent("star");
+const StrikethroughIcon = createDSXIconComponent("strikethrough");
+const SpotifyIcon = createDSXIconComponent("spotify");
+const StripeIcon = createDSXIconComponent("stripe");
+const SupabaseIcon = createDSXIconComponent("supabase");
+const TelegramIcon = createDSXIconComponent("telegram");
+const TrashIcon = createDSXIconComponent("trash");
+const RussianRubleIcon = createDSXIconComponent("russian-ruble");
+const SunIcon = createDSXIconComponent("sun");
+const TwitchIcon = createDSXIconComponent("twitch");
+const TwitterIcon = createDSXIconComponent("twitter");
+const UnlockIcon = createDSXIconComponent("unlock");
+const UndoIcon = createDSXIconComponent("undo");
+const UploadIcon = createDSXIconComponent("upload");
+const UserIcon = createDSXIconComponent("user");
+const VercelIcon = createDSXIconComponent("vercel");
+const WifiIcon = createDSXIconComponent("wifi");
+const XIcon = createDSXIconComponent("x");
+const YoutubeIcon = createDSXIconComponent("youtube");
+const ZapIcon = createDSXIconComponent("zap");
+export {
+  ActivityIcon,
+  AlertTriangleIcon,
+  AppleIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  BanknoteIcon,
+  BellIcon,
+  BoldIcon,
+  CalendarIcon,
+  CheckCircleIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CircleDollarSignIcon,
+  CodeIcon,
+  CopyIcon,
+  DiscordIcon,
+  DotsHorizontalIcon,
+  DotsVerticalIcon,
+  EditIcon,
+  EraserIcon,
+  ExternalLinkIcon,
+  EyeIcon,
+  EyeOffIcon,
+  FacebookIcon,
+  FileIcon,
+  FingerprintIcon,
+  GemIcon,
+  GithubIcon,
+  GitlabIcon,
+  GlobeIcon,
+  GoogleIcon,
+  HardDriveIcon,
+  Heading1Icon,
+  Heading2Icon,
+  Heading3Icon,
+  HelpCircleIcon,
+  HomeIcon,
+  ImageIcon,
+  InfoIcon,
+  InstagramIcon,
+  ItalicIcon,
+  KeyIcon,
+  LinkIcon,
+  ListIcon,
+  ListOrderedIcon,
+  LoaderIcon,
+  LockIcon,
+  LockKeyholeIcon,
+  MailIcon,
+  MenuIcon,
+  MinusIcon,
+  MonitorIcon,
+  MoonIcon,
+  NetflixIcon,
+  NpmIcon,
+  PaypalIcon,
+  PlusIcon,
+  PowerIcon,
+  QuoteIcon,
+  ReceiptTextIcon,
+  RedditIcon,
+  RedoIcon,
+  RocketIcon,
+  RussianRubleIcon,
+  SearchIcon,
+  SendIcon,
+  ServerIcon,
+  SettingsIcon,
+  ShieldCheckIcon,
+  ShieldIcon,
+  SignalIcon,
+  SparklesIcon,
+  SpotifyIcon,
+  StarIcon,
+  StrikethroughIcon,
+  StripeIcon,
+  SunIcon,
+  SupabaseIcon,
+  TelegramIcon,
+  TrashIcon,
+  TwitchIcon,
+  TwitterIcon,
+  UndoIcon,
+  UnlockIcon,
+  UploadIcon,
+  UserIcon,
+  VercelIcon,
+  WifiIcon,
+  XIcon,
+  YoutubeIcon,
+  ZapIcon,
+  dsxIconCatalog
+};
+//# sourceMappingURL=icons.js.map

package/dist/components/icon/icons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/icon/icons.tsx"],
+  "sourcesContent": ["export type { DSXIconColor, DSXIconName, DSXIconProps, DSXIconSize } from './Icon'\nexport { dsxIconCatalog } from './Icon'\n\nimport { createDSXIconComponent } from './Icon'\n\nexport const ActivityIcon = createDSXIconComponent('activity')\nexport const AlertTriangleIcon = createDSXIconComponent('alert-triangle')\nexport const AppleIcon = createDSXIconComponent('apple')\nexport const ArrowLeftIcon = createDSXIconComponent('arrow-left')\nexport const ArrowRightIcon = createDSXIconComponent('arrow-right')\nexport const BellIcon = createDSXIconComponent('bell')\nexport const BanknoteIcon = createDSXIconComponent('banknote')\nexport const BoldIcon = createDSXIconComponent('bold')\nexport const CalendarIcon = createDSXIconComponent('calendar')\nexport const CheckIcon = createDSXIconComponent('check')\nexport const CheckCircleIcon = createDSXIconComponent('check-circle')\nexport const CircleDollarSignIcon = createDSXIconComponent('circle-dollar-sign')\nexport const ChevronDownIcon = createDSXIconComponent('chevron-down')\nexport const ChevronLeftIcon = createDSXIconComponent('chevron-left')\nexport const ChevronRightIcon = createDSXIconComponent('chevron-right')\nexport const ChevronUpIcon = createDSXIconComponent('chevron-up')\nexport const CodeIcon = createDSXIconComponent('code')\nexport const CopyIcon = createDSXIconComponent('copy')\nexport const DiscordIcon = createDSXIconComponent('discord')\nexport const DotsHorizontalIcon = createDSXIconComponent('dots-horizontal')\nexport const DotsVerticalIcon = createDSXIconComponent('dots-vertical')\nexport const EditIcon = createDSXIconComponent('edit')\nexport const EraserIcon = createDSXIconComponent('eraser')\nexport const ExternalLinkIcon = createDSXIconComponent('external-link')\nexport const EyeIcon = createDSXIconComponent('eye')\nexport const EyeOffIcon = createDSXIconComponent('eye-off')\nexport const FacebookIcon = createDSXIconComponent('facebook')\nexport const FileIcon = createDSXIconComponent('file')\nexport const FingerprintIcon = createDSXIconComponent('fingerprint')\nexport const GemIcon = createDSXIconComponent('gem')\nexport const GithubIcon = createDSXIconComponent('github')\nexport const GitlabIcon = createDSXIconComponent('gitlab')\nexport const GlobeIcon = createDSXIconComponent('globe')\nexport const GoogleIcon = createDSXIconComponent('google')\nexport const HardDriveIcon = createDSXIconComponent('hard-drive')\nexport const Heading1Icon = createDSXIconComponent('heading-1')\nexport const Heading2Icon = createDSXIconComponent('heading-2')\nexport const Heading3Icon = createDSXIconComponent('heading-3')\nexport const HelpCircleIcon = createDSXIconComponent('help-circle')\nexport const HomeIcon = createDSXIconComponent('home')\nexport const ImageIcon = createDSXIconComponent('image')\nexport const InfoIcon = createDSXIconComponent('info')\nexport const InstagramIcon = createDSXIconComponent('instagram')\nexport const ItalicIcon = createDSXIconComponent('italic')\nexport const KeyIcon = createDSXIconComponent('key')\nexport const LinkIcon = createDSXIconComponent('link')\nexport const ListIcon = createDSXIconComponent('list')\nexport const ListOrderedIcon = createDSXIconComponent('list-ordered')\nexport const LoaderIcon = createDSXIconComponent('loader')\nexport const LockIcon = createDSXIconComponent('lock')\nexport const LockKeyholeIcon = createDSXIconComponent('lock-keyhole')\nexport const MailIcon = createDSXIconComponent('mail')\nexport const MenuIcon = createDSXIconComponent('menu')\nexport const MinusIcon = createDSXIconComponent('minus')\nexport const MonitorIcon = createDSXIconComponent('monitor')\nexport const MoonIcon = createDSXIconComponent('moon')\nexport const NetflixIcon = createDSXIconComponent('netflix')\nexport const NpmIcon = createDSXIconComponent('npm')\nexport const PaypalIcon = createDSXIconComponent('paypal')\nexport const PlusIcon = createDSXIconComponent('plus')\nexport const PowerIcon = createDSXIconComponent('power')\nexport const QuoteIcon = createDSXIconComponent('quote')\nexport const ReceiptTextIcon = createDSXIconComponent('receipt-text')\nexport const RedoIcon = createDSXIconComponent('redo')\nexport const RedditIcon = createDSXIconComponent('reddit')\nexport const RocketIcon = createDSXIconComponent('rocket')\nexport const SearchIcon = createDSXIconComponent('search')\nexport const SendIcon = createDSXIconComponent('send')\nexport const ServerIcon = createDSXIconComponent('server')\nexport const SettingsIcon = createDSXIconComponent('settings')\nexport const ShieldIcon = createDSXIconComponent('shield')\nexport const ShieldCheckIcon = createDSXIconComponent('shield-check')\nexport const SignalIcon = createDSXIconComponent('signal')\nexport const SparklesIcon = createDSXIconComponent('sparkles')\nexport const StarIcon = createDSXIconComponent('star')\nexport const StrikethroughIcon = createDSXIconComponent('strikethrough')\nexport const SpotifyIcon = createDSXIconComponent('spotify')\nexport const StripeIcon = createDSXIconComponent('stripe')\nexport const SupabaseIcon = createDSXIconComponent('supabase')\nexport const TelegramIcon = createDSXIconComponent('telegram')\nexport const TrashIcon = createDSXIconComponent('trash')\nexport const RussianRubleIcon = createDSXIconComponent('russian-ruble')\nexport const SunIcon = createDSXIconComponent('sun')\nexport const TwitchIcon = createDSXIconComponent('twitch')\nexport const TwitterIcon = createDSXIconComponent('twitter')\nexport const UnlockIcon = createDSXIconComponent('unlock')\nexport const UndoIcon = createDSXIconComponent('undo')\nexport const UploadIcon = createDSXIconComponent('upload')\nexport const UserIcon = createDSXIconComponent('user')\nexport const VercelIcon = createDSXIconComponent('vercel')\nexport const WifiIcon = createDSXIconComponent('wifi')\nexport const XIcon = createDSXIconComponent('x')\nexport const YoutubeIcon = createDSXIconComponent('youtube')\nexport const ZapIcon = createDSXIconComponent('zap')\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/icon-button.css

@@ -0,0 +1,187 @@
+
+@import '../../_internal/baseButton.css';
+
+.dsx-icon-button {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  border-radius: var(--dsx-rounded-full);
+  border: var(--dsx-border-width-sm) solid transparent;
+  padding: 0;
+  font-family: var(--dsx-typography-label-large-font-family), sans-serif;
+  isolation: isolate;
+  transition:
+    background-color var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease),
+    border-color var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease),
+    box-shadow var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease),
+    color var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease),
+    opacity var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
+  cursor: var(--dsx-cursor-pointer, pointer);
+}
+
+.dsx-icon-button:disabled,
+.dsx-icon-button[data-disabled='true'] {
+  cursor: var(--dsx-cursor-not-allowed, not-allowed);
+  opacity: var(--dsx-opacity-disabled);
+}
+
+.dsx-icon-button[data-loading='true']:disabled,
+.dsx-icon-button[data-loading='true'][data-disabled='true'] {
+  opacity: 1;
+}
+
+.dsx-icon-button:focus-visible {
+  box-shadow: var(--dsx-shadow-focus-ring);
+}
+
+/* ---- radius ---- */
+
+.dsx-icon-button[data-radius='none'] {
+  border-radius: 0;
+}
+
+.dsx-icon-button[data-radius='sm'] {
+  border-radius: var(--dsx-rounded-sm);
+}
+
+.dsx-icon-button[data-radius='md'] {
+  border-radius: var(--dsx-rounded-md);
+}
+
+.dsx-icon-button[data-radius='lg'] {
+  border-radius: var(--dsx-rounded-lg);
+}
+
+.dsx-icon-button[data-radius='full'] {
+  border-radius: var(--dsx-rounded-full);
+}
+
+.dsx-icon-button[data-size='sm'] {
+  width: var(--dsx-density-control-height-sm, var(--dsx-size-lg));
+  height: var(--dsx-density-control-height-sm, var(--dsx-size-lg));
+}
+
+.dsx-icon-button[data-size='md'] {
+  width: var(--dsx-density-control-height, var(--dsx-size-xl));
+  height: var(--dsx-density-control-height, var(--dsx-size-xl));
+}
+
+.dsx-icon-button[data-size='lg'] {
+  width: var(--dsx-density-control-height-lg, var(--dsx-size-2xl));
+  height: var(--dsx-density-control-height-lg, var(--dsx-size-2xl));
+}
+
+.dsx-icon-button:where([data-variant='primary']) {
+  background: var(--dsx-color-primary);
+  color: var(--dsx-color-on-primary);
+  border-color: var(--dsx-color-primary);
+}
+
+.dsx-icon-button:where([data-variant='primary']):hover:not(:disabled):not([data-disabled='true']) {
+  background: linear-gradient(var(--dsx-effect-hover-primary), var(--dsx-effect-hover-primary)), var(--dsx-color-primary);
+  color: var(--dsx-color-on-primary);
+}
+
+.dsx-icon-button:where([data-variant='secondary']) {
+  background: var(--dsx-color-secondary);
+  color: var(--dsx-color-on-secondary);
+  border-color: var(--dsx-color-secondary);
+}
+
+.dsx-icon-button:where([data-variant='outline']) {
+  background: transparent;
+  border-color: var(--dsx-color-outline-variant);
+  color: var(--dsx-color-on-surface);
+}
+
+.dsx-icon-button:where([data-variant='ghost']) {
+  background: transparent;
+  color: var(--dsx-color-on-surface);
+}
+
+.dsx-icon-button:where([data-variant='destructive']) {
+  background: var(--dsx-color-error);
+  color: var(--dsx-color-on-error);
+  border-color: var(--dsx-color-error);
+}
+
+.dsx-icon-button:where([data-variant='outline'])[data-high-contrast='true'] {
+  background: var(--dsx-color-high-contrast-container);
+  border-color: var(--dsx-color-high-contrast-border);
+  color: var(--dsx-color-accent-indicator);
+}
+
+.dsx-icon-button:where([data-variant='ghost'])[data-high-contrast='true'] {
+  color: var(--dsx-color-accent-indicator);
+}
+
+.dsx-icon-button:where([data-variant='destructive'])[data-high-contrast='true'] {
+  background: var(--dsx-color-error);
+  color: var(--dsx-color-on-error);
+  border-color: var(--dsx-color-high-contrast-border);
+}
+
+.dsx-icon-button:where([data-variant='outline'])[data-high-contrast='true']:hover:not(:disabled):not([data-disabled='true']),
+.dsx-icon-button:where([data-variant='ghost'])[data-high-contrast='true']:hover:not(:disabled):not([data-disabled='true']) {
+  color: var(--dsx-color-accent-indicator);
+  background: var(--dsx-color-high-contrast-container);
+}
+
+.dsx-icon-button:where([data-variant='secondary']):hover:not(:disabled):not([data-disabled='true']) {
+  background: var(--dsx-color-secondary-container);
+  color: var(--dsx-color-on-secondary-container);
+  border-color: var(--dsx-color-secondary-container);
+}
+
+.dsx-icon-button:where([data-variant='outline']):hover:not(:disabled):not([data-disabled='true']),
+.dsx-icon-button:where([data-variant='ghost']):hover:not(:disabled):not([data-disabled='true']) {
+  color: var(--dsx-color-primary);
+  background: linear-gradient(var(--dsx-effect-hover-ghost), var(--dsx-effect-hover-ghost)), transparent;
+}
+
+.dsx-icon-button:where([data-variant='destructive']):hover:not(:disabled):not([data-disabled='true']) {
+  background: linear-gradient(var(--dsx-effect-hover-secondary), var(--dsx-effect-hover-secondary)), var(--dsx-color-error);
+  color: var(--dsx-color-on-error);
+  border-color: var(--dsx-color-error);
+}
+
+.dsx-icon-button[data-loading='true'] {
+  cursor: var(--dsx-cursor-wait, wait);
+}
+
+.dsx-icon-button__content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition:
+    opacity var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease),
+    color var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
+}
+
+.dsx-icon-button[data-loading='true'] .dsx-icon-button__content {
+  opacity: 0;
+}
+
+.dsx-icon-button__spinner {
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transform: translate(-50%, -50%);
+  color: currentColor;
+  pointer-events: none;
+}
+
+.dsx-icon-button[data-loading='true']:disabled .dsx-icon-button__spinner,
+.dsx-icon-button[data-loading='true'][data-disabled='true'] .dsx-icon-button__spinner {
+  color: var(--dsx-color-on-surface);
+}
+
+.dsx-icon-button__spinner-indicator,
+.dsx-icon-button__spinner-indicator .dsx-spinner {
+  color: currentColor;
+}

package/dist/components/iconButton/IconButton.cjs

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var IconButton_exports = {};
+__export(IconButton_exports, {
+  IconButton: () => IconButton
+});
+module.exports = __toCommonJS(IconButton_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_BaseButton = require("../../_internal/BaseButton");
+var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_Spinner = require("../spinner/Spinner");
+var import_iconButton = require("./iconButton.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const IconButton = React.forwardRef((props, forwardedRef) => {
+  const {
+    asChild,
+    children,
+    className,
+    color,
+    highContrast = false,
+    loading = false,
+    radius,
+    size = "md",
+    type = "button",
+    variant = "ghost",
+    ...buttonProps
+  } = (0, import_extractProps.extractProps)(props, import_iconButton.iconButtonPropDefs);
+  const spinnerSize = size === "lg" ? "md" : "sm";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_BaseButton.BaseButton,
+    {
+      ...buttonProps,
+      ref: forwardedRef,
+      asChild,
+      loading,
+      type: asChild ? void 0 : type,
+      className: (0, import_classnames.default)("dsx-icon-button", className),
+      "data-accent-color": color,
+      "data-high-contrast": highContrast ? "true" : void 0,
+      "data-radius": radius,
+      "data-size": size,
+      "data-variant": variant,
+      children: [
+        !asChild && loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: "dsx-icon-button__spinner", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Spinner.Spinner, { className: "dsx-icon-button__spinner-indicator", size: spinnerSize }) }) : null,
+        asChild ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_slot.Slottable, { children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-icon-button__content", children })
+      ]
+    }
+  );
+});
+IconButton.displayName = "IconButton";
+//# sourceMappingURL=IconButton.cjs.map

package/dist/components/iconButton/IconButton.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/iconButton/IconButton.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport { BaseButton } from '../../_internal/BaseButton'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Spinner } from '../spinner/Spinner'\nimport { iconButtonPropDefs } from './iconButton.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype IconButtonElement = React.ComponentRef<'button'>\ntype IconButtonOwnProps = GetPropDefTypes<typeof iconButtonPropDefs>\n\ninterface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, IconButtonOwnProps {}\n\nconst IconButton = React.forwardRef<IconButtonElement, IconButtonProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    color,\n    highContrast = false,\n    loading = false,\n    radius,\n    size = 'md',\n    type = 'button',\n    variant = 'ghost',\n    ...buttonProps\n  } = extractProps(props, iconButtonPropDefs)\n\n  const spinnerSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <BaseButton\n      {...buttonProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      loading={loading}\n      type={asChild ? undefined : type}\n      className={classNames('dsx-icon-button', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    >\n      {!asChild && loading ? (\n        <span aria-hidden=\"true\" className=\"dsx-icon-button__spinner\">\n          <Spinner className=\"dsx-icon-button__spinner-indicator\" size={spinnerSize} />\n        </span>\n      ) : null}\n      {asChild ? (\n        <Slottable>{children}</Slottable>\n      ) : (\n        <span className=\"dsx-icon-button__content\">{children}</span>\n      )}\n    </BaseButton>\n  )\n})\nIconButton.displayName = 'IconButton'\n\nexport { IconButton }\nexport type { IconButtonOwnProps, IconButtonProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAA0B;AAE1B,wBAA2B;AAC3B,0BAA6B;AAC7B,qBAAwB;AACxB,wBAAmC;AA2B/B;AAlBJ,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,oCAAkB;AAE1C,QAAM,cAAc,SAAS,OAAO,OAAO;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,MAAM,UAAU,SAAY;AAAA,MAC5B,eAAW,kBAAAA,SAAW,mBAAmB,SAAS;AAAA,MAClD,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,SAAC,WAAW,UACX,4CAAC,UAAK,eAAY,QAAO,WAAU,4BACjC,sDAAC,0BAAQ,WAAU,sCAAqC,MAAM,aAAa,GAC7E,IACE;AAAA,QACH,UACC,4CAAC,+BAAW,UAAS,IAErB,4CAAC,UAAK,WAAU,4BAA4B,UAAS;AAAA;AAAA;AAAA,EAEzD;AAEJ,CAAC;AACD,WAAW,cAAc;",
+  "names": ["classNames"]
+}

package/dist/components/iconButton/IconButton.d.cts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { iconButtonPropDefs } from './iconButton.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type IconButtonOwnProps = GetPropDefTypes<typeof iconButtonPropDefs>;
+interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, IconButtonOwnProps {
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton };
+export type { IconButtonOwnProps, IconButtonProps };
+//# sourceMappingURL=IconButton.d.cts.map

package/dist/components/iconButton/IconButton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.cts","sourceRoot":"","sources":["../../../src/components/iconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAkB;CAAG;AAEhH,QAAA,MAAM,UAAU,2FA2Cd,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/iconButton/IconButton.d.mts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { iconButtonPropDefs } from './iconButton.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type IconButtonOwnProps = GetPropDefTypes<typeof iconButtonPropDefs>;
+interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, IconButtonOwnProps {
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton };
+export type { IconButtonOwnProps, IconButtonProps };
+//# sourceMappingURL=IconButton.d.mts.map

package/dist/components/iconButton/IconButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.mts","sourceRoot":"","sources":["../../../src/components/iconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAkB;CAAG;AAEhH,QAAA,MAAM,UAAU,2FA2Cd,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/iconButton/IconButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { iconButtonPropDefs } from './iconButton.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type IconButtonOwnProps = GetPropDefTypes<typeof iconButtonPropDefs>;
+interface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, IconButtonOwnProps {
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton };
+export type { IconButtonOwnProps, IconButtonProps };
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/iconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/iconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpE,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAkB;CAAG;AAEhH,QAAA,MAAM,UAAU,2FA2Cd,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/iconButton/IconButton.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import classNames from "classnames";
+import { Slottable } from "@radix-ui/react-slot";
+import { BaseButton } from "../../_internal/BaseButton.js";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { Spinner } from "../spinner/Spinner.js";
+import { iconButtonPropDefs } from "./iconButton.props.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const IconButton = React.forwardRef((props, forwardedRef) => {
+  const {
+    asChild,
+    children,
+    className,
+    color,
+    highContrast = false,
+    loading = false,
+    radius,
+    size = "md",
+    type = "button",
+    variant = "ghost",
+    ...buttonProps
+  } = extractProps(props, iconButtonPropDefs);
+  const spinnerSize = size === "lg" ? "md" : "sm";
+  return /* @__PURE__ */ jsxs(
+    BaseButton,
+    {
+      ...buttonProps,
+      ref: forwardedRef,
+      asChild,
+      loading,
+      type: asChild ? void 0 : type,
+      className: classNames("dsx-icon-button", className),
+      "data-accent-color": color,
+      "data-high-contrast": highContrast ? "true" : void 0,
+      "data-radius": radius,
+      "data-size": size,
+      "data-variant": variant,
+      children: [
+        !asChild && loading ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "dsx-icon-button__spinner", children: /* @__PURE__ */ jsx(Spinner, { className: "dsx-icon-button__spinner-indicator", size: spinnerSize }) }) : null,
+        asChild ? /* @__PURE__ */ jsx(Slottable, { children }) : /* @__PURE__ */ jsx("span", { className: "dsx-icon-button__content", children })
+      ]
+    }
+  );
+});
+IconButton.displayName = "IconButton";
+export {
+  IconButton
+};
+//# sourceMappingURL=IconButton.js.map

package/dist/components/iconButton/IconButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/iconButton/IconButton.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport { BaseButton } from '../../_internal/BaseButton'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Spinner } from '../spinner/Spinner'\nimport { iconButtonPropDefs } from './iconButton.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype IconButtonElement = React.ComponentRef<'button'>\ntype IconButtonOwnProps = GetPropDefTypes<typeof iconButtonPropDefs>\n\ninterface IconButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, IconButtonOwnProps {}\n\nconst IconButton = React.forwardRef<IconButtonElement, IconButtonProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    color,\n    highContrast = false,\n    loading = false,\n    radius,\n    size = 'md',\n    type = 'button',\n    variant = 'ghost',\n    ...buttonProps\n  } = extractProps(props, iconButtonPropDefs)\n\n  const spinnerSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <BaseButton\n      {...buttonProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      loading={loading}\n      type={asChild ? undefined : type}\n      className={classNames('dsx-icon-button', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    >\n      {!asChild && loading ? (\n        <span aria-hidden=\"true\" className=\"dsx-icon-button__spinner\">\n          <Spinner className=\"dsx-icon-button__spinner-indicator\" size={spinnerSize} />\n        </span>\n      ) : null}\n      {asChild ? (\n        <Slottable>{children}</Slottable>\n      ) : (\n        <span className=\"dsx-icon-button__content\">{children}</span>\n      )}\n    </BaseButton>\n  )\n})\nIconButton.displayName = 'IconButton'\n\nexport { IconButton }\nexport type { IconButtonOwnProps, IconButtonProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,iBAAiB;AAE1B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,0BAA0B;AA2B/B,SAeM,KAfN;AAlBJ,MAAM,aAAa,MAAM,WAA+C,CAAC,OAAO,iBAAiB;AAC/F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,kBAAkB;AAE1C,QAAM,cAAc,SAAS,OAAO,OAAO;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,MAAM,UAAU,SAAY;AAAA,MAC5B,WAAW,WAAW,mBAAmB,SAAS;AAAA,MAClD,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEb;AAAA,SAAC,WAAW,UACX,oBAAC,UAAK,eAAY,QAAO,WAAU,4BACjC,8BAAC,WAAQ,WAAU,sCAAqC,MAAM,aAAa,GAC7E,IACE;AAAA,QACH,UACC,oBAAC,aAAW,UAAS,IAErB,oBAAC,UAAK,WAAU,4BAA4B,UAAS;AAAA;AAAA;AAAA,EAEzD;AAEJ,CAAC;AACD,WAAW,cAAc;",
+  "names": []
+}