@scaleflex/ui-tw 0.0.1 → 0.0.3

package/input/input.component.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "type", "size", "disabled", "readOnly"];
+import { ButtonSize } from '@scaleflex/ui-tw/button';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { InputType } from './input.types';
+import { InputSize } from './input.types';
+var inputSizeOptions = _defineProperty(_defineProperty(_defineProperty({}, InputSize.Sm, 'py-2 px-3 text-sm h-8'), InputSize.Md, 'py-3 px-4 h-10 text-base '), InputSize.Lg, 'py-3 px-4 h-12 text-lg ');
+var inputVariants = cva('', {
+  variants: {
+    size: inputSizeOptions
+  },
+  defaultVariants: {
+    size: ButtonSize.Md
+  }
+});
+function Input(_ref) {
+  var className = _ref.className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? InputType.Text : _ref$type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? InputSize.Md : _ref$size,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("input", _extends({
+    type: type,
+    "data-slot": "input",
+    disabled: disabled,
+    readOnly: readOnly,
+    className: cn('border-input text-foreground bg-background flex w-full min-w-0 rounded-md border shadow-xs transition-[color,box-shadow] outline-none', 'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50', 'focus-visible:ring-ring ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none', 'read-only:bg-secondary read-only:text-foreground read-only:cursor-default', 'aria-invalid:ring-destructive/20 aria-invalid:border-destructive', 'group-data-[highlight=true]:border-warning group-data-[highlight=true]:focus-visible:ring-warning/20', inputVariants({
+      size: size,
+      className: className
+    }))
+  }, props));
+}
+export { Input, inputVariants };

package/input/input.types.d.ts

@@ -0,0 +1,17 @@
+import type { Values } from 'packages/ui/src/types/values';
+import { ComponentProps } from 'react';
+export interface InputProps extends Omit<ComponentProps<'input'>, 'size'> {
+    size?: InputSizeType;
+    'aria-invalid'?: boolean;
+}
+export declare const InputType: {
+    readonly Text: "text";
+    readonly Email: "email";
+    readonly Number: "number";
+};
+export declare const InputSize: {
+    readonly Sm: "sm";
+    readonly Md: "md";
+    readonly Lg: "lg";
+};
+export type InputSizeType = Values<typeof InputSize>;

package/input/input.types.js

@@ -0,0 +1,10 @@
+export var InputType = {
+  Text: 'text',
+  Email: 'email',
+  Number: 'number'
+};
+export var InputSize = {
+  Sm: 'sm',
+  Md: 'md',
+  Lg: 'lg'
+};

package/label/components/info-outline-icon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '@scaleflex/icons-tw/icon.props';
+export declare const InfoOutlineIcon: ({ color, size, ref, ...rest }: IconProps) => JSX.Element;
+export default InfoOutlineIcon;

package/label/components/info-outline-icon.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["color", "size", "ref"];
+import React from 'react';
+export var InfoOutlineIcon = function InfoOutlineIcon(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '0.875rem' : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    width: size,
+    height: size,
+    viewBox: "0 0 50 50",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M25 50C11.2033 50 0 38.7967 0 25C0 11.2033 11.2033 0 25 0C38.7967 0 50 11.2033 50 25C50 38.7967 38.6929 50 25 50ZM25 3.52697C13.1743 3.52697 3.63071 13.1743 3.63071 24.8963C3.63071 36.6183 13.278 46.2656 25 46.2656C36.8257 46.2656 46.3693 36.6183 46.3693 24.8963C46.3693 13.1743 36.8257 3.52697 25 3.52697Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M28.3755 13.125C28.3755 11.3992 26.9765 10 25.2505 10C23.5245 10 22.1255 11.3992 22.1255 13.125C22.1255 14.8516 23.5245 16.25 25.2505 16.25C26.9765 16.25 28.3755 14.8516 28.3755 13.125Z",
+    fill: color
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20.563 38.5H29.938C30.8009 38.5 31.5005 37.8012 31.5005 36.9375C31.5005 36.0746 30.8009 35.375 29.938 35.375H28.3755V20.9375C28.3755 20.0746 27.6759 19.375 26.813 19.375H20.563C19.7001 19.375 19.0005 20.0746 19.0005 20.9375C19.0005 21.8012 19.7001 22.5 20.563 22.5H22.1255V35.375H20.563C19.7001 35.375 19.0005 36.0746 19.0005 36.9375C19.0005 37.8012 19.7001 38.5 20.563 38.5Z",
+    fill: color
+  }));
+};
+export default InfoOutlineIcon;

package/label/components/label-icon.d.ts

@@ -0,0 +1,7 @@
+import { LabelProps } from '@scaleflex/ui-tw/label/label.types';
+import React, { ComponentProps, ReactElement } from 'react';
+interface LabelIconProps extends ComponentProps<'span'>, Pick<LabelProps, 'size' | 'tooltip'> {
+    icon?: ReactElement;
+}
+declare const LabelIcon: (props: LabelIconProps) => React.JSX.Element | null;
+export { LabelIcon };

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.1",
+  "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.1",
+    "@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}

@@ -4,29 +4,29 @@
 :root {
   --background: oklch(1 0 0); /* Background stateless #ffffff */
   --foreground: oklch(0.3687 0.0313 264.55); /* Text Primary #37414B */
-  --card: oklch(1 0 0); /* Background hover F9FBFC */
+  --card: oklch(1 0 0);
   --card-foreground: oklch(0.3687 0.0313 264.55); /* Text Primary #37414B */
   --popover: oklch(1 0 0); /* Background stateless #ffffff */
   --popover-foreground: oklch(0.3687 0.0313 264.55); /* Text Primary #37414B */
-  --primary: oklch(0.6662 0.2007 280.88); /* Accent Stateless #6879EB */
+  --primary: oklch(0.578 0.198 268.129); /* Accent Stateless #496CED */
   --primary-foreground: oklch(1 0 0); /* Text Button Primary #ffffff */
   --secondary: oklch(98.16% 0.002 247.84); /* Background active #F8F9FA */
   --secondary-foreground: oklch(53.03% 0.039 249.89);
   --muted: oklch(0.95 0.01 285); /* Background active #F3F7FA */
-  --muted-foreground: oklch(68.54% 0.033 249.82);
-  --accent: oklch(0.9641 0.0065 231.29); /* Background active #F3F7FA */
-  --accent-foreground: oklch(0.3687 0.0313 264.55); /* Text Primary #37414B */
+  --muted-foreground: oklch(0.685 0.033 249.82);
+  --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/accordion.styles.d.ts

@@ -1,6 +0,0 @@
-declare const Styled: {
-    Accordion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }>, never>, never>> & string;
-};
-export default Styled;

package/core/accordion/accordion.styles.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-var baseClassName = 'Accordion';
-var Accordion = /*#__PURE__*/styled.div.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-1ctmyxo-0"
-})([""]);
-var Styled = applyDisplayNames({
-  Accordion: Accordion
-});
-export default Styled;

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/accordion-details.styles.d.ts

@@ -1,6 +0,0 @@
-declare const Styled: {
-    AccordionDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }>, never>, never>> & string;
-};
-export default Styled;

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

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-var baseClassName = 'AccordionDetails';
-var AccordionDetails = /*#__PURE__*/styled.div.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-17l9t42-0"
-})(["margin:16px 0;"]);
-var Styled = applyDisplayNames({
-  AccordionDetails: AccordionDetails
-});
-export default Styled;

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;