@d4gger/design-system 2.7.0

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

@@ -0,0 +1,40 @@
+declare const richTextEditorPropDefs: {
+    disabled: {
+        type: "boolean";
+        className: string;
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const richTextEditorToolbarButtonPropDefs: {
+    active: {
+        type: "boolean";
+        className: string;
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const richTextEditorContentPropDefs: {
+    disabled: {
+        type: "boolean";
+        className: string;
+        default: false;
+    };
+    mode: {
+        type: "enum";
+        values: readonly ["toolbar", "content"];
+        default: "content";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs };
+//# sourceMappingURL=richTextEditor.props.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"richTextEditor.props.d.mts","sourceRoot":"","sources":["../../../src/components/richTextEditor/richTextEditor.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,mCAAmC;;;;;;;;;;CAUxC,CAAA;AAED,QAAA,MAAM,6BAA6B;;;;;;;;;;;;;;;CAgBlC,CAAA;AAED,OAAO,EAAE,6BAA6B,EAAE,sBAAsB,EAAE,mCAAmC,EAAE,CAAA"}

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

@@ -0,0 +1,40 @@
+declare const richTextEditorPropDefs: {
+    disabled: {
+        type: "boolean";
+        className: string;
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const richTextEditorToolbarButtonPropDefs: {
+    active: {
+        type: "boolean";
+        className: string;
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const richTextEditorContentPropDefs: {
+    disabled: {
+        type: "boolean";
+        className: string;
+        default: false;
+    };
+    mode: {
+        type: "enum";
+        values: readonly ["toolbar", "content"];
+        default: "content";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs };
+//# sourceMappingURL=richTextEditor.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"richTextEditor.props.d.ts","sourceRoot":"","sources":["../../../src/components/richTextEditor/richTextEditor.props.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,sBAAsB;;;;;;;;;;CAU3B,CAAA;AAED,QAAA,MAAM,mCAAmC;;;;;;;;;;CAUxC,CAAA;AAED,QAAA,MAAM,6BAA6B;;;;;;;;;;;;;;;CAgBlC,CAAA;AAED,OAAO,EAAE,6BAA6B,EAAE,sBAAsB,EAAE,mCAAmC,EAAE,CAAA"}

package/dist/components/richTextEditor/richTextEditor.props.js

@@ -0,0 +1,37 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const richTextEditorModes = ["toolbar", "content"];
+const richTextEditorPropDefs = {
+  ...asChildPropDef,
+  disabled: {
+    type: "boolean",
+    className: "dsx-rich-text-editor-disabled",
+    default: false
+  }
+};
+const richTextEditorToolbarButtonPropDefs = {
+  ...asChildPropDef,
+  active: {
+    type: "boolean",
+    className: "dsx-rich-text-editor-toolbar-button-active",
+    default: false
+  }
+};
+const richTextEditorContentPropDefs = {
+  ...asChildPropDef,
+  disabled: {
+    type: "boolean",
+    className: "dsx-rich-text-editor-content-disabled",
+    default: false
+  },
+  mode: {
+    type: "enum",
+    values: richTextEditorModes,
+    default: "content"
+  }
+};
+export {
+  richTextEditorContentPropDefs,
+  richTextEditorPropDefs,
+  richTextEditorToolbarButtonPropDefs
+};
+//# sourceMappingURL=richTextEditor.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/richTextEditor/richTextEditor.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst richTextEditorModes = ['toolbar', 'content'] as const\n\nconst richTextEditorPropDefs = {\n  ...asChildPropDef,\n  disabled: {\n    type: 'boolean',\n    className: 'dsx-rich-text-editor-disabled',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  disabled: PropDef\n}\n\nconst richTextEditorToolbarButtonPropDefs = {\n  ...asChildPropDef,\n  active: {\n    type: 'boolean',\n    className: 'dsx-rich-text-editor-toolbar-button-active',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  active: PropDef\n}\n\nconst richTextEditorContentPropDefs = {\n  ...asChildPropDef,\n  disabled: {\n    type: 'boolean',\n    className: 'dsx-rich-text-editor-content-disabled',\n    default: false,\n  },\n  mode: {\n    type: 'enum',\n    values: richTextEditorModes,\n    default: 'content',\n  },\n} satisfies {\n  asChild: PropDef\n  disabled: PropDef\n  mode: PropDef<(typeof richTextEditorModes)[number]>\n}\n\nexport { richTextEditorContentPropDefs, richTextEditorPropDefs, richTextEditorToolbarButtonPropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,sBAAsB,CAAC,WAAW,SAAS;AAEjD,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF;AAKA,MAAM,sCAAsC;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF;AAKA,MAAM,gCAAgC;AAAA,EACpC,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/scroll-area.css

@@ -0,0 +1,66 @@
+
+
+.dsx-scroll-area {
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+}
+
+.dsx-scroll-area[data-radius='none'] { border-radius: var(--dsx-rounded-none, 0); }
+.dsx-scroll-area[data-radius='sm']   { border-radius: var(--dsx-rounded-sm); }
+.dsx-scroll-area[data-radius='md']   { border-radius: var(--dsx-rounded-md); }
+.dsx-scroll-area[data-radius='lg']   { border-radius: var(--dsx-rounded-lg); }
+.dsx-scroll-area[data-radius='full'] { border-radius: var(--dsx-rounded-full); }
+
+.dsx-scroll-area[data-size='2'] .dsx-scroll-area__scrollbar[data-orientation='vertical'] { width: 8px; }
+.dsx-scroll-area[data-size='2'] .dsx-scroll-area__scrollbar[data-orientation='horizontal'] { height: 8px; }
+.dsx-scroll-area[data-size='3'] .dsx-scroll-area__scrollbar[data-orientation='vertical'] { width: 10px; }
+.dsx-scroll-area[data-size='3'] .dsx-scroll-area__scrollbar[data-orientation='horizontal'] { height: 10px; }
+
+.dsx-scroll-area__viewport {
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+}
+
+.dsx-scroll-area__scrollbar {
+  display: flex;
+  user-select: none;
+  touch-action: none;
+  padding: var(--dsx-space-0-5);
+  transition: background-color var(--dsx-motion-duration-fast, 150ms) var(--dsx-motion-easing-standard, ease);
+}
+
+.dsx-scroll-area__scrollbar[data-orientation='vertical'] {
+  width: var(--dsx-size-scroll-thumb-size);
+}
+
+.dsx-scroll-area__scrollbar[data-orientation='horizontal'] {
+  flex-direction: column;
+  height: var(--dsx-size-scroll-thumb-size);
+}
+
+.dsx-scroll-area__scrollbar[data-state='visible'] {
+  background: var(--dsx-color-surface-sunken);
+  border-radius: var(--dsx-rounded-full);
+}
+
+.dsx-scroll-area__thumb {
+  flex: 1;
+  border-radius: var(--dsx-rounded-full);
+  background: var(--dsx-color-gray-8);
+  opacity: 0.7;
+  transition:
+    background-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);
+}
+
+.dsx-scroll-area__scrollbar:hover .dsx-scroll-area__thumb,
+.dsx-scroll-area__thumb:hover {
+  background: var(--dsx-color-gray-10);
+  opacity: 0.9;
+}
+
+.dsx-scroll-area__corner {
+  background: transparent;
+}

package/dist/components/scrollArea/ScrollArea.cjs

@@ -0,0 +1,128 @@
+"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 ScrollArea_exports = {};
+__export(ScrollArea_exports, {
+  ScrollArea: () => ScrollArea,
+  ScrollAreaCorner: () => ScrollAreaCorner,
+  ScrollAreaRoot: () => ScrollAreaRoot,
+  ScrollAreaViewport: () => ScrollAreaViewport,
+  ScrollBar: () => ScrollBar
+});
+module.exports = __toCommonJS(ScrollArea_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
+var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_scrollArea = require("./scrollArea.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ScrollAreaViewport = React.forwardRef((props, forwardedRef) => {
+  const { asChild = false, className, ...viewportProps } = (0, import_extractProps.extractProps)(props, import_scrollArea.scrollAreaViewportPropDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ScrollAreaPrimitive.Viewport,
+    {
+      ...viewportProps,
+      ref: forwardedRef,
+      asChild,
+      className: (0, import_classnames.default)("dsx-scroll-area__viewport", className),
+      "data-slot": "scroll-area-viewport"
+    }
+  );
+});
+ScrollAreaViewport.displayName = "ScrollAreaViewport";
+const ScrollBar = React.forwardRef((props, forwardedRef) => {
+  const { asChild: _asChild, className, orientation = "vertical", ...scrollBarProps } = (0, import_extractProps.extractProps)(
+    props,
+    import_scrollArea.scrollAreaScrollBarPropDefs
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      ...scrollBarProps,
+      ref: forwardedRef,
+      orientation,
+      className: (0, import_classnames.default)("dsx-scroll-area__scrollbar", className),
+      "data-slot": "scroll-area-scrollbar",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "dsx-scroll-area__thumb", "data-slot": "scroll-area-thumb" })
+    }
+  );
+});
+ScrollBar.displayName = "ScrollBar";
+const ScrollAreaCorner = React.forwardRef(
+  (props, forwardedRef) => {
+    const { asChild: _asChild, className, ...cornerProps } = (0, import_extractProps.extractProps)(props, import_scrollArea.scrollAreaCornerPropDefs);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ScrollAreaPrimitive.Corner,
+      {
+        ...cornerProps,
+        ref: forwardedRef,
+        className: (0, import_classnames.default)("dsx-scroll-area__corner", className),
+        "data-slot": "scroll-area-corner"
+      }
+    );
+  }
+);
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+const ScrollAreaRoot = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      asChild: _asChild,
+      children,
+      className,
+      radius = "md",
+      size = "1",
+      viewportAsChild = false,
+      viewportClassName,
+      ...scrollAreaProps
+    } = (0, import_extractProps.extractProps)(props, import_scrollArea.scrollAreaPropDefs);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      ScrollAreaPrimitive.Root,
+      {
+        ...scrollAreaProps,
+        ref: forwardedRef,
+        className: (0, import_classnames.default)("dsx-scroll-area", className),
+        "data-radius": radius,
+        "data-size": size,
+        "data-slot": "scroll-area",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaViewport, { asChild: viewportAsChild, className: viewportClassName, children: viewportAsChild ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, { orientation: "vertical" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollBar, { orientation: "horizontal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaCorner, {})
+        ]
+      }
+    );
+  }
+);
+ScrollAreaRoot.displayName = "ScrollArea";
+const ScrollArea = Object.assign(ScrollAreaRoot, {
+  Viewport: ScrollAreaViewport,
+  ScrollBar,
+  Corner: ScrollAreaCorner
+});
+//# sourceMappingURL=ScrollArea.cjs.map

package/dist/components/scrollArea/ScrollArea.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/scrollArea/ScrollArea.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  scrollAreaCornerPropDefs,\n  scrollAreaPropDefs,\n  scrollAreaScrollBarPropDefs,\n  scrollAreaViewportPropDefs,\n} from './scrollArea.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>\ntype ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>\ntype ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>\ntype ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>\n\ninterface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>,\n    ScrollAreaOwnProps {\n  viewportClassName?: string\n}\n\ninterface ScrollAreaViewportProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>,\n    ScrollAreaViewportOwnProps {}\n\ninterface ScrollBarProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n    ScrollAreaScrollBarOwnProps {}\n\ninterface ScrollAreaCornerProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>,\n    ScrollAreaCornerOwnProps {}\n\nconst ScrollAreaViewport = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Viewport>,\n  ScrollAreaViewportProps\n>((props, forwardedRef) => {\n  const { asChild = false, className, ...viewportProps } = extractProps(props, scrollAreaViewportPropDefs)\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      {...viewportProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={classNames('dsx-scroll-area__viewport', className)}\n      data-slot=\"scroll-area-viewport\"\n    />\n  )\n})\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollBarProps\n>((props, forwardedRef) => {\n  const { asChild: _asChild, className, orientation = 'vertical', ...scrollBarProps } = extractProps(\n    props,\n    scrollAreaScrollBarPropDefs,\n  )\n\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      {...scrollBarProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      className={classNames('dsx-scroll-area__scrollbar', className)}\n      data-slot=\"scroll-area-scrollbar\"\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"dsx-scroll-area__thumb\" data-slot=\"scroll-area-thumb\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n})\nScrollBar.displayName = 'ScrollBar'\n\nconst ScrollAreaCorner = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...cornerProps } = extractProps(props, scrollAreaCornerPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Corner\n        {...cornerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area__corner', className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    )\n  },\n)\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nconst ScrollAreaRoot = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  (props, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      children,\n      className,\n      radius = 'md',\n      size = '1',\n      viewportAsChild = false,\n      viewportClassName,\n      ...scrollAreaProps\n    } = extractProps(props, scrollAreaPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Root\n        {...scrollAreaProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area', className)}\n        data-radius={radius}\n        data-size={size}\n        data-slot=\"scroll-area\"\n      >\n        <ScrollAreaViewport asChild={viewportAsChild} className={viewportClassName}>\n          {viewportAsChild ? (children as React.ReactElement) : <>{children}</>}\n        </ScrollAreaViewport>\n        <ScrollBar orientation=\"vertical\" />\n        <ScrollBar orientation=\"horizontal\" />\n        <ScrollAreaCorner />\n      </ScrollAreaPrimitive.Root>\n    )\n  },\n)\nScrollAreaRoot.displayName = 'ScrollArea'\n\nconst ScrollArea: typeof ScrollAreaRoot & {\n  Viewport: typeof ScrollAreaViewport\n  ScrollBar: typeof ScrollBar\n  Corner: typeof ScrollAreaCorner\n} = Object.assign(ScrollAreaRoot, {\n  Viewport: ScrollAreaViewport,\n  ScrollBar,\n  Corner: ScrollAreaCorner,\n})\n\nexport { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar }\nexport type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,0BAAqC;AAErC,0BAA6B;AAC7B,wBAKO;AAkCH;AAPJ,MAAM,qBAAqB,MAAM,WAG/B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,OAAO,WAAW,GAAG,cAAc,QAAI,kCAAa,OAAO,4CAA0B;AAEvG,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,eAAW,kBAAAA,SAAW,6BAA6B,SAAS;AAAA,MAC5D,aAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AACD,mBAAmB,cAAc;AAEjC,MAAM,YAAY,MAAM,WAGtB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,SAAS,UAAU,WAAW,cAAc,YAAY,GAAG,eAAe,QAAI;AAAA,IACpF;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,eAAW,kBAAAA,SAAW,8BAA8B,SAAS;AAAA,MAC7D,aAAU;AAAA,MAEV,sDAAC,oBAAoB,iBAApB,EAAoC,WAAU,0BAAyB,aAAU,qBAAoB;AAAA;AAAA,EACxG;AAEJ,CAAC;AACD,UAAU,cAAc;AAExB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,YAAY,QAAI,kCAAa,OAAO,0CAAwB;AAErG,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,2BAA2B,SAAS;AAAA,QAC1D,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA,GAAG;AAAA,IACL,QAAI,kCAAa,OAAO,oCAAkB;AAE1C,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,mBAAmB,SAAS;AAAA,QAClD,eAAa;AAAA,QACb,aAAW;AAAA,QACX,aAAU;AAAA,QAEV;AAAA,sDAAC,sBAAmB,SAAS,iBAAiB,WAAW,mBACtD,4BAAmB,WAAkC,2EAAG,UAAS,GACpE;AAAA,UACA,4CAAC,aAAU,aAAY,YAAW;AAAA,UAClC,4CAAC,aAAU,aAAY,cAAa;AAAA,UACpC,4CAAC,oBAAiB;AAAA;AAAA;AAAA,IACpB;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,gBAAgB;AAAA,EAChC,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AACV,CAAC;",
+  "names": ["classNames"]
+}

package/dist/components/scrollArea/ScrollArea.d.cts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { scrollAreaCornerPropDefs, scrollAreaPropDefs, scrollAreaScrollBarPropDefs, scrollAreaViewportPropDefs } from './scrollArea.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;
+type ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>;
+type ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>;
+type ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>;
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaOwnProps {
+    viewportClassName?: string;
+}
+interface ScrollAreaViewportProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>, ScrollAreaViewportOwnProps {
+}
+interface ScrollBarProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>, ScrollAreaScrollBarOwnProps {
+}
+interface ScrollAreaCornerProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerOwnProps {
+}
+declare const ScrollAreaViewport: React.ForwardRefExoticComponent<ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<ScrollBarProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaCorner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaRoot: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: typeof ScrollAreaRoot & {
+    Viewport: typeof ScrollAreaViewport;
+    ScrollBar: typeof ScrollBar;
+    Corner: typeof ScrollAreaCorner;
+};
+export { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar };
+export type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps };
+//# sourceMappingURL=ScrollArea.d.cts.map

package/dist/components/scrollArea/ScrollArea.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.cts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFA+BnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/scrollArea/ScrollArea.d.mts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { scrollAreaCornerPropDefs, scrollAreaPropDefs, scrollAreaScrollBarPropDefs, scrollAreaViewportPropDefs } from './scrollArea.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;
+type ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>;
+type ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>;
+type ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>;
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaOwnProps {
+    viewportClassName?: string;
+}
+interface ScrollAreaViewportProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>, ScrollAreaViewportOwnProps {
+}
+interface ScrollBarProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>, ScrollAreaScrollBarOwnProps {
+}
+interface ScrollAreaCornerProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerOwnProps {
+}
+declare const ScrollAreaViewport: React.ForwardRefExoticComponent<ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<ScrollBarProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaCorner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaRoot: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: typeof ScrollAreaRoot & {
+    Viewport: typeof ScrollAreaViewport;
+    ScrollBar: typeof ScrollBar;
+    Corner: typeof ScrollAreaCorner;
+};
+export { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar };
+export type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps };
+//# sourceMappingURL=ScrollArea.d.mts.map

package/dist/components/scrollArea/ScrollArea.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.mts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFA+BnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/scrollArea/ScrollArea.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { scrollAreaCornerPropDefs, scrollAreaPropDefs, scrollAreaScrollBarPropDefs, scrollAreaViewportPropDefs } from './scrollArea.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;
+type ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>;
+type ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>;
+type ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>;
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaOwnProps {
+    viewportClassName?: string;
+}
+interface ScrollAreaViewportProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>, ScrollAreaViewportOwnProps {
+}
+interface ScrollBarProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>, ScrollAreaScrollBarOwnProps {
+}
+interface ScrollAreaCornerProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerOwnProps {
+}
+declare const ScrollAreaViewport: React.ForwardRefExoticComponent<ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<ScrollBarProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaCorner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaRoot: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: typeof ScrollAreaRoot & {
+    Viewport: typeof ScrollAreaViewport;
+    ScrollBar: typeof ScrollBar;
+    Corner: typeof ScrollAreaCorner;
+};
+export { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar };
+export type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps };
+//# sourceMappingURL=ScrollArea.d.ts.map

package/dist/components/scrollArea/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAGlE,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AACpE,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAA;AACpF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAA;AACtF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAEhF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,kBAAkB;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,UAAU,uBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,CAAC,EACzE,0BAA0B;CAAG;AAEjC,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,EACpF,2BAA2B;CAAG;AAElC,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,MAAM,CAAC,EACvE,wBAAwB;CAAG;AAE/B,QAAA,MAAM,kBAAkB,gGAetB,CAAA;AAGF,QAAA,MAAM,SAAS,uFAoBb,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAarB,CAAA;AAGD,QAAA,MAAM,cAAc,wFA+BnB,CAAA;AAGD,QAAA,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IACxC,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,MAAM,EAAE,OAAO,gBAAgB,CAAA;CAK/B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAA;AACtF,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,uBAAuB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/scrollArea/ScrollArea.js

@@ -0,0 +1,103 @@
+import * as React from "react";
+import classNames from "classnames";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import {
+  scrollAreaCornerPropDefs,
+  scrollAreaPropDefs,
+  scrollAreaScrollBarPropDefs,
+  scrollAreaViewportPropDefs
+} from "./scrollArea.props.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const ScrollAreaViewport = React.forwardRef((props, forwardedRef) => {
+  const { asChild = false, className, ...viewportProps } = extractProps(props, scrollAreaViewportPropDefs);
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.Viewport,
+    {
+      ...viewportProps,
+      ref: forwardedRef,
+      asChild,
+      className: classNames("dsx-scroll-area__viewport", className),
+      "data-slot": "scroll-area-viewport"
+    }
+  );
+});
+ScrollAreaViewport.displayName = "ScrollAreaViewport";
+const ScrollBar = React.forwardRef((props, forwardedRef) => {
+  const { asChild: _asChild, className, orientation = "vertical", ...scrollBarProps } = extractProps(
+    props,
+    scrollAreaScrollBarPropDefs
+  );
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      ...scrollBarProps,
+      ref: forwardedRef,
+      orientation,
+      className: classNames("dsx-scroll-area__scrollbar", className),
+      "data-slot": "scroll-area-scrollbar",
+      children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "dsx-scroll-area__thumb", "data-slot": "scroll-area-thumb" })
+    }
+  );
+});
+ScrollBar.displayName = "ScrollBar";
+const ScrollAreaCorner = React.forwardRef(
+  (props, forwardedRef) => {
+    const { asChild: _asChild, className, ...cornerProps } = extractProps(props, scrollAreaCornerPropDefs);
+    return /* @__PURE__ */ jsx(
+      ScrollAreaPrimitive.Corner,
+      {
+        ...cornerProps,
+        ref: forwardedRef,
+        className: classNames("dsx-scroll-area__corner", className),
+        "data-slot": "scroll-area-corner"
+      }
+    );
+  }
+);
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+const ScrollAreaRoot = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      asChild: _asChild,
+      children,
+      className,
+      radius = "md",
+      size = "1",
+      viewportAsChild = false,
+      viewportClassName,
+      ...scrollAreaProps
+    } = extractProps(props, scrollAreaPropDefs);
+    return /* @__PURE__ */ jsxs(
+      ScrollAreaPrimitive.Root,
+      {
+        ...scrollAreaProps,
+        ref: forwardedRef,
+        className: classNames("dsx-scroll-area", className),
+        "data-radius": radius,
+        "data-size": size,
+        "data-slot": "scroll-area",
+        children: [
+          /* @__PURE__ */ jsx(ScrollAreaViewport, { asChild: viewportAsChild, className: viewportClassName, children: viewportAsChild ? children : /* @__PURE__ */ jsx(Fragment, { children }) }),
+          /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
+          /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+          /* @__PURE__ */ jsx(ScrollAreaCorner, {})
+        ]
+      }
+    );
+  }
+);
+ScrollAreaRoot.displayName = "ScrollArea";
+const ScrollArea = Object.assign(ScrollAreaRoot, {
+  Viewport: ScrollAreaViewport,
+  ScrollBar,
+  Corner: ScrollAreaCorner
+});
+export {
+  ScrollArea,
+  ScrollAreaCorner,
+  ScrollAreaRoot,
+  ScrollAreaViewport,
+  ScrollBar
+};
+//# sourceMappingURL=ScrollArea.js.map

package/dist/components/scrollArea/ScrollArea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/scrollArea/ScrollArea.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  scrollAreaCornerPropDefs,\n  scrollAreaPropDefs,\n  scrollAreaScrollBarPropDefs,\n  scrollAreaViewportPropDefs,\n} from './scrollArea.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>\ntype ScrollAreaViewportOwnProps = GetPropDefTypes<typeof scrollAreaViewportPropDefs>\ntype ScrollAreaScrollBarOwnProps = GetPropDefTypes<typeof scrollAreaScrollBarPropDefs>\ntype ScrollAreaCornerOwnProps = GetPropDefTypes<typeof scrollAreaCornerPropDefs>\n\ninterface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>,\n    ScrollAreaOwnProps {\n  viewportClassName?: string\n}\n\ninterface ScrollAreaViewportProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>,\n    ScrollAreaViewportOwnProps {}\n\ninterface ScrollBarProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n    ScrollAreaScrollBarOwnProps {}\n\ninterface ScrollAreaCornerProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>,\n    ScrollAreaCornerOwnProps {}\n\nconst ScrollAreaViewport = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Viewport>,\n  ScrollAreaViewportProps\n>((props, forwardedRef) => {\n  const { asChild = false, className, ...viewportProps } = extractProps(props, scrollAreaViewportPropDefs)\n\n  return (\n    <ScrollAreaPrimitive.Viewport\n      {...viewportProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      className={classNames('dsx-scroll-area__viewport', className)}\n      data-slot=\"scroll-area-viewport\"\n    />\n  )\n})\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollBarProps\n>((props, forwardedRef) => {\n  const { asChild: _asChild, className, orientation = 'vertical', ...scrollBarProps } = extractProps(\n    props,\n    scrollAreaScrollBarPropDefs,\n  )\n\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      {...scrollBarProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      className={classNames('dsx-scroll-area__scrollbar', className)}\n      data-slot=\"scroll-area-scrollbar\"\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"dsx-scroll-area__thumb\" data-slot=\"scroll-area-thumb\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n})\nScrollBar.displayName = 'ScrollBar'\n\nconst ScrollAreaCorner = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Corner>, ScrollAreaCornerProps>(\n  (props, forwardedRef) => {\n    const { asChild: _asChild, className, ...cornerProps } = extractProps(props, scrollAreaCornerPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Corner\n        {...cornerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area__corner', className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    )\n  },\n)\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nconst ScrollAreaRoot = React.forwardRef<React.ComponentRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  (props, forwardedRef) => {\n    const {\n      asChild: _asChild,\n      children,\n      className,\n      radius = 'md',\n      size = '1',\n      viewportAsChild = false,\n      viewportClassName,\n      ...scrollAreaProps\n    } = extractProps(props, scrollAreaPropDefs)\n\n    return (\n      <ScrollAreaPrimitive.Root\n        {...scrollAreaProps}\n        ref={forwardedRef}\n        className={classNames('dsx-scroll-area', className)}\n        data-radius={radius}\n        data-size={size}\n        data-slot=\"scroll-area\"\n      >\n        <ScrollAreaViewport asChild={viewportAsChild} className={viewportClassName}>\n          {viewportAsChild ? (children as React.ReactElement) : <>{children}</>}\n        </ScrollAreaViewport>\n        <ScrollBar orientation=\"vertical\" />\n        <ScrollBar orientation=\"horizontal\" />\n        <ScrollAreaCorner />\n      </ScrollAreaPrimitive.Root>\n    )\n  },\n)\nScrollAreaRoot.displayName = 'ScrollArea'\n\nconst ScrollArea: typeof ScrollAreaRoot & {\n  Viewport: typeof ScrollAreaViewport\n  ScrollBar: typeof ScrollBar\n  Corner: typeof ScrollAreaCorner\n} = Object.assign(ScrollAreaRoot, {\n  Viewport: ScrollAreaViewport,\n  ScrollBar,\n  Corner: ScrollAreaCorner,\n})\n\nexport { ScrollArea, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport, ScrollBar }\nexport type { ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaViewportProps, ScrollBarProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,yBAAyB;AAErC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAkCH,SAyE4D,UAzE5D,KAgEE,YAhEF;AAPJ,MAAM,qBAAqB,MAAM,WAG/B,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,OAAO,WAAW,GAAG,cAAc,IAAI,aAAa,OAAO,0BAA0B;AAEvG,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,WAAW,WAAW,6BAA6B,SAAS;AAAA,MAC5D,aAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AACD,mBAAmB,cAAc;AAEjC,MAAM,YAAY,MAAM,WAGtB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,SAAS,UAAU,WAAW,cAAc,YAAY,GAAG,eAAe,IAAI;AAAA,IACpF;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,WAAW,WAAW,8BAA8B,SAAS;AAAA,MAC7D,aAAU;AAAA,MAEV,8BAAC,oBAAoB,iBAApB,EAAoC,WAAU,0BAAyB,aAAU,qBAAoB;AAAA;AAAA,EACxG;AAEJ,CAAC;AACD,UAAU,cAAc;AAExB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,UAAU,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,wBAAwB;AAErG,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,2BAA2B,SAAS;AAAA,QAC1D,aAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA,MACP,kBAAkB;AAAA,MAClB;AAAA,MACA,GAAG;AAAA,IACL,IAAI,aAAa,OAAO,kBAAkB;AAE1C,WACE;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,mBAAmB,SAAS;AAAA,QAClD,eAAa;AAAA,QACb,aAAW;AAAA,QACX,aAAU;AAAA,QAEV;AAAA,8BAAC,sBAAmB,SAAS,iBAAiB,WAAW,mBACtD,4BAAmB,WAAkC,gCAAG,UAAS,GACpE;AAAA,UACA,oBAAC,aAAU,aAAY,YAAW;AAAA,UAClC,oBAAC,aAAU,aAAY,cAAa;AAAA,UACpC,oBAAC,oBAAiB;AAAA;AAAA;AAAA,IACpB;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,gBAAgB;AAAA,EAChC,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AACV,CAAC;",
+  "names": []
+}

package/dist/components/scrollArea/scrollArea.props.cjs

@@ -0,0 +1,62 @@
+"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 scrollArea_props_exports = {};
+__export(scrollArea_props_exports, {
+  scrollAreaCornerPropDefs: () => scrollAreaCornerPropDefs,
+  scrollAreaPropDefs: () => scrollAreaPropDefs,
+  scrollAreaScrollBarPropDefs: () => scrollAreaScrollBarPropDefs,
+  scrollAreaViewportPropDefs: () => scrollAreaViewportPropDefs
+});
+module.exports = __toCommonJS(scrollArea_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+const scrollAreaOrientations = ["horizontal", "vertical"];
+const scrollAreaSizes = ["1", "2", "3"];
+const scrollAreaRadiusValues = ["none", "sm", "md", "lg", "full"];
+const scrollAreaPropDefs = {
+  ...import_asChild.asChildPropDef,
+  viewportAsChild: {
+    type: "boolean",
+    default: false
+  },
+  size: {
+    type: "enum",
+    values: scrollAreaSizes,
+    default: "1"
+  },
+  radius: {
+    type: "enum",
+    values: scrollAreaRadiusValues,
+    default: "md"
+  }
+};
+const scrollAreaViewportPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+const scrollAreaScrollBarPropDefs = {
+  ...import_asChild.asChildPropDef,
+  orientation: {
+    type: "enum",
+    values: scrollAreaOrientations,
+    default: "vertical"
+  }
+};
+const scrollAreaCornerPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+//# sourceMappingURL=scrollArea.props.cjs.map