@scaleflex/ui-tw 0.0.98 → 0.0.102

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.98",
+  "version": "0.0.102",
   "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.98",
+    "@scaleflex/icons-tw": "^0.0.102",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",

package/skeleton/index.d.ts

@@ -0,0 +1 @@
+export { Skeleton } from './skeleton.component';

package/skeleton/index.js

@@ -0,0 +1 @@
+export { Skeleton } from './skeleton.component';

package/skeleton/skeleton.component.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { ComponentProps } from 'react';
+declare function Skeleton({ className, ...props }: ComponentProps<'div'>): React.JSX.Element;
+export { Skeleton };

package/skeleton/skeleton.component.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className"];
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import * as React from 'react';
+function Skeleton(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-slot": "skeleton",
+    className: cn('bg-accent animate-pulse rounded-md', className)
+  }, props));
+}
+export { Skeleton };