@accreditation/ui 1.0.0

package/dist/components/atoms/scroll-area/components/scroll-area.js

@@ -0,0 +1,150 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
+
+const ScrollAreaRoot = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ScrollAreaPrimitive__namespace.Root,
+  {
+    ref,
+    className: utils.cn(variants.scrollAreaRootClasses, className),
+    ...props
+  }
+));
+ScrollAreaRoot.displayName = "ScrollArea.Root";
+const ScrollAreaViewport = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ScrollAreaPrimitive__namespace.Viewport,
+  {
+    ref,
+    className: utils.cn(variants.scrollAreaViewportClasses, className),
+    ...props
+  }
+));
+ScrollAreaViewport.displayName = "ScrollArea.Viewport";
+const ScrollBar = React__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: utils.cn(
+      variants.scrollBarBaseClasses,
+      orientation === "vertical" && variants.scrollBarVerticalClasses,
+      orientation === "horizontal" && variants.scrollBarHorizontalClasses,
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: variants.scrollBarThumbClasses })
+  }
+));
+ScrollBar.displayName = "ScrollArea.Bar";
+const ScrollAreaCorner = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, { ref, ...props }));
+ScrollAreaCorner.displayName = "ScrollArea.Corner";
+const ScrollArea = React__namespace.forwardRef(({
+  className,
+  children,
+  orientation = "vertical",
+  type = "hover",
+  scrollHideDelay = 600,
+  showFade = false,
+  ...props
+}, ref) => {
+  const viewportRef = React__namespace.useRef(null);
+  const [fade, setFade] = React__namespace.useState({
+    top: false,
+    bottom: false,
+    left: false,
+    right: false
+  });
+  const updateFade = React__namespace.useCallback(() => {
+    const el = viewportRef.current;
+    if (!el || !showFade) return;
+    const scroller = el.firstElementChild ?? el;
+    const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } = scroller;
+    setFade({
+      top: scrollTop > 4,
+      bottom: scrollTop + clientHeight < scrollHeight - 4,
+      left: scrollLeft > 4,
+      right: scrollLeft + clientWidth < scrollWidth - 4
+    });
+  }, [showFade]);
+  React__namespace.useEffect(() => {
+    if (!showFade) return;
+    const el = viewportRef.current;
+    if (!el) return;
+    const scroller = el.firstElementChild ?? el;
+    scroller.addEventListener("scroll", updateFade, { passive: true });
+    updateFade();
+    const ro = new ResizeObserver(updateFade);
+    ro.observe(scroller);
+    return () => {
+      scroller.removeEventListener("scroll", updateFade);
+      ro.disconnect();
+    };
+  }, [showFade, updateFade]);
+  const showVertical = orientation === "vertical" || orientation === "both";
+  const showHorizontal = orientation === "horizontal" || orientation === "both";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive__namespace.Root,
+    {
+      ref,
+      type,
+      scrollHideDelay,
+      className: utils.cn(variants.scrollAreaRootClasses, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollAreaPrimitive__namespace.Viewport,
+          {
+            ref: viewportRef,
+            className: variants.scrollAreaViewportClasses,
+            children
+          }
+        ),
+        showFade && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(variants.scrollFadeBaseClasses, variants.scrollFadeTopClasses, fade.top ? "opacity-100" : "opacity-0"), "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(variants.scrollFadeBaseClasses, variants.scrollFadeBottomClasses, fade.bottom ? "opacity-100" : "opacity-0"), "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(variants.scrollFadeBaseClasses, variants.scrollFadeLeftClasses, fade.left ? "opacity-100" : "opacity-0"), "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(variants.scrollFadeBaseClasses, variants.scrollFadeRightClasses, fade.right ? "opacity-100" : "opacity-0"), "aria-hidden": true })
+        ] }),
+        showVertical && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "vertical" }),
+        showHorizontal && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
+      ]
+    }
+  );
+});
+ScrollArea.displayName = "ScrollArea";
+const ScrollAreaNamespace = Object.assign(ScrollArea, {
+  Root: ScrollAreaRoot,
+  Viewport: ScrollAreaViewport,
+  Bar: ScrollBar,
+  Corner: ScrollAreaCorner
+});
+
+exports.ScrollArea = ScrollArea;
+exports.ScrollAreaNamespace = ScrollAreaNamespace;
+exports.ScrollBar = ScrollBar;

package/dist/components/atoms/scroll-area/components/scroll-area.mjs

@@ -0,0 +1,125 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../../../../lib/utils';
+import { scrollAreaRootClasses, scrollAreaViewportClasses, scrollBarThumbClasses, scrollBarBaseClasses, scrollBarVerticalClasses, scrollBarHorizontalClasses, scrollFadeBaseClasses, scrollFadeTopClasses, scrollFadeBottomClasses, scrollFadeLeftClasses, scrollFadeRightClasses } from '../variants';
+
+const ScrollAreaRoot = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn(scrollAreaRootClasses, className),
+    ...props
+  }
+));
+ScrollAreaRoot.displayName = "ScrollArea.Root";
+const ScrollAreaViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.Viewport,
+  {
+    ref,
+    className: cn(scrollAreaViewportClasses, className),
+    ...props
+  }
+));
+ScrollAreaViewport.displayName = "ScrollArea.Viewport";
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      scrollBarBaseClasses,
+      orientation === "vertical" && scrollBarVerticalClasses,
+      orientation === "horizontal" && scrollBarHorizontalClasses,
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: scrollBarThumbClasses })
+  }
+));
+ScrollBar.displayName = "ScrollArea.Bar";
+const ScrollAreaCorner = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, { ref, ...props }));
+ScrollAreaCorner.displayName = "ScrollArea.Corner";
+const ScrollArea = React.forwardRef(({
+  className,
+  children,
+  orientation = "vertical",
+  type = "hover",
+  scrollHideDelay = 600,
+  showFade = false,
+  ...props
+}, ref) => {
+  const viewportRef = React.useRef(null);
+  const [fade, setFade] = React.useState({
+    top: false,
+    bottom: false,
+    left: false,
+    right: false
+  });
+  const updateFade = React.useCallback(() => {
+    const el = viewportRef.current;
+    if (!el || !showFade) return;
+    const scroller = el.firstElementChild ?? el;
+    const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } = scroller;
+    setFade({
+      top: scrollTop > 4,
+      bottom: scrollTop + clientHeight < scrollHeight - 4,
+      left: scrollLeft > 4,
+      right: scrollLeft + clientWidth < scrollWidth - 4
+    });
+  }, [showFade]);
+  React.useEffect(() => {
+    if (!showFade) return;
+    const el = viewportRef.current;
+    if (!el) return;
+    const scroller = el.firstElementChild ?? el;
+    scroller.addEventListener("scroll", updateFade, { passive: true });
+    updateFade();
+    const ro = new ResizeObserver(updateFade);
+    ro.observe(scroller);
+    return () => {
+      scroller.removeEventListener("scroll", updateFade);
+      ro.disconnect();
+    };
+  }, [showFade, updateFade]);
+  const showVertical = orientation === "vertical" || orientation === "both";
+  const showHorizontal = orientation === "horizontal" || orientation === "both";
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      ref,
+      type,
+      scrollHideDelay,
+      className: cn(scrollAreaRootClasses, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            ref: viewportRef,
+            className: scrollAreaViewportClasses,
+            children
+          }
+        ),
+        showFade && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: cn(scrollFadeBaseClasses, scrollFadeTopClasses, fade.top ? "opacity-100" : "opacity-0"), "aria-hidden": true }),
+          /* @__PURE__ */ jsx("div", { className: cn(scrollFadeBaseClasses, scrollFadeBottomClasses, fade.bottom ? "opacity-100" : "opacity-0"), "aria-hidden": true }),
+          /* @__PURE__ */ jsx("div", { className: cn(scrollFadeBaseClasses, scrollFadeLeftClasses, fade.left ? "opacity-100" : "opacity-0"), "aria-hidden": true }),
+          /* @__PURE__ */ jsx("div", { className: cn(scrollFadeBaseClasses, scrollFadeRightClasses, fade.right ? "opacity-100" : "opacity-0"), "aria-hidden": true })
+        ] }),
+        showVertical && /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
+        showHorizontal && /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+});
+ScrollArea.displayName = "ScrollArea";
+const ScrollAreaNamespace = Object.assign(ScrollArea, {
+  Root: ScrollAreaRoot,
+  Viewport: ScrollAreaViewport,
+  Bar: ScrollBar,
+  Corner: ScrollAreaCorner
+});
+
+export { ScrollArea, ScrollAreaNamespace, ScrollBar };

package/dist/components/atoms/scroll-area/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/scroll-area";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/scroll-area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/scroll-area/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/scroll-area/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var scrollArea = require('./components/scroll-area');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(scrollArea).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return scrollArea[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/atoms/scroll-area/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/scroll-area';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/scroll-area/scroll-area.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/scroll-area";
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/atoms/scroll-area/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/components/atoms/scroll-area/scroll-area.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var scrollArea = require('./components/scroll-area');
+
+
+
+Object.keys(scrollArea).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return scrollArea[k]; }
+	});
+});

package/dist/components/atoms/scroll-area/scroll-area.mjs

@@ -0,0 +1 @@
+export * from './components/scroll-area';

package/dist/components/atoms/scroll-area/types.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+export type ScrollAreaRootProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>;
+export type ScrollAreaViewportProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>;
+export type ScrollBarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+export type ScrollAreaCornerProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Corner>;
+export interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    /**
+     * Eixo(s) de scroll disponíveis.
+     * - `"vertical"` — apenas scrollbar vertical (default)
+     * - `"horizontal"` — apenas scrollbar horizontal
+     * - `"both"` — scrollbars vertical e horizontal
+     * @default "vertical"
+     */
+    orientation?: "vertical" | "horizontal" | "both";
+    /**
+     * Controla quando a scrollbar aparece (prop nativa do Radix).
+     * - `"hover"` — aparece ao passar o mouse sobre a área
+     * - `"scroll"` — aparece durante o scroll, some depois
+     * - `"always"` — sempre visível
+     * - `"auto"` — visível apenas quando o conteúdo excede o viewport
+     * @default "hover"
+     */
+    type?: React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>["type"];
+    /**
+     * Delay em ms para ocultar a scrollbar após o scroll parar.
+     * Aplica-se quando `type="scroll"` ou `type="hover"`.
+     * @default 600
+     */
+    scrollHideDelay?: number;
+    /**
+     * Exibe um fade nas bordas para indicar que há mais conteúdo.
+     * O fade aparece na direção em que há overflow.
+     * @default false
+     */
+    showFade?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/scroll-area/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/scroll-area/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,mBAAmB,CAAC,IAAI,CAChC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAClE,OAAO,mBAAmB,CAAC,QAAQ,CACpC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAChE,OAAO,mBAAmB,CAAC,MAAM,CAClC,CAAC;AAIF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAEjD;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAE/E;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/atoms/scroll-area/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/atoms/scroll-area/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/atoms/scroll-area/variants.d.ts

@@ -0,0 +1,29 @@
+/**
+ * variants.ts — ScrollArea
+ *
+ * Design system: flat, tokens do tema.
+ * Thumb mantém rounded-full — affordance universal para elemento arrastável,
+ * mesmo em sistemas flat (Ant Design, Linear, Notion, Windows 11).
+ */
+export declare const scrollAreaRootClasses = "relative overflow-hidden";
+export declare const scrollAreaViewportClasses = "h-full w-full rounded-[inherit]";
+export declare const scrollBarBaseClasses = "flex touch-none select-none transition-colors duration-150 z-50";
+export declare const scrollBarVerticalClasses = "h-full w-2.5 border-l border-l-transparent p-[1px]";
+export declare const scrollBarHorizontalClasses = "h-2.5 flex-col border-t border-t-transparent p-[1px]";
+/**
+ * Thumb arredondado — affordance universal de "arrastável".
+ * bg-border usa o token do tema → dark mode automático.
+ * hover:bg-ring escurece levemente ao passar o mouse.
+ */
+export declare const scrollBarThumbClasses = "relative flex-1 rounded-full bg-border transition-colors hover:bg-ring/60";
+/**
+ * Gradiente que indica conteúdo além da borda visível.
+ * Usa `bg-gradient-to-*` com `from-background` para suavizar a transição.
+ * pointer-events-none: não bloqueia interação com o conteúdo abaixo.
+ */
+export declare const scrollFadeBaseClasses = "pointer-events-none absolute z-10 transition-opacity duration-200";
+export declare const scrollFadeTopClasses = "inset-x-0 top-0 h-6 bg-gradient-to-b from-background to-transparent";
+export declare const scrollFadeBottomClasses = "inset-x-0 bottom-0 h-6 bg-gradient-to-t from-background to-transparent";
+export declare const scrollFadeLeftClasses = "inset-y-0 left-0 w-6 bg-gradient-to-r from-background to-transparent";
+export declare const scrollFadeRightClasses = "inset-y-0 right-0 w-6 bg-gradient-to-l from-background to-transparent";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/scroll-area/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/scroll-area/variants.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,qBAAqB,6BAA6B,CAAC;AAEhE,eAAO,MAAM,yBAAyB,oCAAoC,CAAC;AAI3E,eAAO,MAAM,oBAAoB,oEACkC,CAAC;AAEpE,eAAO,MAAM,wBAAwB,uDACiB,CAAC;AAEvD,eAAO,MAAM,0BAA0B,yDACiB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,8EAC2C,CAAC;AAI9E;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,sEACmC,CAAC;AAEtE,eAAO,MAAM,oBAAoB,wEACsC,CAAC;AAExE,eAAO,MAAM,uBAAuB,2EACsC,CAAC;AAE3E,eAAO,MAAM,qBAAqB,yEACsC,CAAC;AAEzE,eAAO,MAAM,sBAAsB,0EACsC,CAAC"}

package/dist/components/atoms/scroll-area/variants.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const scrollAreaRootClasses = "relative overflow-hidden";
+const scrollAreaViewportClasses = "h-full w-full rounded-[inherit]";
+const scrollBarBaseClasses = "flex touch-none select-none transition-colors duration-150 z-50";
+const scrollBarVerticalClasses = "h-full w-2.5 border-l border-l-transparent p-[1px]";
+const scrollBarHorizontalClasses = "h-2.5 flex-col border-t border-t-transparent p-[1px]";
+const scrollBarThumbClasses = "relative flex-1 rounded-full bg-border transition-colors hover:bg-ring/60";
+const scrollFadeBaseClasses = "pointer-events-none absolute z-10 transition-opacity duration-200";
+const scrollFadeTopClasses = "inset-x-0 top-0 h-6 bg-gradient-to-b from-background to-transparent";
+const scrollFadeBottomClasses = "inset-x-0 bottom-0 h-6 bg-gradient-to-t from-background to-transparent";
+const scrollFadeLeftClasses = "inset-y-0 left-0 w-6 bg-gradient-to-r from-background to-transparent";
+const scrollFadeRightClasses = "inset-y-0 right-0 w-6 bg-gradient-to-l from-background to-transparent";
+
+exports.scrollAreaRootClasses = scrollAreaRootClasses;
+exports.scrollAreaViewportClasses = scrollAreaViewportClasses;
+exports.scrollBarBaseClasses = scrollBarBaseClasses;
+exports.scrollBarHorizontalClasses = scrollBarHorizontalClasses;
+exports.scrollBarThumbClasses = scrollBarThumbClasses;
+exports.scrollBarVerticalClasses = scrollBarVerticalClasses;
+exports.scrollFadeBaseClasses = scrollFadeBaseClasses;
+exports.scrollFadeBottomClasses = scrollFadeBottomClasses;
+exports.scrollFadeLeftClasses = scrollFadeLeftClasses;
+exports.scrollFadeRightClasses = scrollFadeRightClasses;
+exports.scrollFadeTopClasses = scrollFadeTopClasses;

package/dist/components/atoms/scroll-area/variants.mjs

@@ -0,0 +1,13 @@
+const scrollAreaRootClasses = "relative overflow-hidden";
+const scrollAreaViewportClasses = "h-full w-full rounded-[inherit]";
+const scrollBarBaseClasses = "flex touch-none select-none transition-colors duration-150 z-50";
+const scrollBarVerticalClasses = "h-full w-2.5 border-l border-l-transparent p-[1px]";
+const scrollBarHorizontalClasses = "h-2.5 flex-col border-t border-t-transparent p-[1px]";
+const scrollBarThumbClasses = "relative flex-1 rounded-full bg-border transition-colors hover:bg-ring/60";
+const scrollFadeBaseClasses = "pointer-events-none absolute z-10 transition-opacity duration-200";
+const scrollFadeTopClasses = "inset-x-0 top-0 h-6 bg-gradient-to-b from-background to-transparent";
+const scrollFadeBottomClasses = "inset-x-0 bottom-0 h-6 bg-gradient-to-t from-background to-transparent";
+const scrollFadeLeftClasses = "inset-y-0 left-0 w-6 bg-gradient-to-r from-background to-transparent";
+const scrollFadeRightClasses = "inset-y-0 right-0 w-6 bg-gradient-to-l from-background to-transparent";
+
+export { scrollAreaRootClasses, scrollAreaViewportClasses, scrollBarBaseClasses, scrollBarHorizontalClasses, scrollBarThumbClasses, scrollBarVerticalClasses, scrollFadeBaseClasses, scrollFadeBottomClasses, scrollFadeLeftClasses, scrollFadeRightClasses, scrollFadeTopClasses };

package/dist/components/atoms/separator/components/separator.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import type { SeparatorWithLabelProps } from "../types";
+/**
+ * Separator — linha divisória horizontal ou vertical.
+ *
+ * @example Horizontal simples:
+ * <Separator />
+ *
+ * @example Vertical em flex row:
+ * <div className="flex h-5 items-center gap-2">
+ *   <span>Texto</span>
+ *   <Separator orientation="vertical" />
+ *   <span>Texto</span>
+ * </div>
+ *
+ * @example Com espaçamento e variante:
+ * <Separator variant="dashed" spacing="md" />
+ */
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: import("../types").SeparatorVariant;
+    spacing?: import("../types").SeparatorSpacing;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * SeparatorWithLabel — linha com conteúdo centralizado (ou alinhado).
+ *
+ * Casos de uso típicos: "ou", datas, títulos de seção, divisores temáticos.
+ * Sempre horizontal — o padrão vertical com label não tem uso semântico claro.
+ *
+ * @example "ou" centrado:
+ * <SeparatorWithLabel>ou</SeparatorWithLabel>
+ *
+ * @example Data alinhada à esquerda:
+ * <SeparatorWithLabel labelPosition="start">14 de janeiro</SeparatorWithLabel>
+ *
+ * @example Título de seção dashed:
+ * <SeparatorWithLabel variant="dashed" labelPosition="start">
+ *   Configurações avançadas
+ * </SeparatorWithLabel>
+ *
+ * @example Com ícone:
+ * <SeparatorWithLabel>
+ *   <StarIcon className="size-3 text-muted-foreground" />
+ * </SeparatorWithLabel>
+ */
+declare function SeparatorWithLabel({ children, labelPosition, variant, spacing, className, labelClassName, }: SeparatorWithLabelProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SeparatorWithLabel {
+    var displayName: string;
+}
+export { Separator, SeparatorWithLabel };
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/atoms/separator/components/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/separator/components/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAWhE,OAAO,KAAK,EAAkB,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAIxE;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,SAAS;;;wCAyCd,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,aAAwB,EACxB,OAAiB,EACjB,OAAO,EACP,SAAS,EACT,cAAc,GACf,EAAE,uBAAuB,2CAgCzB;kBAvCQ,kBAAkB;;;AA6C3B,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/atoms/separator/components/separator.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+
+const Separator = React__namespace.forwardRef(
+  ({
+    className,
+    orientation = "horizontal",
+    decorative = true,
+    variant = "solid",
+    spacing,
+    ...props
+  }, ref) => {
+    const activeOrientation = orientation || "horizontal";
+    const variantClass = variants.separatorVariantClasses[variant]?.[activeOrientation];
+    const spacingClass = spacing ? variants.separatorSpacingClasses[spacing][activeOrientation] : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SeparatorPrimitive__namespace.Root,
+      {
+        ref,
+        decorative,
+        orientation,
+        className: utils.cn(
+          variants.separatorBaseClasses,
+          variantClass,
+          spacingClass,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Separator.displayName = "Separator";
+function SeparatorWithLabel({
+  children,
+  labelPosition = "center",
+  variant = "solid",
+  spacing,
+  className,
+  labelClassName
+}) {
+  const grow = variants.separatorLabelLineGrow[labelPosition];
+  const spacingClass = spacing ? variants.separatorSpacingClasses[spacing].horizontal : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(variants.separatorLabelWrapperClasses, spacingClass, className),
+      role: "separator",
+      "aria-orientation": "horizontal",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Separator,
+          {
+            variant,
+            decorative: true,
+            className: grow.left
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(variants.separatorLabelTextClasses, labelClassName), children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Separator,
+          {
+            variant,
+            decorative: true,
+            className: grow.right
+          }
+        )
+      ]
+    }
+  );
+}
+SeparatorWithLabel.displayName = "SeparatorWithLabel";
+
+exports.Separator = Separator;
+exports.SeparatorWithLabel = SeparatorWithLabel;