@scaleflex/ui-tw 0.0.96 → 0.0.99

package/accordion/accordion.component.d.ts

@@ -0,0 +1,8 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+import type { ComponentProps } from 'react';
+declare function Accordion({ ...props }: ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/accordion/accordion.component.js

@@ -0,0 +1,49 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["className"],
+  _excluded2 = ["className", "children"],
+  _excluded3 = ["className", "children"];
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import { ChevronDownIcon } from 'lucide-react';
+import * as React from 'react';
+function Accordion(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(AccordionPrimitive.Root, _extends({
+    "data-slot": "accordion"
+  }, props));
+}
+function AccordionItem(_ref2) {
+  var className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement(AccordionPrimitive.Item, _extends({
+    "data-slot": "accordion-item",
+    className: cn('border-b-border border-b last:border-b-0', className)
+  }, props));
+}
+function AccordionTrigger(_ref3) {
+  var className = _ref3.className,
+    children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/React.createElement(AccordionPrimitive.Header, {
+    className: "flex"
+  }, /*#__PURE__*/React.createElement(AccordionPrimitive.Trigger, _extends({
+    "data-slot": "accordion-trigger",
+    className: cn('focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 cursor-pointer items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className)
+  }, props), children, /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+  })));
+}
+function AccordionContent(_ref4) {
+  var className = _ref4.className,
+    children = _ref4.children,
+    props = _objectWithoutProperties(_ref4, _excluded3);
+  return /*#__PURE__*/React.createElement(AccordionPrimitive.Content, _extends({
+    "data-slot": "accordion-content",
+    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: cn('pt-0 pb-4', className)
+  }, children));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './accordion.component';

package/accordion/index.js

@@ -0,0 +1 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './accordion.component';

package/command/command.component.js

@@ -30,7 +30,7 @@ import { cva } from 'class-variance-authority';
 import { Command as CommandPrimitive } from 'cmdk';
 import { useCommandState } from 'cmdk';
 import { CheckIcon, SearchIcon, UserCircle2Icon, XIcon } from 'lucide-react';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { useCallback } from 'react';
 import { selectCommandHeadingOptions } from './command.utils';
 function Command(_ref) {
@@ -133,7 +133,25 @@ function CommandClear(_ref4) {
 function CommandList(_ref5) {
   var className = _ref5.className,
     props = _objectWithoutProperties(_ref5, _excluded5);
+  var listRef = useRef(null);
+  useEffect(function () {
+    var listNode = listRef.current;
+    if (!listNode) return;
+    var observer = new MutationObserver(function () {
+      listNode.scrollTo({
+        top: 0
+      });
+    });
+    observer.observe(listNode, {
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      return observer.disconnect();
+    };
+  }, []);
   return /*#__PURE__*/React.createElement(CommandPrimitive.List, _extends({
+    ref: listRef,
     "data-slot": "command-list",
     className: cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', className)
   }, props));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.96",
+  "version": "0.0.99",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -13,6 +13,7 @@
   "main": "lib/index.js",
   "dependencies": {
     "@popperjs/core": "^2.6.0",
+    "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-label": "^2.1.6",
@@ -23,7 +24,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.96",
+    "@scaleflex/icons-tw": "^0.0.99",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",