@stackshift-ui/scroll-area 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/chunk-YKM2RZQ7.mjs

@@ -0,0 +1 @@
+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

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

package/dist/index.js

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,2 @@
+"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

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

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.6",
+  "version": "1.0.0-beta.8",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -35,11 +35,11 @@
   "dependencies": {
     "@radix-ui/react-scroll-area": "^1.2.9",
     "classnames": "^2.5.1",
-    "@stackshift-ui/system": "7.0.0-beta.5",
-    "@stackshift-ui/scripts": "7.0.0-beta.4"
+    "@stackshift-ui/scripts": "7.0.0-beta.6",
+    "@stackshift-ui/system": "7.0.0-beta.7"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=7.0.0-beta.5",
+    "@stackshift-ui/system": ">=7.0.0-beta.7",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",