@scaleflex/ui-tw 0.0.2 → 0.0.3

package/label/components/label-icon.js

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["size", "icon", "tooltip"];
+import InfoOutlineIcon from '@scaleflex/ui-tw/label/components/info-outline-icon';
+import { LabelSize } from '@scaleflex/ui-tw/label/label.types';
+import { getLabelIconSizeInRem } from '@scaleflex/ui-tw/label/label.utils';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@scaleflex/ui-tw/tooltip';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import { cva } from 'class-variance-authority';
+import React, { cloneElement, useMemo } from 'react';
+var labelIconSizes = _defineProperty(_defineProperty(_defineProperty({}, LabelSize.Sm, 'ml-1'), LabelSize.Md, 'ml-1.5'), LabelSize.Lg, 'ml-1.5');
+var labelIconVariants = cva('', {
+  variants: {
+    size: labelIconSizes
+  }
+});
+var LabelIcon = function LabelIcon(props) {
+  var size = props.size,
+    icon = props.icon,
+    tooltip = props.tooltip,
+    rest = _objectWithoutProperties(props, _excluded);
+  var sizeInRem = useMemo(function () {
+    return getLabelIconSizeInRem(size);
+  }, [size]);
+  if (!icon && !tooltip) return null;
+  var iconElement = /*#__PURE__*/React.createElement("span", _extends({
+    className: cn('text-muted-foreground', labelIconVariants({
+      size: size
+    }))
+  }, rest), /*#__PURE__*/cloneElement(icon || /*#__PURE__*/React.createElement(InfoOutlineIcon, null), {
+    size: sizeInRem,
+    style: {
+      width: sizeInRem,
+      height: sizeInRem
+    }
+  }));
+  if (!tooltip) return iconElement;
+  return /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, {
+    asChild: true
+  }, iconElement), /*#__PURE__*/React.createElement(TooltipContent, null, tooltip));
+};
+export { LabelIcon };

package/label/index.d.ts

@@ -0,0 +1 @@
+export { Label } from './label.component';

package/label/index.js

@@ -0,0 +1 @@
+export { Label } from './label.component';

package/label/label.component.d.ts

@@ -0,0 +1,4 @@
+import { LabelProps } from '@scaleflex/ui-tw/label/label.types';
+import * as React from 'react';
+declare function Label({ className, size, children, icon, tooltip, ...props }: LabelProps): React.JSX.Element;
+export { Label };

package/label/label.component.js

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "size", "children", "icon", "tooltip"];
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { ButtonSize } from '@scaleflex/ui-tw/button';
+import { InputSize } from '@scaleflex/ui-tw/input';
+import { LabelIcon } from '@scaleflex/ui-tw/label/components/label-icon';
+import { LabelSize } from '@scaleflex/ui-tw/label/label.types';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+var labelSizeOptions = _defineProperty(_defineProperty(_defineProperty({}, InputSize.Sm, 'text-xs'), InputSize.Md, 'text-sm'), InputSize.Lg, 'text-base');
+var labelVariants = cva('', {
+  variants: {
+    size: labelSizeOptions
+  },
+  defaultVariants: {
+    size: ButtonSize.Md
+  }
+});
+function Label(_ref) {
+  var className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? LabelSize.Md : _ref$size,
+    children = _ref.children,
+    icon = _ref.icon,
+    tooltip = _ref.tooltip,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(LabelPrimitive.Root, _extends({
+    "data-slot": "label",
+    className: cn('text-secondary-foreground flex items-center gap-2 leading-none font-normal select-none', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-50', 'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50', 'group-data-[highlight=true]:text-warning', labelVariants({
+      size: size,
+      className: className
+    }))
+  }, props), icon || tooltip ? /*#__PURE__*/React.createElement("span", {
+    className: "flex items-center"
+  }, children, /*#__PURE__*/React.createElement(LabelIcon, {
+    size: size,
+    icon: icon,
+    tooltip: tooltip
+  })) : children);
+}
+export { Label };

package/label/label.types.d.ts

@@ -0,0 +1,14 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import type { Values } from 'packages/ui/src/types/values';
+import { ComponentProps, ReactElement } from 'react';
+export declare const LabelSize: {
+    readonly Sm: "sm";
+    readonly Md: "md";
+    readonly Lg: "lg";
+};
+export type LabelSizeType = Values<typeof LabelSize>;
+export interface LabelProps extends Omit<ComponentProps<typeof LabelPrimitive.Root>, 'size'> {
+    size?: LabelSizeType;
+    icon?: ReactElement;
+    tooltip?: string;
+}

package/{core/tab/types/size.js → label/label.types.js}

@@ -1,4 +1,4 @@
-export var Size = {
+export var LabelSize = {
   Sm: 'sm',
   Md: 'md',
   Lg: 'lg'

package/label/label.utils.d.ts

@@ -0,0 +1,2 @@
+import { LabelSizeType } from '@scaleflex/ui-tw/label/label.types';
+export declare const getLabelIconSizeInRem: (sizeName?: LabelSizeType | null) => string;

package/label/label.utils.js

@@ -0,0 +1,16 @@
+import { LabelSize } from '@scaleflex/ui-tw/label/label.types';
+export var getLabelIconSizeInRem = function getLabelIconSizeInRem(sizeName) {
+  switch (sizeName) {
+    case LabelSize.Lg:
+      return '1rem';
+    // 16px
+    case LabelSize.Md:
+      return '0.875rem';
+    // 14px
+    case LabelSize.Sm:
+      return '0.75rem';
+    // 14px
+    default:
+      return '0.875rem';
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -13,8 +13,10 @@
   "main": "lib/index.js",
   "dependencies": {
     "@popperjs/core": "^2.6.0",
+    "@radix-ui/react-label": "^2.1.6",
     "@radix-ui/react-slot": "^1.1.2",
-    "@scaleflex/icons-tw": "^0.0.2",
+    "@radix-ui/react-tooltip": "^1.2.6",
+    "@scaleflex/icons-tw": "^0.0.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",
@@ -28,14 +30,16 @@
     "typescript": "^5.2.2"
   },
   "peerDependencies": {
+    "@hookform/resolvers": ">=5.0.0",
     "@types/react": ">=19.0.0",
     "@types/react-dom": ">=19.0.0",
     "clsx": ">=2.0.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "styled-components": ">=6.0.0",
+    "react-hook-form": ">=7.0.0",
     "tailwind-merge": ">=1.14.0",
-    "tailwindcss": ">=4.0.0"
+    "tailwindcss": ">=4.0.0",
+    "zod": ">=3.0.0"
   },
   "sideEffects": false,
   "browserslist": {

package/{theme/theme.css → theme.css}

@@ -14,19 +14,19 @@
   --secondary-foreground: oklch(53.03% 0.039 249.89);
   --muted: oklch(0.95 0.01 285); /* Background active #F3F7FA */
   --muted-foreground: oklch(0.685 0.033 249.82);
-  --accent: oklch(0.578 0.198 268.129) / 0.07; /* Background active #F3F7FA */
+  --accent: oklch(0.578 0.198 268.129 / 0.07); /* Background active #F3F7FA */
   --accent-foreground: oklch(0.578 0.198 268.129); /* Text Primary #37414B */
   --success: oklch(0.7487 0.1799 154.83); /* #26C17A */
   --success-foreground: oklch(0.4238 0.1235 165.45); /* #006D3B */
-  --destructive: oklch(0.6291 0.2616 26.16); /* #FB2C36 */
+  --destructive: oklch(0.577 0.215 27.325); /* #DC2626 */
   --destructive-foreground: oklch(0.3963 0.1994 27.40); /* #82181A */
   --info: oklch(0.6632 0.1896 241.34); /* #0090E4 */
   --info-foreground: oklch(0.3902 0.1177 248.61); /* #024A71 */
-  --warning: oklch(0.7963 0.2226 83.96); /* #F6A609 */
+  --warning: oklch(0.734 0.157 69.419); /* #E7940F */
   --warning-foreground: oklch(0.4429 0.1617 63.95); /* #733E0A */
   --border: oklch(92.86% 0.009 247.92); /* Borders Secondary #E3E8ED */
   --input: oklch(0.8625 0.0257 248.73); /* Border Primary Stateless #CCD6DE */
-  --ring: oklch(0.6662 0.2007 280.88); /* Borders Base #6879EB */
+  --ring: oklch(0.578 0.198 268.129 / 0.7); /* Borders Base #6879EB */
   --shadow: oklch(26.18% 0.024 256.43 / 0.1);
   --chart-1: oklch(0.646 0.222 41.116);   /* Chart 1 - Orange/Yellow Base - approx #DA9834 */
   --chart-2: oklch(0.6 0.118 184.704);    /* Chart 2 - Teal/Greenish-Blue Base - approx #4BA3AD */

package/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, WithTooltip } from './tooltip.component';

package/tooltip/index.js

@@ -0,0 +1 @@
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, WithTooltip } from './tooltip.component';

package/tooltip/tooltip.component.d.ts

@@ -0,0 +1,10 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { WithTooltipProps } from '@scaleflex/ui-tw/tooltip/tooltip.types';
+import * as React from 'react';
+import { ComponentProps } from 'react';
+declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+declare function WithTooltip({ content, children }: WithTooltipProps): React.JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, WithTooltip };

package/tooltip/tooltip.component.js

@@ -0,0 +1,51 @@
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["delayDuration"],
+  _excluded2 = ["className", "sideOffset", "children"];
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import * as React from 'react';
+function TooltipProvider(_ref) {
+  var _ref$delayDuration = _ref.delayDuration,
+    delayDuration = _ref$delayDuration === void 0 ? 0 : _ref$delayDuration,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(TooltipPrimitive.Provider, _extends({
+    "data-slot": "tooltip-provider",
+    delayDuration: delayDuration
+  }, props));
+}
+function Tooltip(_ref2) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+  return /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(TooltipPrimitive.Root, _extends({
+    "data-slot": "tooltip"
+  }, props)));
+}
+function TooltipTrigger(_ref3) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+  return /*#__PURE__*/React.createElement(TooltipPrimitive.Trigger, _extends({
+    "data-slot": "tooltip-trigger"
+  }, props));
+}
+function TooltipContent(_ref4) {
+  var className = _ref4.className,
+    _ref4$sideOffset = _ref4.sideOffset,
+    sideOffset = _ref4$sideOffset === void 0 ? 0 : _ref4$sideOffset,
+    children = _ref4.children,
+    props = _objectWithoutProperties(_ref4, _excluded2);
+  return /*#__PURE__*/React.createElement(TooltipPrimitive.Portal, null, /*#__PURE__*/React.createElement(TooltipPrimitive.Content, _extends({
+    "data-slot": "tooltip-content",
+    sideOffset: sideOffset,
+    className: cn('bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance', className)
+  }, props), children, /*#__PURE__*/React.createElement(TooltipPrimitive.Arrow, {
+    className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"
+  })));
+}
+function WithTooltip(_ref5) {
+  var content = _ref5.content,
+    children = _ref5.children;
+  return /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, {
+    asChild: true
+  }, children), /*#__PURE__*/React.createElement(TooltipContent, null, content));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, WithTooltip };

package/tooltip/tooltip.types.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+export interface WithTooltipProps {
+    content: ReactElement;
+    children: ReactElement;
+}

package/core/accordion/accordion.component.d.ts

@@ -1,3 +0,0 @@
-import type { AccordionProps } from './accordion.props';
-declare const Accordion: ({ label, expanded, children, detailStyle, headerStyle, fullWidth, iconProps: iconPropsData, onClick, onChange, onContextMenu, hideIcon, ref, ...rest }: AccordionProps) => JSX.Element;
-export default Accordion;

package/core/accordion/accordion.component.js

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["label", "expanded", "children", "detailStyle", "headerStyle", "fullWidth", "iconProps", "onClick", "onChange", "onContextMenu", "hideIcon", "ref"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import AccordionDetails from '../accordion-details';
-import AccordionHeader from '../accordion-header';
-var Accordion = function Accordion(_ref) {
-  var label = _ref.label,
-    _ref$expanded = _ref.expanded,
-    expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-    children = _ref.children,
-    detailStyle = _ref.detailStyle,
-    headerStyle = _ref.headerStyle,
-    fullWidth = _ref.fullWidth,
-    iconPropsData = _ref.iconProps,
-    onClick = _ref.onClick,
-    onChange = _ref.onChange,
-    onContextMenu = _ref.onContextMenu,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var handleOnClick = function handleOnClick(event) {
-    if (typeof onChange === 'function') {
-      onChange(!expanded, event);
-    }
-    if (typeof onClick === 'function') {
-      onClick(event);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, rest), /*#__PURE__*/React.createElement(AccordionHeader, {
-    label: label,
-    expanded: expanded,
-    style: _objectSpread({}, headerStyle),
-    hideIcon: hideIcon,
-    onClick: handleOnClick,
-    onContextMenu: onContextMenu,
-    iconProps: iconPropsData,
-    fullWidth: fullWidth
-  }), /*#__PURE__*/React.createElement(AccordionDetails, {
-    expanded: expanded,
-    style: _objectSpread({}, detailStyle)
-  }, children));
-};
-export default Accordion;

package/core/accordion/accordion.props.d.ts

@@ -1,13 +0,0 @@
-import type { IconProps } from '@scaleflex/icons-tw/icon.props';
-import React, { MouseEvent, Ref } from 'react';
-export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    label: React.ReactNode;
-    expanded?: boolean;
-    detailStyle?: object;
-    headerStyle?: object;
-    hideIcon?: boolean;
-    fullWidth?: boolean;
-    onChange?: (value: boolean, event: MouseEvent<HTMLDivElement>) => void;
-    iconProps?: IconProps;
-    ref?: Ref<HTMLDivElement>;
-}

package/core/accordion/accordion.props.js

@@ -1 +0,0 @@
-export {};

package/core/accordion/index.d.ts

@@ -1,2 +0,0 @@
-export type { AccordionProps } from './accordion.props';
-export { default } from './accordion.component';

package/core/accordion/index.js

@@ -1 +0,0 @@
-export { default } from './accordion.component';

package/core/accordion-details/accordion-details.component.d.ts

@@ -1,3 +0,0 @@
-import type { AccordionDetailsProps } from './accordion-details.props';
-declare const AccordionDetails: ({ expanded, children, ref, ...rest }: AccordionDetailsProps) => JSX.Element;
-export default AccordionDetails;

package/core/accordion-details/accordion-details.component.js

@@ -1,16 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["expanded", "children", "ref"];
-import React from 'react';
-var AccordionDetails = function AccordionDetails(_ref) {
-  var _ref$expanded = _ref.expanded,
-    expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-    children = _ref.children,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, expanded && /*#__PURE__*/React.createElement("div", _extends({
-    className: "mx-0 my-4",
-    ref: ref
-  }, rest), children));
-};
-export default AccordionDetails;

package/core/accordion-details/accordion-details.props.d.ts

@@ -1,4 +0,0 @@
-export interface AccordionDetailsProps extends React.HTMLAttributes<HTMLDivElement> {
-    expanded?: boolean;
-    ref?: React.Ref<HTMLDivElement>;
-}

package/core/accordion-details/index.d.ts

@@ -1,2 +0,0 @@
-export type { AccordionDetailsProps } from './accordion-details.props';
-export { default } from './accordion-details.component';

package/core/accordion-details/index.js

@@ -1 +0,0 @@
-export { default } from './accordion-details.component';

package/core/accordion-header/accordion-header.component.d.ts

@@ -1,3 +0,0 @@
-import type { AccordionHeaderProps } from './accordion-header.props';
-declare const AccordionHeader: ({ expanded, label, onChange, onClick, onContextMenu, hideIcon, fullWidth, iconProps: iconPropsData, ref, ...rest }: AccordionHeaderProps) => JSX.Element;
-export default AccordionHeader;

package/core/accordion-header/accordion-header.component.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["expanded", "label", "onChange", "onClick", "onContextMenu", "hideIcon", "fullWidth", "iconProps", "ref"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
-import { Position as ArrowTickType } from '../../utils/types';
-import ArrowTick from '../arrow-tick';
-var AccordionHeader = function AccordionHeader(_ref) {
-  var _ref$expanded = _ref.expanded,
-    expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-    label = _ref.label,
-    onChange = _ref.onChange,
-    _onClick = _ref.onClick,
-    onContextMenu = _ref.onContextMenu,
-    _ref$hideIcon = _ref.hideIcon,
-    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-    iconPropsData = _ref.iconProps,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var accordionHeaderClasses = "inline-flex items-center justify-between box-border cursor-pointer select-none text-secondary ".concat(fullWidth ? 'w-full' : 'w-auto');
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: accordionHeaderClasses,
-    ref: ref,
-    onClick: function onClick(event) {
-      if (typeof onChange === 'function') {
-        onChange(!expanded);
-      }
-      if (typeof _onClick === 'function') {
-        _onClick(event);
-      }
-    }
-  }, rest), /*#__PURE__*/React.createElement("span", {
-    onContextMenu: onContextMenu
-  }, label), !hideIcon && /*#__PURE__*/React.createElement("span", {
-    className: "inline-flex pl-2",
-    onContextMenu: onContextMenu
-  }, /*#__PURE__*/React.createElement(ArrowTick, {
-    type: expanded ? ArrowTickType.Top : ArrowTickType.Bottom,
-    IconProps: _objectSpread({
-      size: '0.6875rem'
-    }, iconPropsData)
-  })));
-};
-export default AccordionHeader;

package/core/accordion-header/accordion-header.props.d.ts

@@ -1,11 +0,0 @@
-import type { IconProps } from '@scaleflex/icons-tw/icon.props';
-import { Ref } from 'react';
-export interface AccordionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    label: React.ReactNode;
-    expanded?: boolean;
-    hideIcon?: boolean;
-    fullWidth?: boolean;
-    onChange?: (value: boolean) => void;
-    iconProps?: IconProps;
-    ref?: Ref<HTMLDivElement>;
-}

package/core/accordion-header/accordion-header.props.js

@@ -1 +0,0 @@
-export {};

package/core/accordion-header/index.d.ts

@@ -1,2 +0,0 @@
-export type { AccordionHeaderProps } from './accordion-header.props';
-export { default } from './accordion-header.component';

package/core/accordion-header/index.js

@@ -1 +0,0 @@
-export { default } from './accordion-header.component';

package/core/arrow/arrow.component.d.ts

@@ -1,3 +0,0 @@
-import type { ArrowProps } from './arrow.props';
-declare const Arrow: ({ type, IconProps: IconPropsData, ref, ...rest }: ArrowProps) => JSX.Element;
-export default Arrow;

package/core/arrow/arrow.component.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["type", "IconProps", "ref"];
-import ArrowIcon from '@scaleflex/icons-tw/arrow';
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React from 'react';
-import { Position } from '../../utils/types';
-var arrowDirection = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Position.Bottom, 'rotate-90'), Position.Left, 'rotate-180'), Position.Right, ''), Position.Top, '-rotate-90');
-var Arrow = function Arrow(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? Position.Right : _ref$type,
-    IconPropsData = _ref.IconProps,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: cn('inline-flex transition-transform duration-150', arrowDirection[type])
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement(ArrowIcon, IconPropsData));
-};
-export default Arrow;

package/core/arrow/arrow.props.d.ts

@@ -1,14 +0,0 @@
-import type { IconProps } from '@scaleflex/icons-tw/icon.props';
-import type { Values } from '../../utils/types';
-export declare const Type: {
-    readonly Left: "left";
-    readonly Right: "right";
-    readonly Top: "top";
-    readonly Bottom: "bottom";
-};
-export type ArrowTypesType = Values<typeof Type>;
-export interface ArrowProps extends React.HTMLAttributes<HTMLSpanElement> {
-    type?: ArrowTypesType;
-    IconProps?: IconProps;
-    ref?: React.Ref<HTMLSpanElement>;
-}

package/core/arrow/arrow.props.js

@@ -1,6 +0,0 @@
-export var Type = {
-  Left: 'left',
-  Right: 'right',
-  Top: 'top',
-  Bottom: 'bottom'
-};

package/core/arrow/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './arrow.component';
-export type { ArrowProps } from './arrow.props';

package/core/arrow/index.js

@@ -1 +0,0 @@
-export { default } from './arrow.component';

package/core/arrow-tick/arrow-tick.component.d.ts

@@ -1,3 +0,0 @@
-import type { ArrowTickProps } from './arrow-tick.props';
-declare const ArrowTick: ({ type, IconProps: IconPropsData, ref, ...rest }: ArrowTickProps) => JSX.Element;
-export default ArrowTick;

package/core/arrow-tick/arrow-tick.component.js

@@ -1,21 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["type", "IconProps", "ref"];
-import ArrowBottom from '@scaleflex/icons-tw/arrow-bottom';
-import React from 'react';
-import { Position } from '../../utils/types';
-var arrowTickDirection = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Position.Bottom, ''), Position.Left, 'rotate-90'), Position.Right, '-rotate-90'), Position.Top, 'rotate-180');
-var ArrowTick = function ArrowTick(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? Position.Bottom : _ref$type,
-    IconPropsData = _ref.IconProps,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement(ArrowBottom, _extends({
-    className: arrowTickDirection[type]
-  }, IconPropsData)));
-};
-export default ArrowTick;

package/core/arrow-tick/arrow-tick.props.d.ts

@@ -1,14 +0,0 @@
-import type { IconProps } from '@scaleflex/icons-tw/icon.props';
-import type { Values } from '../../utils/types';
-export declare const Type: {
-    readonly Left: "left";
-    readonly Right: "right";
-    readonly Top: "top";
-    readonly Bottom: "bottom";
-};
-export type ArrowTickTypesType = Values<typeof Type>;
-export interface ArrowTickProps extends React.HTMLAttributes<HTMLSpanElement> {
-    type?: ArrowTickTypesType;
-    IconProps?: IconProps;
-    ref?: React.Ref<HTMLSpanElement>;
-}

package/core/arrow-tick/arrow-tick.props.js

@@ -1,6 +0,0 @@
-export var Type = {
-  Left: 'left',
-  Right: 'right',
-  Top: 'top',
-  Bottom: 'bottom'
-};

package/core/arrow-tick/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './arrow-tick.component';
-export type { ArrowTickProps } from './arrow-tick.props';

package/core/arrow-tick/index.js

@@ -1 +0,0 @@
-export { default } from './arrow-tick.component';

package/core/button/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './button.component';
-export type { ButtonProps } from './button.types';
-export { ButtonVariant } from '@scaleflex/ui-tw/core/button/button.types';
-export { ButtonSize } from '@scaleflex/ui-tw/core/button/button.types';

package/core/button/index.js

@@ -1,3 +0,0 @@
-export { default } from './button.component';
-export { ButtonVariant } from '@scaleflex/ui-tw/core/button/button.types';
-export { ButtonSize } from '@scaleflex/ui-tw/core/button/button.types';