@d4gger/design-system 2.7.0

package/dist/components/toast/Toast.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toast/Toast.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as ToastPrimitive from '@radix-ui/react-toast'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useThemeContext } from '../../foundations'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { toastPropDefs, toastTriggerPropDefs } from './toast.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nfunction getDocumentThemeState() {\n  if (typeof document === 'undefined') {\n    return {\n      accentColor: 'rift',\n      grayColor: 'auto',\n      mode: 'dark',\n      panelBackground: 'translucent',\n      radius: 'md',\n    } as const\n  }\n\n  const host = document.body ?? document.documentElement\n\n  return {\n    accentColor:\n      host.getAttribute('data-accent-color') === 'warp'\n        ? 'warp'\n        : host.getAttribute('data-accent-color') === 'ray'\n          ? 'ray'\n          : 'rift',\n    grayColor: host.getAttribute('data-gray-color') === 'neutral' ? 'neutral' : 'auto',\n    mode:\n      document.body?.getAttribute('data-dsx-theme') === 'light'\n      || document.documentElement.getAttribute('data-dsx-theme') === 'light'\n        ? 'light'\n        : 'dark',\n    panelBackground: host.getAttribute('data-panel-background') === 'solid' ? 'solid' : 'translucent',\n    radius:\n      host.getAttribute('data-radius') === 'none'\n        ? 'none'\n        : host.getAttribute('data-radius') === 'sm'\n          ? 'sm'\n          : host.getAttribute('data-radius') === 'lg'\n            ? 'lg'\n            : host.getAttribute('data-radius') === 'full'\n              ? 'full'\n              : 'md',\n  } as const\n}\n\nfunction useDocumentTheme() {\n  const inheritedTheme = useThemeContext()\n  const [theme, setTheme] = React.useState(() => inheritedTheme ?? getDocumentThemeState())\n\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return\n\n    const root = document.documentElement\n    const body = document.body\n\n    if (!body || typeof MutationObserver === 'undefined') {\n      setTheme(inheritedTheme ?? getDocumentThemeState())\n      return\n    }\n\n    const updateTheme = () => setTheme(inheritedTheme ?? getDocumentThemeState())\n\n    updateTheme()\n\n    const observer = new MutationObserver(updateTheme)\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n    observer.observe(body, {\n      attributes: true,\n      attributeFilter: ['data-accent-color', 'data-gray-color', 'data-dsx-theme', 'data-panel-background', 'data-radius'],\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [inheritedTheme])\n\n  return theme\n}\n\ntype ToastOwnProps = GetPropDefTypes<typeof toastPropDefs>\ntype ToastTriggerOwnProps = GetPropDefTypes<typeof toastTriggerPropDefs>\n\ntype ToastProviderProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Provider>\ntype ToastViewportProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Viewport>\ntype ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Root> & ToastOwnProps\ntype ToastTitleProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Title>\ntype ToastDescriptionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Description>\ntype ToastActionProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>\ntype ToastCloseProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive.Close>\ntype ToastVariant = NonNullable<ToastOwnProps['variant']>\n\ninterface ToastTriggerProps extends React.ComponentPropsWithoutRef<'button'>, ToastTriggerOwnProps {}\n\nconst ToastProvider = ToastPrimitive.Provider\n\nconst ToastTrigger = React.forwardRef<React.ComponentRef<'button'>, ToastTriggerProps>((props, forwardedRef) => {\n  const { asChild, className, children, type = 'button', ...triggerProps } = extractProps(props, toastTriggerPropDefs)\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      {...triggerProps}\n      ref={forwardedRef}\n      type={asChild ? undefined : type}\n      className={classNames('dsx-toast__trigger', className)}\n      data-slot=\"toast-trigger\"\n    >\n      {children}\n    </Comp>\n  )\n})\nToastTrigger.displayName = 'ToastTrigger'\n\nconst ToastViewport = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Viewport>, ToastViewportProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const resolvedTheme = useDocumentTheme()\n\n    return (\n      <ToastPrimitive.Viewport\n        ref={forwardedRef}\n        className={classNames('dsx-toast__viewport', className)}\n        data-accent-color={resolvedTheme.accentColor}\n        data-gray-color={resolvedTheme.grayColor}\n        data-dsx-theme={resolvedTheme.mode}\n        data-panel-background={resolvedTheme.panelBackground}\n        data-radius={resolvedTheme.radius}\n        data-slot=\"toast-viewport\"\n        {...props}\n      />\n    )\n  },\n)\nToastViewport.displayName = 'ToastViewport'\n\nconst ToastRoot = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Root>, ToastProps>(\n  ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n    const { className, size = 'md', ...toastProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      toastPropDefs,\n    )\n\n    return (\n      <ToastPrimitive.Root\n        ref={forwardedRef}\n        className={classNames('dsx-toast', className)}\n        data-slot=\"toast\"\n        data-variant={variant}\n        data-size={size}\n        {...toastProps}\n      />\n    )\n  },\n)\nToastRoot.displayName = 'Toast'\n\nconst ToastTitle = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Title>, ToastTitleProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Title\n        ref={forwardedRef}\n        className={classNames('dsx-toast__title', className)}\n        data-slot=\"toast-title\"\n        {...props}\n      />\n    )\n  },\n)\nToastTitle.displayName = 'ToastTitle'\n\nconst ToastDescription = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Description>, ToastDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Description\n        ref={forwardedRef}\n        className={classNames('dsx-toast__description', className)}\n        data-slot=\"toast-description\"\n        {...props}\n      />\n    )\n  },\n)\nToastDescription.displayName = 'ToastDescription'\n\nconst ToastAction = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Action>, ToastActionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Action\n        ref={forwardedRef}\n        className={classNames('dsx-toast__action', className)}\n        data-slot=\"toast-action\"\n        {...props}\n      />\n    )\n  },\n)\nToastAction.displayName = 'ToastAction'\n\nconst ToastClose = React.forwardRef<React.ComponentRef<typeof ToastPrimitive.Close>, ToastCloseProps>(\n  ({ className, children, 'aria-label': ariaLabel = 'Close', ...props }, forwardedRef) => {\n    return (\n      <ToastPrimitive.Close\n        ref={forwardedRef}\n        className={classNames('dsx-toast__close', className)}\n        data-slot=\"toast-close\"\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {children ?? <Icon name=\"x\" size=\"md\" />}\n      </ToastPrimitive.Close>\n    )\n  },\n)\nToastClose.displayName = 'ToastClose'\n\nconst Toast: typeof ToastRoot & {\n  Provider: typeof ToastProvider\n  Trigger: typeof ToastTrigger\n  Viewport: typeof ToastViewport\n  Title: typeof ToastTitle\n  Description: typeof ToastDescription\n  Action: typeof ToastAction\n  Close: typeof ToastClose\n} = Object.assign(ToastRoot, {\n  Provider: ToastProvider,\n  Trigger: ToastTrigger,\n  Viewport: ToastViewport,\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Action: ToastAction,\n  Close: ToastClose,\n})\nToast.displayName = 'Toast'\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastTrigger,\n  ToastViewport,\n}\nexport type {\n  ToastActionProps,\n  ToastCloseProps,\n  ToastDescriptionProps,\n  ToastProps,\n  ToastProviderProps,\n  ToastTitleProps,\n  ToastTriggerProps,\n  ToastVariant,\n  ToastViewportProps,\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/toast/toast.props.cjs

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toast_props_exports = {};
+__export(toast_props_exports, {
+  toastPropDefs: () => toastPropDefs,
+  toastTriggerPropDefs: () => toastTriggerPropDefs,
+  toastVariants: () => toastVariants
+});
+module.exports = __toCommonJS(toast_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+const toastVariants = ["default", "destructive"];
+const toastSizes = ["sm", "md", "lg"];
+const toastPropDefs = {
+  variant: {
+    type: "enum",
+    className: "dsx-toast-variant",
+    values: toastVariants,
+    default: "default"
+  },
+  size: {
+    type: "enum",
+    values: toastSizes,
+    default: "md"
+  }
+};
+const toastTriggerPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+//# sourceMappingURL=toast.props.cjs.map

package/dist/components/toast/toast.props.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toast/toast.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'destructive'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,gBAAgB,CAAC,WAAW,aAAa;AAC/C,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
+  "names": []
+}

package/dist/components/toast/toast.props.d.cts

@@ -0,0 +1,22 @@
+declare const toastVariants: readonly ["default", "destructive"];
+declare const toastPropDefs: {
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["default", "destructive"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+};
+declare const toastTriggerPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { toastPropDefs, toastTriggerPropDefs, toastVariants };
+//# sourceMappingURL=toast.props.d.cts.map

package/dist/components/toast/toast.props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.props.d.cts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,qCAAsC,CAAA;AAGzD,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.d.mts

@@ -0,0 +1,22 @@
+declare const toastVariants: readonly ["default", "destructive"];
+declare const toastPropDefs: {
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["default", "destructive"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+};
+declare const toastTriggerPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { toastPropDefs, toastTriggerPropDefs, toastVariants };
+//# sourceMappingURL=toast.props.d.mts.map

package/dist/components/toast/toast.props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.props.d.mts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,qCAAsC,CAAA;AAGzD,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.d.ts

@@ -0,0 +1,22 @@
+declare const toastVariants: readonly ["default", "destructive"];
+declare const toastPropDefs: {
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["default", "destructive"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+};
+declare const toastTriggerPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { toastPropDefs, toastTriggerPropDefs, toastVariants };
+//# sourceMappingURL=toast.props.d.ts.map

package/dist/components/toast/toast.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.props.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,qCAAsC,CAAA;AAGzD,QAAA,MAAM,aAAa;;;;;;;;;;;;CAelB,CAAA;AAED,QAAA,MAAM,oBAAoB;;;;;CAIzB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/toast/toast.props.js

@@ -0,0 +1,25 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const toastVariants = ["default", "destructive"];
+const toastSizes = ["sm", "md", "lg"];
+const toastPropDefs = {
+  variant: {
+    type: "enum",
+    className: "dsx-toast-variant",
+    values: toastVariants,
+    default: "default"
+  },
+  size: {
+    type: "enum",
+    values: toastSizes,
+    default: "md"
+  }
+};
+const toastTriggerPropDefs = {
+  ...asChildPropDef
+};
+export {
+  toastPropDefs,
+  toastTriggerPropDefs,
+  toastVariants
+};
+//# sourceMappingURL=toast.props.js.map

package/dist/components/toast/toast.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toast/toast.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toastVariants = ['default', 'destructive'] as const\nconst toastSizes = ['sm', 'md', 'lg'] as const\n\nconst toastPropDefs = {\n  variant: {\n    type: 'enum',\n    className: 'dsx-toast-variant',\n    values: toastVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: toastSizes,\n    default: 'md',\n  },\n} satisfies {\n  variant: PropDef<(typeof toastVariants)[number]>\n  size: PropDef<(typeof toastSizes)[number]>\n}\n\nconst toastTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport { toastPropDefs, toastTriggerPropDefs, toastVariants }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,gBAAgB,CAAC,WAAW,aAAa;AAC/C,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AAEpC,MAAM,gBAAgB;AAAA,EACpB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;",
+  "names": []
+}

package/dist/components/toast.css

@@ -0,0 +1,154 @@
+
+
+.dsx-toast,
+.dsx-toast__viewport {
+  box-sizing: border-box;
+}
+
+.dsx-toast__viewport {
+  position: fixed;
+  z-index: var(--dsx-z-index-toast);
+  display: flex;
+  flex-direction: column;
+  padding: var(--dsx-space-md);
+  gap: var(--dsx-space-md);
+  width: min(var(--dsx-toast-viewport-width), calc(100vw - var(--dsx-dialog-viewport-gap)));
+  max-width: calc(100vw - var(--dsx-dialog-viewport-gap));
+  margin: 0;
+  list-style: none;
+  outline: none;
+  bottom: var(--dsx-space-md);
+  right: var(--dsx-space-md);
+  left: auto;
+}
+
+.dsx-toast {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-start;
+  column-gap: var(--dsx-space-md);
+  padding: var(--dsx-space-sm) var(--dsx-space-md);
+  background-color: var(--dsx-color-surface);
+  border-radius: var(--dsx-rounded-md);
+  border: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
+  box-shadow: var(--dsx-shadow-elevation-2);
+}
+
+.dsx-toast[data-variant='destructive'] {
+  background-color: var(--dsx-color-error-container);
+  border-color: var(--dsx-color-error);
+  color: var(--dsx-color-on-error-container);
+}
+
+.dsx-toast__title {
+  font-family: var(--dsx-typography-label-large-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-large-font-size);
+  font-weight: var(--dsx-typography-label-large-font-weight);
+  line-height: var(--dsx-typography-label-large-line-height);
+  letter-spacing: var(--dsx-typography-label-large-letter-spacing);
+  color: var(--dsx-color-on-surface);
+  margin: 0;
+}
+
+.dsx-toast__description {
+  font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
+  font-size: var(--dsx-typography-body-medium-font-size);
+  font-weight: var(--dsx-typography-body-medium-font-weight);
+  line-height: var(--dsx-typography-body-medium-line-height);
+  letter-spacing: var(--dsx-typography-body-medium-letter-spacing);
+  color: var(--dsx-color-on-surface-variant);
+  margin: 0;
+}
+
+.dsx-toast__close {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  color: var(--dsx-color-on-surface-variant);
+  padding: var(--dsx-space-xs);
+  border-radius: var(--dsx-rounded-sm);
+}
+
+.dsx-toast__close:hover {
+  background: var(--dsx-color-high-contrast-container);
+  color: var(--dsx-color-high-contrast);
+}
+
+.dsx-toast[data-variant='destructive'] .dsx-toast__title,
+.dsx-toast[data-variant='destructive'] .dsx-toast__description,
+.dsx-toast[data-variant='destructive'] .dsx-toast__close {
+  color: var(--dsx-color-on-error-container);
+}
+
+/* Keep literal breakpoint because CSS custom properties cannot be used in this media query. */
+@media (max-width: 640px) {
+  .dsx-toast__viewport {
+    width: calc(100vw - var(--dsx-size-md));
+    max-width: calc(100vw - var(--dsx-size-md));
+    right: var(--dsx-toast-viewport-mobile-inset);
+    left: var(--dsx-toast-viewport-mobile-inset);
+    padding: var(--dsx-space-sm);
+  }
+}
+
+.dsx-toast-variant-destructive {
+  background-color: var(--dsx-color-error-container);
+  border-color: var(--dsx-color-error);
+  color: var(--dsx-color-on-error-container);
+}
+
+.dsx-toast-variant-destructive .dsx-toast__title,
+.dsx-toast-variant-destructive .dsx-toast__description,
+.dsx-toast-variant-destructive .dsx-toast__close {
+  color: var(--dsx-color-on-error-container);
+}
+
+.dsx-toast__action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--dsx-space-xs) var(--dsx-space-sm);
+  border-radius: var(--dsx-rounded-sm);
+  border: var(--dsx-border-width-sm) solid currentColor;
+  background: transparent;
+  cursor: pointer;
+  font-size: var(--dsx-typography-label-medium-font-size);
+}
+
+.dsx-toast[data-size='sm'] {
+  padding: var(--dsx-space-xs) var(--dsx-space-sm);
+  column-gap: var(--dsx-space-sm);
+}
+
+.dsx-toast[data-size='sm'] .dsx-toast__title {
+  font-size: var(--dsx-typography-label-medium-font-size);
+  line-height: var(--dsx-typography-label-medium-line-height);
+}
+
+.dsx-toast[data-size='sm'] .dsx-toast__description {
+  font-size: var(--dsx-typography-body-small-font-size);
+  line-height: var(--dsx-typography-body-small-line-height);
+}
+
+.dsx-toast[data-size='lg'] {
+  padding: var(--dsx-space-md) var(--dsx-space-lg);
+  column-gap: var(--dsx-space-lg);
+}
+
+.dsx-toast[data-size='lg'] .dsx-toast__description {
+  font-size: var(--dsx-typography-body-large-font-size);
+  line-height: var(--dsx-typography-body-large-line-height);
+}
+
+.dsx-toast__trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--dsx-space-xs) var(--dsx-space-sm);
+  border-radius: var(--dsx-rounded-sm);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--dsx-color-on-surface-variant);
+}

package/dist/components/toggle/Toggle.cjs

@@ -0,0 +1,66 @@
+"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 Toggle_exports = {};
+__export(Toggle_exports, {
+  Toggle: () => Toggle
+});
+module.exports = __toCommonJS(Toggle_exports);
+var React = __toESM(require("react"), 1);
+var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_toggle = require("./toggle.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Toggle = React.forwardRef((props, forwardedRef) => {
+  const { asChild, children, className, highContrast = false, variant = "ghost", size = "md", ...toggleProps } = (0, import_extractProps.extractProps)(props, import_toggle.togglePropDefs);
+  const toggleClassName = (0, import_classnames.default)(
+    "dsx-toggle",
+    size === "sm" && "dsx-toggle--sm",
+    size === "lg" && "dsx-toggle--lg",
+    className
+  );
+  if (asChild) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TogglePrimitive.Root, { ...toggleProps, ref: forwardedRef, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_slot.Slot, { className: toggleClassName, "data-high-contrast": highContrast ? "true" : void 0, "data-variant": variant, "data-size": size, children }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    TogglePrimitive.Root,
+    {
+      ...toggleProps,
+      ref: forwardedRef,
+      className: toggleClassName,
+      "data-high-contrast": highContrast ? "true" : void 0,
+      "data-variant": variant,
+      "data-size": size,
+      children
+    }
+  );
+});
+Toggle.displayName = "Toggle";
+//# sourceMappingURL=Toggle.cjs.map

package/dist/components/toggle/Toggle.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toggle/Toggle.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { togglePropDefs } from './toggle.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ToggleElement = React.ComponentRef<typeof TogglePrimitive.Root>\ntype ToggleOwnProps = GetPropDefTypes<typeof togglePropDefs>\ntype ToggleSize = NonNullable<ToggleOwnProps['size']>\n\ninterface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, ToggleOwnProps {}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n  const { asChild, children, className, highContrast = false, variant = 'ghost', size = 'md', ...toggleProps } = extractProps(props, togglePropDefs)\n  const toggleClassName = classNames(\n    'dsx-toggle',\n    size === 'sm' && 'dsx-toggle--sm',\n    size === 'lg' && 'dsx-toggle--lg',\n    className,\n  )\n\n  if (asChild) {\n    return (\n      <TogglePrimitive.Root {...toggleProps} ref={forwardedRef} asChild>\n        <Slot className={toggleClassName} data-high-contrast={highContrast ? 'true' : undefined} data-variant={variant} data-size={size}>\n          {children}\n        </Slot>\n      </TogglePrimitive.Root>\n    )\n  }\n\n  return (\n    <TogglePrimitive.Root\n      {...toggleProps}\n      ref={forwardedRef}\n      className={toggleClassName}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-variant={variant}\n      data-size={size}\n    >\n      {children}\n    </TogglePrimitive.Root>\n  )\n})\nToggle.displayName = 'Toggle'\n\nexport { Toggle }\nexport type { ToggleOwnProps, ToggleProps, ToggleSize }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,sBAAiC;AACjC,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,oBAA+B;AAsBvB;AAZR,MAAM,SAAS,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACnF,QAAM,EAAE,SAAS,UAAU,WAAW,eAAe,OAAO,UAAU,SAAS,OAAO,MAAM,GAAG,YAAY,QAAI,kCAAa,OAAO,4BAAc;AACjJ,QAAM,sBAAkB,kBAAAA;AAAA,IACtB;AAAA,IACA,SAAS,QAAQ;AAAA,IACjB,SAAS,QAAQ;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,SAAS;AACX,WACE,4CAAC,gBAAgB,MAAhB,EAAsB,GAAG,aAAa,KAAK,cAAc,SAAO,MAC/D,sDAAC,0BAAK,WAAW,iBAAiB,sBAAoB,eAAe,SAAS,QAAW,gBAAc,SAAS,aAAW,MACxH,UACH,GACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,MACX,sBAAoB,eAAe,SAAS;AAAA,MAC5C,gBAAc;AAAA,MACd,aAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,OAAO,cAAc;",
+  "names": ["classNames"]
+}

package/dist/components/toggle/Toggle.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { togglePropDefs } from './toggle.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type ToggleOwnProps = GetPropDefTypes<typeof togglePropDefs>;
+type ToggleSize = NonNullable<ToggleOwnProps['size']>;
+interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, ToggleOwnProps {
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle };
+export type { ToggleOwnProps, ToggleProps, ToggleSize };
+//# sourceMappingURL=Toggle.d.cts.map

package/dist/components/toggle/Toggle.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.cts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAA;AAC5D,KAAK,UAAU,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;AAErD,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,cAAc;CAAG;AAE5G,QAAA,MAAM,MAAM,uFA+BV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/toggle/Toggle.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { togglePropDefs } from './toggle.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type ToggleOwnProps = GetPropDefTypes<typeof togglePropDefs>;
+type ToggleSize = NonNullable<ToggleOwnProps['size']>;
+interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, ToggleOwnProps {
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle };
+export type { ToggleOwnProps, ToggleProps, ToggleSize };
+//# sourceMappingURL=Toggle.d.mts.map

package/dist/components/toggle/Toggle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.mts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAA;AAC5D,KAAK,UAAU,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;AAErD,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,cAAc;CAAG;AAE5G,QAAA,MAAM,MAAM,uFA+BV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/toggle/Toggle.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { togglePropDefs } from './toggle.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type ToggleOwnProps = GetPropDefTypes<typeof togglePropDefs>;
+type ToggleSize = NonNullable<ToggleOwnProps['size']>;
+interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, ToggleOwnProps {
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle };
+export type { ToggleOwnProps, ToggleProps, ToggleSize };
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAA;AAC5D,KAAK,UAAU,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;AAErD,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,cAAc;CAAG;AAE5G,QAAA,MAAM,MAAM,uFA+BV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/toggle/Toggle.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import classNames from "classnames";
+import { Slot } from "@radix-ui/react-slot";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { togglePropDefs } from "./toggle.props.js";
+import { jsx } from "react/jsx-runtime";
+const Toggle = React.forwardRef((props, forwardedRef) => {
+  const { asChild, children, className, highContrast = false, variant = "ghost", size = "md", ...toggleProps } = extractProps(props, togglePropDefs);
+  const toggleClassName = classNames(
+    "dsx-toggle",
+    size === "sm" && "dsx-toggle--sm",
+    size === "lg" && "dsx-toggle--lg",
+    className
+  );
+  if (asChild) {
+    return /* @__PURE__ */ jsx(TogglePrimitive.Root, { ...toggleProps, ref: forwardedRef, asChild: true, children: /* @__PURE__ */ jsx(Slot, { className: toggleClassName, "data-high-contrast": highContrast ? "true" : void 0, "data-variant": variant, "data-size": size, children }) });
+  }
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      ...toggleProps,
+      ref: forwardedRef,
+      className: toggleClassName,
+      "data-high-contrast": highContrast ? "true" : void 0,
+      "data-variant": variant,
+      "data-size": size,
+      children
+    }
+  );
+});
+Toggle.displayName = "Toggle";
+export {
+  Toggle
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/components/toggle/Toggle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toggle/Toggle.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { togglePropDefs } from './toggle.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ToggleElement = React.ComponentRef<typeof TogglePrimitive.Root>\ntype ToggleOwnProps = GetPropDefTypes<typeof togglePropDefs>\ntype ToggleSize = NonNullable<ToggleOwnProps['size']>\n\ninterface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, ToggleOwnProps {}\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>((props, forwardedRef) => {\n  const { asChild, children, className, highContrast = false, variant = 'ghost', size = 'md', ...toggleProps } = extractProps(props, togglePropDefs)\n  const toggleClassName = classNames(\n    'dsx-toggle',\n    size === 'sm' && 'dsx-toggle--sm',\n    size === 'lg' && 'dsx-toggle--lg',\n    className,\n  )\n\n  if (asChild) {\n    return (\n      <TogglePrimitive.Root {...toggleProps} ref={forwardedRef} asChild>\n        <Slot className={toggleClassName} data-high-contrast={highContrast ? 'true' : undefined} data-variant={variant} data-size={size}>\n          {children}\n        </Slot>\n      </TogglePrimitive.Root>\n    )\n  }\n\n  return (\n    <TogglePrimitive.Root\n      {...toggleProps}\n      ref={forwardedRef}\n      className={toggleClassName}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-variant={variant}\n      data-size={size}\n    >\n      {children}\n    </TogglePrimitive.Root>\n  )\n})\nToggle.displayName = 'Toggle'\n\nexport { Toggle }\nexport type { ToggleOwnProps, ToggleProps, ToggleSize }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAsBvB;AAZR,MAAM,SAAS,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACnF,QAAM,EAAE,SAAS,UAAU,WAAW,eAAe,OAAO,UAAU,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI,aAAa,OAAO,cAAc;AACjJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,SAAS,QAAQ;AAAA,IACjB,SAAS,QAAQ;AAAA,IACjB;AAAA,EACF;AAEA,MAAI,SAAS;AACX,WACE,oBAAC,gBAAgB,MAAhB,EAAsB,GAAG,aAAa,KAAK,cAAc,SAAO,MAC/D,8BAAC,QAAK,WAAW,iBAAiB,sBAAoB,eAAe,SAAS,QAAW,gBAAc,SAAS,aAAW,MACxH,UACH,GACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,MACX,sBAAoB,eAAe,SAAS;AAAA,MAC5C,gBAAc;AAAA,MACd,aAAW;AAAA,MAEV;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,OAAO,cAAc;",
+  "names": []
+}

package/dist/components/toggle/toggle.props.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toggle_props_exports = {};
+__export(toggle_props_exports, {
+  togglePropDefs: () => togglePropDefs
+});
+module.exports = __toCommonJS(toggle_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+var import_highContrast = require("../../_internal/props/highContrast.prop");
+const toggleVariants = ["solid", "outline", "ghost"];
+const toggleSizes = ["sm", "md", "lg"];
+const togglePropDefs = {
+  ...import_asChild.asChildPropDef,
+  ...import_highContrast.highContrastPropDef,
+  variant: {
+    type: "enum",
+    values: toggleVariants,
+    default: "ghost"
+  },
+  size: {
+    type: "enum",
+    values: toggleSizes,
+    default: "md"
+  }
+};
+//# sourceMappingURL=toggle.props.cjs.map

package/dist/components/toggle/toggle.props.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toggle/toggle.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst toggleVariants = ['solid', 'outline', 'ghost'] as const\nconst toggleSizes = ['sm', 'md', 'lg'] as const\n\nconst togglePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: toggleVariants,\n    default: 'ghost',\n  },\n  size: {\n    type: 'enum',\n    values: toggleSizes,\n    default: 'md',\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  variant: PropDef<(typeof toggleVariants)[number]>\n  size: PropDef<(typeof toggleSizes)[number]>\n}\n\nexport { togglePropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,0BAAoC;AAIpC,MAAM,iBAAiB,CAAC,SAAS,WAAW,OAAO;AACnD,MAAM,cAAc,CAAC,MAAM,MAAM,IAAI;AAErC,MAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/toggle/toggle.props.d.cts

@@ -0,0 +1,22 @@
+declare const togglePropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "outline", "ghost"];
+        default: "ghost";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md", "lg"];
+        default: "md";
+    };
+    highContrast: {
+        type: "boolean";
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { togglePropDefs };
+//# sourceMappingURL=toggle.props.d.cts.map

package/dist/components/toggle/toggle.props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.props.d.cts","sourceRoot":"","sources":["../../../src/components/toggle/toggle.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;CAkBnB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}