@scaleflex/ui-tw 0.0.1 → 0.0.3

package/core/check-box/check-box.styles.d.ts

@@ -1,19 +0,0 @@
-import type { CheckBoxProps, CheckBoxSizeType } from './check-box.props';
-declare const Styled: {
-    CheckBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-    }>, never>, {
-        $size: CheckBoxSizeType;
-        checked: boolean;
-        disabled: boolean;
-    } & {
-        theme: import("styled-components").DefaultTheme;
-    }>> & string;
-    Input: 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").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-        ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
-    }>, never>, never>> & string;
-    UnCheckedIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-    }>, never>, CheckBoxProps>> & string;
-};
-export default Styled;

package/core/check-box/check-box.styles.js

@@ -1,42 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-import { Color as PColor } from '../../utils/types/palette';
-import { sizeCheckboxMixin } from './check-box.mixin';
-import { Size } from './types';
-var baseClassName = 'CheckBox';
-var Input = /*#__PURE__*/styled.input.attrs({
-  className: generateClassNames(baseClassName, 'Input'),
-  type: 'checkbox'
-}).withConfig({
-  componentId: "sc-1cs9pmq-0"
-})(function (_ref) {
-  var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  return css(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;padding:0;cursor:", ";z-index:1;"], disabled ? 'default' : 'pointer');
-});
-var UnCheckedIcon = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'icon')
-}).withConfig({
-  componentId: "sc-1cs9pmq-1"
-})(function () {
-  return css(["display:flex;opacity:0;transition:all 100ms ease-out;"]);
-});
-var CheckBox = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-1cs9pmq-2"
-})(function (_ref2) {
-  var palette = _ref2.theme.palette,
-    _ref2$$size = _ref2.$size,
-    $size = _ref2$$size === void 0 ? Size.Sm : _ref2$$size,
-    checked = _ref2.checked,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
-  return css(["position:relative;display:flex;align-items:center;justify-content:center;background:", ";border:1px solid ", ";border-radius:1px;outline:none;text-align:center;transition:all 100ms ease-out;cursor:", ";", " &:hover{", "{", "}}", ""], checked ? palette[PColor.AccentPrimary] : palette[PColor.BackgroundStateless], checked ? palette[PColor.AccentPrimary] : palette[PColor.BackgroundPrimaryStateless], disabled ? 'default' : 'pointer', sizeCheckboxMixin[$size], UnCheckedIcon, !disabled && css(["opacity:1;"]), disabled && css(["background:", ";border:1px solid ", ";"], checked ? palette[PColor.Accent_2_8_Opacity] : palette[PColor.BackgroundActive], checked ? 'transparent' : palette[PColor.BordersSecondary]));
-});
-var Styled = applyDisplayNames({
-  CheckBox: CheckBox,
-  Input: Input,
-  UnCheckedIcon: UnCheckedIcon
-});
-export default Styled;

package/core/check-box/check-box.utils.d.ts

@@ -1,3 +0,0 @@
-import { CheckBoxSizeType } from './check-box.props';
-export declare const getCheckboxIconSize: (size?: CheckBoxSizeType) => number;
-export declare const getCheckboxInfoIconSize: (size?: CheckBoxSizeType) => number;

package/core/check-box/check-box.utils.js

@@ -1,21 +0,0 @@
-import { Size } from './types';
-export var getCheckboxIconSize = function getCheckboxIconSize(size) {
-  switch (size) {
-    case Size.Md:
-      return 14;
-    case Size.Sm:
-      return 10;
-    default:
-      return 10;
-  }
-};
-export var getCheckboxInfoIconSize = function getCheckboxInfoIconSize(size) {
-  switch (size) {
-    case Size.Md:
-      return 14;
-    case Size.Sm:
-      return 12;
-    default:
-      return 12;
-  }
-};

package/core/check-box/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './check-box.component';
-export type { CheckBoxProps } from './check-box.props';

package/core/check-box/index.js

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

package/core/check-box/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './size';
-export * from './type';

package/core/check-box/types/index.js

@@ -1,2 +0,0 @@
-export * from './size';
-export * from './type';

package/core/check-box/types/size.d.ts

@@ -1,4 +0,0 @@
-export declare const Size: {
-    readonly Sm: "sm";
-    readonly Md: "md";
-};

package/core/check-box/types/size.js

@@ -1,4 +0,0 @@
-export var Size = {
-  Sm: 'sm',
-  Md: 'md'
-};

package/core/check-box/types/type.d.ts

@@ -1,4 +0,0 @@
-export declare const Type: {
-    readonly Checkbox: "checkbox";
-    readonly Intermediate: "intermediate";
-};

package/core/check-box/types/type.js

@@ -1,4 +0,0 @@
-export var Type = {
-  Checkbox: 'checkbox',
-  Intermediate: 'intermediate'
-};

package/core/check-box-group/check-box-group.component.d.ts

@@ -1,3 +0,0 @@
-import type { CheckBoxGroupProps } from './check-box-group.props';
-declare const CheckBoxGroup: ({ size, label, checkBoxProps, checkBoxGroupProps, readOnly, disabled, labelPosition, icon, checked, ref, ...rest }: CheckBoxGroupProps) => JSX.Element;
-export default CheckBoxGroup;

package/core/check-box-group/check-box-group.component.js

@@ -1,74 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "label", "checkBoxProps", "checkBoxGroupProps", "readOnly", "disabled", "labelPosition", "icon", "checked", "ref"];
-import React, { useRef, useState } from 'react';
-import { lightPalette } from '../../theme/roots/palette';
-import { cn } from '../../utils/functions/shadcn-utils';
-import { Color } from '../../utils/types/palette';
-import CheckBox from '../check-box';
-import { getCheckboxInfoIconSize } from '../check-box/check-box.utils';
-import { Size } from '../check-box/types';
-import { LabelPosition } from './types';
-var CheckBoxGroup = function CheckBoxGroup(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Sm : _ref$size,
-    label = _ref.label,
-    checkBoxProps = _ref.checkBoxProps,
-    checkBoxGroupProps = _ref.checkBoxGroupProps,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$labelPosition = _ref.labelPosition,
-    labelPosition = _ref$labelPosition === void 0 ? LabelPosition.After : _ref$labelPosition,
-    icon = _ref.icon,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var textRef = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isEllipsisActive = _useState2[0],
-    setIsEllipsisActive = _useState2[1];
-  var getTextTooltip = function getTextTooltip() {
-    if (typeof label === 'string' && isEllipsisActive) {
-      return label;
-    }
-  };
-  var handleTextTooltip = function handleTextTooltip() {
-    if (textRef.current !== null && textRef.current) {
-      var _textRef$current, _textRef$current2;
-      setIsEllipsisActive((textRef === null || textRef === void 0 || (_textRef$current = textRef.current) === null || _textRef$current === void 0 ? void 0 : _textRef$current.offsetWidth) < (textRef === null || textRef === void 0 || (_textRef$current2 = textRef.current) === null || _textRef$current2 === void 0 ? void 0 : _textRef$current2.scrollWidth));
-    }
-  };
-  var cursorStyleClasses = disabled ? 'cursor-default' : 'cursor-pointer';
-  var checkBoxGroupClasses = cn('relative inline-flex max-w-full items-center gap-1', cursorStyleClasses);
-  var labelWrapClasses = cn('inline-block flex gap-2 items-center overflow-hidden text-ellipsis whitespace-nowrap text-textprimary',
-  //TODO: add data about fonts from ${sizeCheckboxGroupMixin[size]}
-  cursorStyleClasses);
-  var labelTextClasses = "label-text ".concat(labelPosition === 'before' ? '-order-1' : '');
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: checkBoxGroupClasses,
-    ref: ref
-  }, checkBoxGroupProps, rest), /*#__PURE__*/React.createElement("label", {
-    key: "label",
-    title: getTextTooltip(),
-    onMouseOver: handleTextTooltip,
-    ref: textRef,
-    className: labelWrapClasses
-  }, /*#__PURE__*/React.createElement(CheckBox, {
-    checkBoxProps: checkBoxProps,
-    readOnly: readOnly,
-    disabled: disabled,
-    checked: checked,
-    size: size
-  }), /*#__PURE__*/React.createElement("span", {
-    className: labelTextClasses
-  }, label)), typeof icon === 'function' ? icon({
-    size: getCheckboxInfoIconSize(size),
-    color: lightPalette[Color.IconsSecondary]
-  }) : icon);
-};
-export default CheckBoxGroup;

package/core/check-box-group/check-box-group.mixin.d.ts

@@ -1,5 +0,0 @@
-import { WithTheme } from '../../theme/entity';
-export declare const sizeCheckboxGroupMixin: {
-    sm: ({ theme: { typography: { font }, }, }: WithTheme) => import("styled-components").CSSObject;
-    md: ({ theme: { typography: { font }, }, }: WithTheme) => import("styled-components").CSSObject;
-};

package/core/check-box-group/check-box-group.mixin.js

@@ -1,10 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { FontVariant as FV } from '../../utils/types/typography';
-import { Size } from '../check-box/types';
-export var sizeCheckboxGroupMixin = _defineProperty(_defineProperty({}, Size.Sm, function (_ref) {
-  var font = _ref.theme.typography.font;
-  return font[FV.LabelMedium];
-}), Size.Md, function (_ref2) {
-  var font = _ref2.theme.typography.font;
-  return font[FV.LabelLarge];
-});

package/core/check-box-group/check-box-group.props.d.ts

@@ -1,19 +0,0 @@
-import { IconProps } from '@scaleflex/icons-tw/icon.props';
-import { Ref } from 'react';
-import type { Values } from '../../utils/types';
-import type { CheckBoxProps } from '../check-box';
-import { CheckBoxSizeType, CheckBoxType } from '../check-box/check-box.props';
-import { LabelPosition } from './types';
-export type LabelPositionType = Values<typeof LabelPosition>;
-export interface CheckBoxGroupProps extends CheckBoxProps {
-    label?: string;
-    checkBoxProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    checkBoxGroupProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
-    readOnly?: boolean;
-    disabled?: boolean;
-    labelPosition?: LabelPositionType;
-    size?: CheckBoxSizeType;
-    type?: CheckBoxType;
-    icon?: React.ReactNode | ((props: IconProps) => React.ReactNode);
-    ref?: Ref<HTMLLabelElement>;
-}

package/core/check-box-group/check-box-group.props.js

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

package/core/check-box-group/check-box-group.styles.d.ts

@@ -1,19 +0,0 @@
-import type { CheckBoxSizeType } from '../check-box/check-box.props';
-import { LabelPositionType } from './check-box-group.props';
-declare const Styled: {
-    CheckBoxGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-        ref?: ((instance: HTMLLabelElement | 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<HTMLLabelElement> | null | undefined;
-    }>, never>, {
-        disabled?: boolean;
-    }>> & string;
-    Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-    }>, never>, {
-        $labelPosition: LabelPositionType | undefined;
-        disabled: boolean;
-        size: CheckBoxSizeType;
-    } & {
-        theme: import("styled-components").DefaultTheme;
-    }>> & string;
-};
-export default Styled;

package/core/check-box-group/check-box-group.styles.js

@@ -1,33 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-import { Color as PColor } from '../../utils/types/palette';
-import StyledCheckbox from '../check-box/check-box.styles';
-import { Size } from '../check-box/types';
-import { sizeCheckboxGroupMixin } from './check-box-group.mixin';
-var baseClassName = 'CheckBoxGroup';
-var Label = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'Label')
-}).withConfig({
-  componentId: "sc-h0nj0z-0"
-})(function (_ref) {
-  var theme = _ref.theme,
-    _ref$$labelPosition = _ref.$labelPosition,
-    $labelPosition = _ref$$labelPosition === void 0 ? 'after' : _ref$$labelPosition,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Sm : _ref$size,
-    disabled = _ref.disabled;
-  return css(["display:inline-block;align-items:center;", " ", ":4px;color:", ";cursor:", ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"], sizeCheckboxGroupMixin[size], "margin-".concat($labelPosition === 'after' ? 'left' : 'right'), theme.palette[PColor.TextPrimary], disabled ? 'default' : 'pointer');
-});
-var CheckBoxGroup = /*#__PURE__*/styled.label.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-h0nj0z-1"
-})(function (_ref2) {
-  var disabled = _ref2.disabled;
-  return css(["position:relative;display:inline-flex;column-gap:4px;align-items:center;max-width:100%;cursor:", ";&:hover{", "{", "}}"], disabled ? 'default' : 'pointer', StyledCheckbox.UnCheckedIcon, !disabled && css(["display:flex;"]));
-});
-var Styled = applyDisplayNames({
-  CheckBoxGroup: CheckBoxGroup,
-  Label: Label
-});
-export default Styled;

package/core/check-box-group/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './check-box-group.component';
-export type { CheckBoxGroupProps } from './check-box-group.props';

package/core/check-box-group/index.js

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

package/core/check-box-group/types/index.d.ts

@@ -1 +0,0 @@
-export * from './label-position';

package/core/check-box-group/types/index.js

@@ -1 +0,0 @@
-export * from './label-position';

package/core/check-box-group/types/label-position.d.ts

@@ -1,4 +0,0 @@
-export declare const LabelPosition: {
-    readonly Before: "before";
-    readonly After: "after";
-};

package/core/check-box-group/types/label-position.js

@@ -1,4 +0,0 @@
-export var LabelPosition = {
-  Before: 'before',
-  After: 'after'
-};

package/core/cross-button/cross-button.component.d.ts

@@ -1,3 +0,0 @@
-import type { CrossButtonProps } from './cross-button.props';
-declare const CrossButton: ({ size, ref, className, ...rest }: CrossButtonProps) => JSX.Element;
-export default CrossButton;

package/core/cross-button/cross-button.component.js

@@ -1,35 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "ref", "className"];
-import CrossOutline from '@scaleflex/icons-tw/cross-outline';
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React from 'react';
-import { Size } from './types';
-var getIconSize = function getIconSize(sizeName) {
-  switch (sizeName) {
-    case Size.Lg:
-      return 16;
-    case Size.Xs:
-      return 10;
-    case Size.Sm:
-    default:
-      return 12;
-  }
-};
-var CrossButton = function CrossButton(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Lg : _ref$size,
-    ref = _ref.ref,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var crossButtonClasses = cn('flex box-content justify-center items-center cursor-pointer rounded-sm text-icons-secondary', 'hover:text-icons-primary hover:bg-background-hover', 'active:text-icons-primary-hover active:bg-background-active', size === Size.Lg ? 'p-3' : '', size === Size.Md ? 'p-2' : '', size === Size.Sm ? 'p-1.5' : '', size === Size.Xs ? 'p-1' : '', className);
-  return /*#__PURE__*/React.createElement("button", _extends({
-    className: crossButtonClasses,
-    type: "button"
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement(CrossOutline, {
-    size: getIconSize(size)
-  }));
-};
-export default CrossButton;

package/core/cross-button/cross-button.props.d.ts

@@ -1,8 +0,0 @@
-import type { Values } from '../../utils/types';
-import { Size } from './types';
-export type CrossButtonSizeType = Values<typeof Size>;
-export interface CrossButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    className?: string;
-    size?: CrossButtonSizeType;
-    ref?: React.Ref<HTMLButtonElement>;
-}

package/core/cross-button/cross-button.props.js

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

package/core/cross-button/cross-button.styles.d.ts

@@ -1,9 +0,0 @@
-import type { CrossButtonProps } from './cross-button.props';
-declare const Styled: {
-    CrossButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-    }>, never>, CrossButtonProps & {
-        theme: import("styled-components").DefaultTheme;
-    }>> & string;
-};
-export default Styled;

package/core/cross-button/cross-button.styles.js

@@ -1,21 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import styled, { css } from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-import { Color as PaletteColor } from '../../utils/types/palette';
-import { Size } from './types';
-var baseClassName = 'CrossButton';
-var crossButtonPaddingMixin = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Size.Xs, css(["padding:5px;height:20px;"])), Size.Sm, css(["padding:6px;height:24px;"])), Size.Md, css(["padding:9px;"])), Size.Lg, css(["padding:12px;"]));
-var CrossButton = /*#__PURE__*/styled.button.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-1etvzpc-0"
-})(function (_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? Size.Lg : _ref$size,
-    theme = _ref.theme;
-  return css(["display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;", " color:", ";background:transparent;border:none;transition:all 100ms ease-out;&:hover{color:", ";background:", ";}&:active{color:", ";background:", ";}"], crossButtonPaddingMixin[size], theme.palette[PaletteColor.IconsSecondary], theme.palette[PaletteColor.IconsPrimary], theme.palette[PaletteColor.BackgroundHover], theme.palette[PaletteColor.IconsPrimaryHover], theme.palette[PaletteColor.BackgroundActive]);
-});
-var Styled = applyDisplayNames({
-  CrossButton: CrossButton
-});
-export default Styled;

package/core/cross-button/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './cross-button.component';
-export type { CrossButtonProps } from './cross-button.props';

package/core/cross-button/index.js

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

package/core/cross-button/types/index.d.ts

@@ -1 +0,0 @@
-export * from './size';

package/core/cross-button/types/index.js

@@ -1 +0,0 @@
-export * from './size';

package/core/cross-button/types/size.d.ts

@@ -1,6 +0,0 @@
-export declare const Size: {
-    readonly Xs: "xs";
-    readonly Sm: "sm";
-    readonly Md: "md";
-    readonly Lg: "lg";
-};

package/core/cross-button/types/size.js

@@ -1,6 +0,0 @@
-export var Size = {
-  Xs: 'xs',
-  Sm: 'sm',
-  Md: 'md',
-  Lg: 'lg'
-};

package/core/dot/dot.component.d.ts

@@ -1,3 +0,0 @@
-import type { DotProps } from './dot.props';
-declare const Dot: ({ active, ref, ...rest }: DotProps) => JSX.Element;
-export default Dot;

package/core/dot/dot.component.js

@@ -1,17 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "ref"];
-import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
-import React from 'react';
-var Dot = function Dot(_ref) {
-  var _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var dotWraperClasses = cn('relative inline-flex items-center justify-center w-1.5 h-1.5 rounded-full border-1 border-solid border-transparent transition-colors duration-100 ease-out bg-borders-primary-stateless', "".concat(active ? 'bg-accent-primary' : ''));
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: dotWraperClasses,
-    ref: ref
-  }, rest));
-};
-export default Dot;

package/core/dot/dot.props.d.ts

@@ -1,4 +0,0 @@
-export interface DotProps extends React.HTMLAttributes<HTMLSpanElement> {
-    active?: boolean;
-    ref?: React.Ref<HTMLSpanElement>;
-}

package/core/dot/dot.props.js

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

package/core/dot/dot.styles.d.ts

@@ -1,18 +0,0 @@
-declare const Styled: {
-    Dot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-    }>, never>, {
-        $active: boolean;
-    } & {
-        theme: import("styled-components").DefaultTheme;
-    }>> & string;
-    Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-    }>, never>, {
-        $visible: boolean;
-        $on?: boolean;
-    } & {
-        theme: import("styled-components").DefaultTheme;
-    }>> & string;
-};
-export default Styled;

package/core/dot/dot.styles.js

@@ -1,32 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-import { Color as PColor } from '../../utils/types/palette';
-var baseClassName = 'Dot';
-var transitionDuration = 100;
-var Icon = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'Icon')
-}).withConfig({
-  componentId: "sc-q9gkc6-0"
-})(function (_ref) {
-  var _ref$$visible = _ref.$visible,
-    $visible = _ref$$visible === void 0 ? false : _ref$$visible,
-    _ref$$on = _ref.$on,
-    $on = _ref$$on === void 0 ? false : _ref$$on,
-    palette = _ref.theme.palette;
-  return css(["position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity ", "ms ease-out;opacity:", ";color:", ";"], transitionDuration, $visible ? 1 : 0, palette[$on ? PColor.AccentPrimary : PColor.BordersStrong]);
-});
-var Dot = /*#__PURE__*/styled.span.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-q9gkc6-1"
-})(function (_ref2) {
-  var _ref2$$active = _ref2.$active,
-    $active = _ref2$$active === void 0 ? false : _ref2$$active,
-    theme = _ref2.theme;
-  return css(["position:relative;display:inline-flex;align-items:center;justify-content:center;width:6px;height:6px;transition:background-color ", "ms ease-out;border:1px solid transparent;border-radius:50%;", ";"], transitionDuration, $active && "background-color: ".concat(theme.palette[PColor.AccentPrimary]));
-});
-var Styled = applyDisplayNames({
-  Dot: Dot,
-  Icon: Icon
-});
-export default Styled;

package/core/dot/index.d.ts

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

package/core/dot/index.js

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

package/core/dots-navigation/dots-navigation.component.d.ts

@@ -1,3 +0,0 @@
-import type { DotsNavigationProps } from './dots-navigation.props';
-declare const DotsNavigation: ({ activeItem, size, ref, ...rest }: DotsNavigationProps) => JSX.Element;
-export default DotsNavigation;

package/core/dots-navigation/dots-navigation.component.js

@@ -1,24 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["activeItem", "size", "ref"];
-import React from 'react';
-import Dot from '../dot';
-var DotsNavigation = function DotsNavigation(_ref) {
-  var _ref$activeItem = _ref.activeItem,
-    activeItem = _ref$activeItem === void 0 ? 0 : _ref$activeItem,
-    size = _ref.size,
-    ref = _ref.ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var finalDots = [];
-  for (var i = 0; i < size; i++) {
-    finalDots.push(/*#__PURE__*/React.createElement(Dot, {
-      key: i,
-      active: activeItem > -1 && i <= activeItem
-    }));
-  }
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "flex gap-3",
-    ref: ref
-  }, rest), finalDots);
-};
-export default DotsNavigation;

package/core/dots-navigation/dots-navigation.props.d.ts

@@ -1,5 +0,0 @@
-export interface DotsNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
-    activeItem?: number;
-    size: number;
-    ref?: React.Ref<HTMLDivElement>;
-}

package/core/dots-navigation/dots-navigation.props.js

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

package/core/dots-navigation/dots-navigation.styles.d.ts

@@ -1,6 +0,0 @@
-declare const Styled: {
-    DotsNavigation: 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/dots-navigation/dots-navigation.styles.js

@@ -1,15 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDisplayNames, generateClassNames } from '../../utils/functions';
-import DotStyled from '../dot/dot.styles';
-var baseClassName = 'DotsNavigation';
-var DotsNavigation = /*#__PURE__*/styled.div.attrs({
-  className: generateClassNames(baseClassName, 'root')
-}).withConfig({
-  componentId: "sc-1onrpl-0"
-})(function () {
-  return css(["", "{margin-left:12px;&:first-child{margin-left:0;}}"], DotStyled.Dot);
-});
-var Styled = applyDisplayNames({
-  DotsNavigation: DotsNavigation
-});
-export default Styled;