@stackshift-ui/scroll-area 1.0.0-beta.4 → 1.0.0-beta.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/scroll-area",
   "description": "Augments native scroll functionality for custom, cross-browser styling.",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,17 +29,17 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10",
-    "@stackshift-ui/typescript-config": "6.0.10"
+    "@stackshift-ui/typescript-config": "6.0.10",
+    "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
     "@radix-ui/react-scroll-area": "^1.2.9",
     "classnames": "^2.5.1",
-    "@stackshift-ui/scripts": "6.1.0-beta.2",
-    "@stackshift-ui/system": "6.1.0-beta.3"
+    "@stackshift-ui/scripts": "7.0.0-beta.3",
+    "@stackshift-ui/system": "7.0.0-beta.4"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.1.0-beta.3",
+    "@stackshift-ui/system": ">=7.0.0-beta.4",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/dist/chunk-AVVW6RRM.mjs

@@ -1,70 +0,0 @@
-// src/scroll-area.tsx
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn, DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
-import { jsx, jsxs } from "react/jsx-runtime";
-var displayName = "ScrollArea";
-var displayNameScrollbar = "ScrollAreaScrollbar";
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
-  const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
-  return /* @__PURE__ */ jsxs(
-    Component,
-    {
-      as: ScrollAreaPrimitive.Root,
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollAreaPrimitive.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(ScrollBar, {}),
-        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-      ]
-    }
-  );
-}
-ScrollArea.displayName = displayName;
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  const { [displayNameScrollbar]: Component = DefaultComponent } = useStackShiftUIComponents();
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      as: ScrollAreaPrimitive.ScrollAreaScrollbar,
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        ScrollAreaPrimitive.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded-full"
-        }
-      )
-    }
-  );
-}
-ScrollBar.displayName = displayNameScrollbar;
-
-export {
-  ScrollArea,
-  ScrollBar
-};

package/dist/chunk-YKM2RZQ7.mjs

@@ -1 +0,0 @@
-import*as r from"@radix-ui/react-scroll-area";import{cn as i,DefaultComponent as c,useStackShiftUIComponents as n}from"@stackshift-ui/system";import{jsx as l,jsxs as u}from"react/jsx-runtime";var s="ScrollArea",m="ScrollAreaScrollbar";function S({className:e,children:o,...a}){let{[s]:t=c}=n();return u(t,{as:r.Root,"data-slot":"scroll-area",className:i("relative",e),...a,children:[l(r.Viewport,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:o}),l(p,{}),l(r.Corner,{})]})}S.displayName=s;function p({className:e,orientation:o="vertical",...a}){let{[m]:t=c}=n();return l(t,{as:r.ScrollAreaScrollbar,"data-slot":"scroll-area-scrollbar",orientation:o,className:i("flex touch-none p-px transition-colors select-none",o==="vertical"&&"h-full w-2.5 border-l border-l-transparent",o==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",e),...a,children:l(r.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}p.displayName=m;export{S as a,p as b};

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var f=Object.create;var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var P=(r,o)=>{for(var e in o)n(r,e,{get:o[e],enumerable:!0})},m=(r,o,e,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of b(o))!A.call(r,c)&&c!==e&&n(r,c,{get:()=>o[c],enumerable:!(i=d(o,c))||i.enumerable});return r};var h=(r,o,e)=>(e=r!=null?f(v(r)):{},m(o||!r||!r.__esModule?n(e,"default",{value:r,enumerable:!0}):e,r)),C=r=>m(n({},"__esModule",{value:!0}),r);var N={};P(N,{ScrollArea:()=>u,ScrollBar:()=>s});module.exports=C(N);var l=h(require("@radix-ui/react-scroll-area")),a=require("@stackshift-ui/system"),t=require("react/jsx-runtime"),p="ScrollArea",S="ScrollAreaScrollbar";function u({className:r,children:o,...e}){let{[p]:i=a.DefaultComponent}=(0,a.useStackShiftUIComponents)();return(0,t.jsxs)(i,{as:l.Root,"data-slot":"scroll-area",className:(0,a.cn)("relative",r),...e,children:[(0,t.jsx)(l.Viewport,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:o}),(0,t.jsx)(s,{}),(0,t.jsx)(l.Corner,{})]})}u.displayName=p;function s({className:r,orientation:o="vertical",...e}){let{[S]:i=a.DefaultComponent}=(0,a.useStackShiftUIComponents)();return(0,t.jsx)(i,{as:l.ScrollAreaScrollbar,"data-slot":"scroll-area-scrollbar",orientation:o,className:(0,a.cn)("flex touch-none p-px transition-colors select-none",o==="vertical"&&"h-full w-2.5 border-l border-l-transparent",o==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",r),...e,children:(0,t.jsx)(l.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}s.displayName=S;0&&(module.exports={ScrollArea,ScrollBar});

package/dist/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a as e,b as o}from"./chunk-YKM2RZQ7.mjs";export{e as ScrollArea,o as ScrollBar};

package/dist/scroll-area.d.ts

@@ -1,11 +0,0 @@
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as React from "react";
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare namespace ScrollArea {
-    var displayName: string;
-}
-declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
-declare namespace ScrollBar {
-    var displayName: string;
-}
-export { ScrollArea, ScrollBar };

package/dist/scroll-area.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var d=Object.create;var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var P=(r,o)=>{for(var l in o)n(r,l,{get:o[l],enumerable:!0})},m=(r,o,l,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of b(o))!A.call(r,c)&&c!==l&&n(r,c,{get:()=>o[c],enumerable:!(i=f(o,c))||i.enumerable});return r};var h=(r,o,l)=>(l=r!=null?d(v(r)):{},m(o||!r||!r.__esModule?n(l,"default",{value:r,enumerable:!0}):l,r)),C=r=>m(n({},"__esModule",{value:!0}),r);var N={};P(N,{ScrollArea:()=>u,ScrollBar:()=>s});module.exports=C(N);var e=h(require("@radix-ui/react-scroll-area")),a=require("@stackshift-ui/system"),t=require("react/jsx-runtime"),p="ScrollArea",S="ScrollAreaScrollbar";function u({className:r,children:o,...l}){let{[p]:i=a.DefaultComponent}=(0,a.useStackShiftUIComponents)();return(0,t.jsxs)(i,{as:e.Root,"data-slot":"scroll-area",className:(0,a.cn)("relative",r),...l,children:[(0,t.jsx)(e.Viewport,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:o}),(0,t.jsx)(s,{}),(0,t.jsx)(e.Corner,{})]})}u.displayName=p;function s({className:r,orientation:o="vertical",...l}){let{[S]:i=a.DefaultComponent}=(0,a.useStackShiftUIComponents)();return(0,t.jsx)(i,{as:e.ScrollAreaScrollbar,"data-slot":"scroll-area-scrollbar",orientation:o,className:(0,a.cn)("flex touch-none p-px transition-colors select-none",o==="vertical"&&"h-full w-2.5 border-l border-l-transparent",o==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",r),...l,children:(0,t.jsx)(e.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}s.displayName=S;0&&(module.exports={ScrollArea,ScrollBar});

package/dist/scroll-area.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a,b}from"./chunk-YKM2RZQ7.mjs";export{a as ScrollArea,b as ScrollBar};