@scaleflex/ui-tw 0.0.1

package/LICENSE

@@ -0,0 +1,33 @@
+MIT License
+
+Copyright (c) 2022 SCALEFLEX SAS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"),
+to use the Software without restriction for personal purposes only. If you intend to use, copy, modify, distribute, sell, or lease any part of our Software for
+commercial or corporate purposes,
+you are required to contact the Scaleflex Sales team (sales@scaleflex.com) to settle the payment of a yearly licensing subscription of five thousand euros.
+If you are proven to be in violation of this condition, you agree to pay a ten thousand euro penalty charge in addition to the yearly licensing subscription.
+
+By utilizing the "Software", you acknowledge and unconditionally agree to be bound by these Terms, which are associated with the Scaleflex Services Terms and Conditions,
+which can be found at www.scaleflex.com:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---------------------------------------------------------------------------------
+
+Publicity
+
+You agree that Scaleflex may reference and use Your name, logos and trademarks in 
+Scaleflex marketing and promotional materials, including, but not limited to the 
+Scaleflex Websites, solely for purposes of identifying You as a customer of Scaleflex. 
+Otherwise, neither party may use the trade names, trademarks, service marks, or logos
+of the other party without the express written consent of the other party.

package/README.md

@@ -0,0 +1,28 @@
+# @scaleflex/ui-tw
+
+React UI components library by Scaleflex
+
+---
+
+TODO: Update doc
+
+## Installation
+
+```shell script
+npm i @scaleflex/ui # styled-components react react-dom
+```
+
+```shell script
+yarn add @scaleflex/ui # styled-components react react-dom
+```
+
+> Make sure to have `react`, `react-dom` and `styled-components` installed in your package as they are included in our peer dependencies.
+
+## Usage
+
+Scaleflex UI includes several parts:
+
+- [`core`](src/core/README.md)
+- [`hooks`](src/hooks/README.md)
+- [`theme`](src/theme/README.md)
+- [`utils`](src/utils/README.md)

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1,13 @@
+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

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

package/core/accordion/accordion.styles.d.ts

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,12 @@
+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

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

package/core/accordion/index.js

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,16 @@
+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

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

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

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

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,12 @@
+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

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

package/core/accordion-details/index.js

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,48 @@
+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: 11
+    }, iconPropsData)
+  })));
+};
+export default AccordionHeader;

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

@@ -0,0 +1,11 @@
+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

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

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

@@ -0,0 +1,19 @@
+declare const Styled: {
+    Header: 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<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>, {
+        $fullWidth?: boolean;
+    } & {
+        theme: import("styled-components").DefaultTheme;
+    }>> & string;
+    Wrapper: 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;
+    Icon: 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<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>, never>> & string;
+    Label: 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<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>, never>> & string;
+};
+export default Styled;

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

@@ -0,0 +1,44 @@
+import styled, { css } from 'styled-components';
+import { applyDisplayNames, generateClassNames } from '../../utils/functions';
+import { Color as PColor } from '../../utils/types/palette';
+import { FontVariant } from '../../utils/types/typography';
+var baseClassName = 'AccordionHeader';
+var Icon = /*#__PURE__*/styled.span.attrs({
+  className: generateClassNames(baseClassName, 'icon')
+}).withConfig({
+  componentId: "sc-lw0kj8-0"
+})(function () {
+  return css(["display:inline-flex;padding-left:8px;"]);
+});
+var Label = /*#__PURE__*/styled.span.attrs({
+  className: generateClassNames(baseClassName, 'label')
+}).withConfig({
+  componentId: "sc-lw0kj8-1"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(["", ""], theme.typography.font[FontVariant.ButtonSm]);
+});
+var Header = /*#__PURE__*/styled.div.attrs({
+  className: generateClassNames(baseClassName, 'root')
+}).withConfig({
+  componentId: "sc-lw0kj8-2"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    $fullWidth = _ref2.$fullWidth;
+  return css(["display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;cursor:pointer;width:", ";color:", ";user-select:none;"], $fullWidth ? '100%' : 'auto', theme.palette[PColor.LinkPrimary]);
+});
+var Wrapper = /*#__PURE__*/styled.div.attrs({
+  className: generateClassNames(baseClassName, 'wrapper')
+}).withConfig({
+  componentId: "sc-lw0kj8-3"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return css(["color:", ";"], theme.palette[PColor.LinkPrimary]);
+});
+var Styled = applyDisplayNames({
+  Header: Header,
+  Wrapper: Wrapper,
+  Icon: Icon,
+  Label: Label
+});
+export default Styled;

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

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

package/core/accordion-header/index.js

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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 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);
+  var arrowDirectionClasses = cn("".concat(type === Position.Bottom ? 'rotate-90' : ''), "".concat(type === Position.Left ? 'rotate-180' : ''), "".concat(type === Position.Right ? '' : ''), // don't need to rotate
+  "".concat(type === Position.Top ? '-rotate-90' : ''));
+  var ArrowClasses = cn('inline-flex transition-transform duration-150', arrowDirectionClasses);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: ArrowClasses
+  }, rest, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(ArrowIcon, IconPropsData));
+};
+export default Arrow;

package/core/arrow/arrow.mixin.d.ts

@@ -0,0 +1,6 @@
+export declare const typeArrowMixin: {
+    right: import("styled-components").RuleSet<object>;
+    left: import("styled-components").RuleSet<object>;
+    top: import("styled-components").RuleSet<object>;
+    bottom: import("styled-components").RuleSet<object>;
+};

package/core/arrow/arrow.mixin.js

@@ -0,0 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { css } from 'styled-components';
+import { Position } from '../../utils/types';
+export var typeArrowMixin = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Position.Right, css([""])), Position.Left, css(["transform:rotate(180deg);"])), Position.Top, css(["transform:rotate(-90deg);"])), Position.Bottom, css(["transform:rotate(90deg);"]));

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

@@ -0,0 +1,14 @@
+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

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

package/core/arrow/arrow.styles.d.ts

@@ -0,0 +1,9 @@
+import type { ArrowProps } from './arrow.props';
+declare const Styled: {
+    Arrow: 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>, ArrowProps & {
+        theme: import("styled-components").DefaultTheme;
+    }>> & string;
+};
+export default Styled;

package/core/arrow/arrow.styles.js

@@ -0,0 +1,18 @@
+import styled, { css } from 'styled-components';
+import { applyDisplayNames, generateClassNames } from '../../utils/functions';
+import { Position } from '../../utils/types';
+import { typeArrowMixin } from './arrow.mixin';
+var baseClassName = 'Arrow';
+var Arrow = /*#__PURE__*/styled.span.attrs({
+  className: generateClassNames(baseClassName, 'root')
+}).withConfig({
+  componentId: "sc-1nief1k-0"
+})(function (_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? Position.Right : _ref$type;
+  return css(["display:inline-flex;transition:transform 0.15s;", ""], typeArrowMixin[type]);
+});
+var Styled = applyDisplayNames({
+  Arrow: Arrow
+});
+export default Styled;

package/core/arrow/index.d.ts

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

package/core/arrow/index.js

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["type", "IconProps", "ref"];
+import ArrowBottom from '@scaleflex/icons-tw/arrow-bottom';
+import { cn } from '@scaleflex/ui-tw/utils/functions/shadcn-utils';
+import React from 'react';
+import { Position } from '../../utils/types';
+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);
+  var arrowDirectionClasses = cn("".concat(type === Position.Bottom ? '' : ''), // don't need to rotate
+  "".concat(type === Position.Left ? 'rotate-90' : ''), "".concat(type === Position.Right ? '-rotate-90' : ''), "".concat(type === Position.Top ? 'rotate-180' : ''));
+  var arrowClasses = cn(arrowDirectionClasses);
+
+  // TODO: structure this arrow using only CSS. create rules for IconPropsData?.size as TailwindCSS classes
+  // const arrowClasses = cn('inline-block w-2 h-2 border-solid border-secondary border-r-1 border-b-1 transition-transform duration-150 ease-out ', arrowDirectionClasses,)
+  // return <span className={arrowClasses} {...rest} ref={ref}></span>
+
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(ArrowBottom, _extends({
+    className: arrowClasses
+  }, IconPropsData)));
+};
+export default ArrowTick;

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

@@ -0,0 +1,6 @@
+export declare const typeArrowTickMixin: {
+    right: import("styled-components").RuleSet<object>;
+    left: import("styled-components").RuleSet<object>;
+    top: import("styled-components").RuleSet<object>;
+    bottom: import("styled-components").RuleSet<object>;
+};

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

@@ -0,0 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { css } from 'styled-components';
+import { Type } from './arrow-tick.props';
+export var typeArrowTickMixin = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Type.Right, css(["svg{transform:rotate(-90deg);transition:transform 150ms ease-out;}"])), Type.Left, css(["svg{transform:rotate(90deg);transition:transform 150ms ease-out;}"])), Type.Top, css(["svg{transform:rotate(180deg);transition:transform 150ms ease-out;}"])), Type.Bottom, css(["svg{transform:rotate(0);transition:transform 150ms ease-out;}"]));

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

@@ -0,0 +1,14 @@
+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

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

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

@@ -0,0 +1,7 @@
+import type { ArrowTickProps } from './arrow-tick.props';
+declare const Styled: {
+    ArrowTick: 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>, ArrowTickProps>> & string;
+};
+export default Styled;

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

@@ -0,0 +1,18 @@
+import styled, { css } from 'styled-components';
+import { applyDisplayNames, generateClassNames } from '../../utils/functions';
+import { Position } from '../../utils/types';
+import { typeArrowTickMixin } from './arrow-tick.mixin';
+var baseClassName = 'ArrowTick';
+var ArrowTick = /*#__PURE__*/styled.span.attrs({
+  className: generateClassNames(baseClassName, 'root')
+}).withConfig({
+  componentId: "sc-28eylo-0"
+})(function (_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? Position.Right : _ref$type;
+  return css(["display:inline-flex;", ""], typeArrowTickMixin[type]);
+});
+var Styled = applyDisplayNames({
+  ArrowTick: ArrowTick
+});
+export default Styled;

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

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

package/core/arrow-tick/index.js

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type ButtonProps } from './button.types';
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "link-primary" | "outline" | "link-secondary" | "link-basic-primary" | "link-basic-secondary" | "link-error" | "link-warning" | "error-primary" | "error-outline" | "warning-primary" | "warning-outline" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Button({ className, children, size, startIcon, endIcon, variant, loading, asChild, disabled, ...rest }: ButtonProps): React.JSX.Element;
+export { buttonVariants };
+export default Button;