@hanzo/ui 5.3.18 → 5.3.21

package/dist/radio-group.js

@@ -1 +1,68 @@
-'use strict';var r=require('@radix-ui/react-radio-group'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');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 r__namespace=/*#__PURE__*/_interopNamespace(r);var n=Object.defineProperty;var o=(e,i)=>n(e,"name",{value:i,configurable:true});function a(...e){return tailwindMerge.twMerge(clsx.clsx(e))}o(a,"cn");var p=o(({className:e,...i})=>jsxRuntime.jsx(r__namespace.Root,{className:a("grid gap-2",e),...i}),"RadioGroup");p.displayName=r__namespace.Root.displayName;var d=o(({className:e,...i})=>jsxRuntime.jsx(r__namespace.Item,{className:a("border-brand text-brand ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e),...i,children:jsxRuntime.jsx(r__namespace.Indicator,{className:"flex items-center justify-center",children:jsxRuntime.jsx(lucideReact.Circle,{className:"h-2.5 w-2.5 fill-current text-current"})})}),"RadioGroupItem");d.displayName=r__namespace.Item.displayName;exports.RadioGroup=p;exports.RadioGroupItem=d;
+"use client";
+'use strict';
+
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var RadioGroup = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props
+    }
+  );
+}, "RadioGroup");
+RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
+var RadioGroupItem = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Item,
+    {
+      className: cn(
+        "border-brand text-brand ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+}, "RadioGroupItem");
+RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
+
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;

package/dist/radio-group.mjs

@@ -1 +1,45 @@
-import*as r from'@radix-ui/react-radio-group';import {Circle}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var n=Object.defineProperty;var o=(e,i)=>n(e,"name",{value:i,configurable:true});function a(...e){return twMerge(clsx(e))}o(a,"cn");var p=o(({className:e,...i})=>jsx(r.Root,{className:a("grid gap-2",e),...i}),"RadioGroup");p.displayName=r.Root.displayName;var d=o(({className:e,...i})=>jsx(r.Item,{className:a("border-brand text-brand ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e),...i,children:jsx(r.Indicator,{className:"flex items-center justify-center",children:jsx(Circle,{className:"h-2.5 w-2.5 fill-current text-current"})})}),"RadioGroupItem");d.displayName=r.Item.displayName;export{p as RadioGroup,d as RadioGroupItem};
+"use client";
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var RadioGroup = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props
+    }
+  );
+}, "RadioGroup");
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      className: cn(
+        "border-brand text-brand ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+}, "RadioGroupItem");
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+export { RadioGroup, RadioGroupItem };

package/dist/resizable.js

@@ -1 +1,72 @@
-'use strict';var lucideReact=require('lucide-react'),a=require('react-resizable-panels'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');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 a__namespace=/*#__PURE__*/_interopNamespace(a);var o=Object.defineProperty;var r=(e,t)=>o(e,"name",{value:t,configurable:true});function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}r(l,"cn");var P=r(({className:e,...t})=>jsxRuntime.jsx(a__namespace.PanelGroup,{className:l("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...t}),"ResizablePanelGroup"),z=a__namespace.Panel,R=r(({withHandle:e,className:t,...n})=>jsxRuntime.jsx(a__namespace.PanelResizeHandle,{className:l("focus-visible:ring-ring relative flex w-px items-center justify-center bg-gray-100 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden","data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90","data-[resize-handle-state=drag]:after:bg-bg-secondary","data-[resize-handle-state=hover]:after:bg-bg-secondary","after:w-[1px] data-[panel-group-direction=vertical]:after:h-[1px]",t),...n,children:e&&jsxRuntime.jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-gray-200",children:jsxRuntime.jsx(lucideReact.GripVertical,{className:"h-2.5 w-2.5"})})}),"ResizableHandle");exports.ResizableHandle=R;exports.ResizablePanel=z;exports.ResizablePanelGroup=P;
+"use client";
+'use strict';
+
+var lucideReact = require('lucide-react');
+var ResizablePrimitive = require('react-resizable-panels');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var ResizablePanelGroup = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ResizablePrimitive__namespace.PanelGroup,
+  {
+    className: cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    ),
+    ...props
+  }
+), "ResizablePanelGroup");
+var ResizablePanel = ResizablePrimitive__namespace.Panel;
+var ResizableHandle = /* @__PURE__ */ __name(({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ResizablePrimitive__namespace.PanelResizeHandle,
+  {
+    className: cn(
+      "focus-visible:ring-ring relative flex w-px items-center justify-center bg-gray-100 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
+      "data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      "data-[resize-handle-state=drag]:after:bg-bg-secondary",
+      "data-[resize-handle-state=hover]:after:bg-bg-secondary",
+      "after:w-[1px] data-[panel-group-direction=vertical]:after:h-[1px]",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-2.5 w-2.5" }) })
+  }
+), "ResizableHandle");
+
+exports.ResizableHandle = ResizableHandle;
+exports.ResizablePanel = ResizablePanel;
+exports.ResizablePanelGroup = ResizablePanelGroup;

package/dist/resizable.mjs

@@ -1 +1,48 @@
-import {GripVertical}from'lucide-react';import*as a from'react-resizable-panels';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var o=Object.defineProperty;var r=(e,t)=>o(e,"name",{value:t,configurable:true});function l(...e){return twMerge(clsx(e))}r(l,"cn");var P=r(({className:e,...t})=>jsx(a.PanelGroup,{className:l("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",e),...t}),"ResizablePanelGroup"),z=a.Panel,R=r(({withHandle:e,className:t,...n})=>jsx(a.PanelResizeHandle,{className:l("focus-visible:ring-ring relative flex w-px items-center justify-center bg-gray-100 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden","data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90","data-[resize-handle-state=drag]:after:bg-bg-secondary","data-[resize-handle-state=hover]:after:bg-bg-secondary","after:w-[1px] data-[panel-group-direction=vertical]:after:h-[1px]",t),...n,children:e&&jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-gray-200",children:jsx(GripVertical,{className:"h-2.5 w-2.5"})})}),"ResizableHandle");export{R as ResizableHandle,z as ResizablePanel,P as ResizablePanelGroup};
+"use client";
+import { GripVertical } from 'lucide-react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var ResizablePanelGroup = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelGroup,
+  {
+    className: cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    ),
+    ...props
+  }
+), "ResizablePanelGroup");
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = /* @__PURE__ */ __name(({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelResizeHandle,
+  {
+    className: cn(
+      "focus-visible:ring-ring relative flex w-px items-center justify-center bg-gray-100 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
+      "data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      "data-[resize-handle-state=drag]:after:bg-bg-secondary",
+      "data-[resize-handle-state=hover]:after:bg-bg-secondary",
+      "after:w-[1px] data-[panel-group-direction=vertical]:after:h-[1px]",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-gray-200", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
+  }
+), "ResizableHandle");
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/scroll-area.js

@@ -1 +1,89 @@
-'use strict';var r=require('@radix-ui/react-scroll-area'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');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 r__namespace=/*#__PURE__*/_interopNamespace(r);var m=Object.defineProperty;var o=(l,e)=>m(l,"name",{value:e,configurable:true});function a(...l){return tailwindMerge.twMerge(clsx.clsx(l))}o(a,"cn");var S=o(({className:l,children:e,ref:i,...n})=>jsxRuntime.jsxs(r__namespace.Root,{className:a("relative overflow-hidden",l),...n,children:[jsxRuntime.jsx(r__namespace.Viewport,{className:"h-full w-full rounded-[inherit]",ref:i,children:e}),jsxRuntime.jsx(c,{}),jsxRuntime.jsx(r__namespace.Corner,{})]}),"ScrollArea");S.displayName=r__namespace.Root.displayName;var c=o(({className:l,orientation:e="vertical",...i})=>jsxRuntime.jsx(r__namespace.ScrollAreaScrollbar,{className:a("flex touch-none transition-colors select-none",e==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",e==="horizontal"&&"h-2.5 border-t border-t-transparent p-[1px]",l),orientation:e,...i,children:jsxRuntime.jsx(r__namespace.ScrollAreaThumb,{className:a("relative rounded-full bg-gray-300",e==="vertical"&&"flex-1")})}),"ScrollBar");c.displayName=r__namespace.ScrollAreaScrollbar.displayName;exports.ScrollArea=S;exports.ScrollBar=c;
+"use client";
+'use strict';
+
+var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var ScrollArea = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  ScrollAreaPrimitive__namespace.Root,
+  {
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollAreaPrimitive__namespace.Viewport,
+        {
+          className: "h-full w-full rounded-[inherit]",
+          ref,
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
+    ]
+  }
+), "ScrollArea");
+ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
+var ScrollBar = /* @__PURE__ */ __name(({
+  className,
+  orientation = "vertical",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
+  {
+    className: cn(
+      "flex touch-none transition-colors select-none",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 border-t border-t-transparent p-[1px]",
+      className
+    ),
+    orientation,
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      ScrollAreaPrimitive__namespace.ScrollAreaThumb,
+      {
+        className: cn(
+          "relative rounded-full bg-gray-300",
+          orientation === "vertical" && "flex-1"
+        )
+      }
+    )
+  }
+), "ScrollBar");
+ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
+
+exports.ScrollArea = ScrollArea;
+exports.ScrollBar = ScrollBar;

package/dist/scroll-area.mjs

@@ -1 +1,66 @@
-import*as r from'@radix-ui/react-scroll-area';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';var m=Object.defineProperty;var o=(l,e)=>m(l,"name",{value:e,configurable:true});function a(...l){return twMerge(clsx(l))}o(a,"cn");var S=o(({className:l,children:e,ref:i,...n})=>jsxs(r.Root,{className:a("relative overflow-hidden",l),...n,children:[jsx(r.Viewport,{className:"h-full w-full rounded-[inherit]",ref:i,children:e}),jsx(c,{}),jsx(r.Corner,{})]}),"ScrollArea");S.displayName=r.Root.displayName;var c=o(({className:l,orientation:e="vertical",...i})=>jsx(r.ScrollAreaScrollbar,{className:a("flex touch-none transition-colors select-none",e==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",e==="horizontal"&&"h-2.5 border-t border-t-transparent p-[1px]",l),orientation:e,...i,children:jsx(r.ScrollAreaThumb,{className:a("relative rounded-full bg-gray-300",e==="vertical"&&"flex-1")})}),"ScrollBar");c.displayName=r.ScrollAreaScrollbar.displayName;export{S as ScrollArea,c as ScrollBar};
+"use client";
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var ScrollArea = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.Viewport,
+        {
+          className: "h-full w-full rounded-[inherit]",
+          ref,
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+), "ScrollArea");
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = /* @__PURE__ */ __name(({
+  className,
+  orientation = "vertical",
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    className: cn(
+      "flex touch-none transition-colors select-none",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 border-t border-t-transparent p-[1px]",
+      className
+    ),
+    orientation,
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ScrollAreaPrimitive.ScrollAreaThumb,
+      {
+        className: cn(
+          "relative rounded-full bg-gray-300",
+          orientation === "vertical" && "flex-1"
+        )
+      }
+    )
+  }
+), "ScrollBar");
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+export { ScrollArea, ScrollBar };

package/dist/select.js

@@ -1 +1,140 @@
-'use strict';var reactIcons=require('@radix-ui/react-icons'),e=require('@radix-ui/react-select'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');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 e__namespace=/*#__PURE__*/_interopNamespace(e);var m=Object.defineProperty;var r=(t,i)=>m(t,"name",{value:i,configurable:true});function l(...t){return tailwindMerge.twMerge(clsx.clsx(t))}r(l,"cn");var R=e__namespace.Root,T=e__namespace.Group,L=e__namespace.Value,S=r(({className:t,children:i,...o})=>jsxRuntime.jsxs(e__namespace.Trigger,{className:l("h-input border-divider bg-bg-secondary relative flex w-full items-center justify-between rounded-md border px-4 py-2 text-sm shadow-xs","focus:ring-border-input-focus placeholder:text-text-secondary focus:ring-1 focus:outline-hidden focus:ring-inset disabled:cursor-not-allowed disabled:opacity-50","peer/select [&[data-placeholder]>svg]:mt-0","pt-6 data-[placeholder]:pt-2","aria-expanded:ring-border-input-focus aria-expanded:ring-1 aria-expanded:ring-inset",t),...o,children:[i,jsxRuntime.jsx(e__namespace.Icon,{asChild:true,children:jsxRuntime.jsx(lucideReact.ChevronDown,{className:"absolute top-[23px] right-3 h-4 w-4 opacity-50"})})]}),"SelectTrigger");S.displayName=e__namespace.Trigger.displayName;var f=r(({className:t,children:i,position:o="popper",...n})=>jsxRuntime.jsx(e__namespace.Portal,{children:jsxRuntime.jsx(e__namespace.Content,{className:l("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-divider bg-bg-dark relative z-50 min-w-[8rem] overflow-hidden rounded-md border text-gray-50/70 shadow-md",o==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:o,...n,children:jsxRuntime.jsx(e__namespace.Viewport,{className:l("p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:i})})}),"SelectContent");f.displayName=e__namespace.Content.displayName;var v=r(({className:t,...i})=>jsxRuntime.jsx(e__namespace.Label,{className:l("px-2 py-1.5 text-sm font-semibold",t),...i}),"SelectLabel");v.displayName=e__namespace.Label.displayName;var P=r(({className:t,children:i,...o})=>jsxRuntime.jsxs(e__namespace.Item,{className:l("focus:bg-bg-secondary focus:text-text-default relative flex w-full cursor-default items-center rounded-xs py-2 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...o,children:[jsxRuntime.jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:jsxRuntime.jsx(e__namespace.ItemIndicator,{children:jsxRuntime.jsx(reactIcons.CheckIcon,{className:"h-4 w-4"})})}),jsxRuntime.jsx(e__namespace.ItemText,{children:i})]}),"SelectItem");P.displayName=e__namespace.Item.displayName;var g=r(({className:t,...i})=>jsxRuntime.jsx(e__namespace.Separator,{className:l("bg-muted -mx-1 my-1 h-px",t),...i}),"SelectSeparator");g.displayName=e__namespace.Separator.displayName;exports.Select=R;exports.SelectContent=f;exports.SelectGroup=T;exports.SelectItem=P;exports.SelectLabel=v;exports.SelectSeparator=g;exports.SelectTrigger=S;exports.SelectValue=L;
+"use client";
+'use strict';
+
+var reactIcons = require('@radix-ui/react-icons');
+var SelectPrimitive = require('@radix-ui/react-select');
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var Select = SelectPrimitive__namespace.Root;
+var SelectGroup = SelectPrimitive__namespace.Group;
+var SelectValue = SelectPrimitive__namespace.Value;
+var SelectTrigger = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Trigger,
+  {
+    className: cn(
+      "h-input border-divider bg-bg-secondary relative flex w-full items-center justify-between rounded-md border px-4 py-2 text-sm shadow-xs",
+      "focus:ring-border-input-focus placeholder:text-text-secondary focus:ring-1 focus:outline-hidden focus:ring-inset disabled:cursor-not-allowed disabled:opacity-50",
+      "peer/select [&[data-placeholder]>svg]:mt-0",
+      "pt-6 data-[placeholder]:pt-2",
+      "aria-expanded:ring-border-input-focus aria-expanded:ring-1 aria-expanded:ring-inset",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "absolute top-[23px] right-3 h-4 w-4 opacity-50" }) })
+    ]
+  }
+), "SelectTrigger");
+SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+var SelectContent = /* @__PURE__ */ __name(({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Content,
+  {
+    className: cn(
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-divider bg-bg-dark relative z-50 min-w-[8rem] overflow-hidden rounded-md border text-gray-50/70 shadow-md",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      SelectPrimitive__namespace.Viewport,
+      {
+        className: cn(
+          "p-1",
+          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        ),
+        children
+      }
+    )
+  }
+) }), "SelectContent");
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+var SelectLabel = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Label,
+  {
+    className: cn("px-2 py-1.5 text-sm font-semibold", className),
+    ...props
+  }
+), "SelectLabel");
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+var SelectItem = /* @__PURE__ */ __name(({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Item,
+  {
+    className: cn(
+      "focus:bg-bg-secondary focus:text-text-default relative flex w-full cursor-default items-center rounded-xs py-2 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+    ]
+  }
+), "SelectItem");
+SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+var SelectSeparator = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Separator,
+  {
+    className: cn("bg-muted -mx-1 my-1 h-px", className),
+    ...props
+  }
+), "SelectSeparator");
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
+
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;