freemium-ui 2.0.90 → 2.1.0-alpha.0

package/lib/AutoComplete.d.ts

@@ -0,0 +1,105 @@
+/// <reference types="react" />
+import react from 'react';
+import { AxiosRequestConfig } from 'axios';
+
+type DefaultDropdownItem = {
+    [key: string]: any;
+    group?: string;
+};
+type StyledListItemType = {
+    readOnly?: boolean;
+    $isSelected?: boolean;
+    $isHilighted?: boolean;
+};
+type DropdownInputItemProps = React.LiHTMLAttributes<HTMLLIElement> & StyledListItemType & {
+    key: string;
+};
+
+type DefaultAutoCompleteItem = DefaultDropdownItem;
+type AutoCompleteInputItemProps = DropdownInputItemProps;
+interface AutoCompleteProps<T extends DefaultAutoCompleteItem = DefaultAutoCompleteItem> {
+    /**
+     *
+     */
+    id?: string;
+    /**
+     *
+     */
+    url?: string;
+    /**
+     *
+     */
+    label?: string;
+    /**
+     *
+     */
+    disabled?: boolean;
+    /**
+     * Is the AutoComplete read only
+     */
+    readOnly?: boolean;
+    /**
+     * The width of the AutoComplete
+     */
+    width?: string;
+    /**
+     *
+     */
+    placeholder?: string;
+    /**
+     *
+     */
+    name?: string;
+    /**
+     * The items to be displayed in the AutoComplete
+     */
+    items?: Array<T>;
+    /**
+     * The identifier for the items
+     */
+    itemIdentifier?: string;
+    /**
+     * The selected item
+     */
+    /**
+     * Function to be called when the selected item changes
+     */
+    onChange?: (item: T | null) => void;
+    defaultSelectedItem?: T | null;
+    /**
+     * Fuction to give the string representation of the item
+     */
+    itemToString: (item: T, type?: 'list-item' | 'display' | 'downshift') => string;
+    /**
+     *
+     */
+    errorText?: string;
+    /**
+     *
+     */
+    searchKey?: string;
+    /**
+     *
+     */
+    style?: React.CSSProperties;
+    /**
+     *
+     */
+    isErrored?: boolean;
+    /**
+     *
+     */
+    isRequired?: boolean;
+    /**
+     *
+     */
+    emptyItemsText?: string;
+    processFetchData?: (data: any[]) => T[];
+    itemComponent?: (item: T, props?: AutoCompleteInputItemProps) => React.ReactNode | string;
+    headers?: AxiosRequestConfig['headers'];
+}
+
+declare const AutoComplete: <T extends DefaultDropdownItem>(props: AutoCompleteProps<T>) => react.JSX.Element;
+//# sourceMappingURL=AutoComplete.d.ts.map
+
+export { AutoComplete, type AutoCompleteInputItemProps, type AutoCompleteProps, type DefaultAutoCompleteItem };

package/lib/AutoComplete.js

@@ -0,0 +1,14 @@
+export{A as AutoComplete}from"./AutoComplete-DF33_uur.js"
+;import"./styled-components.browser.esm-Bq2p-e5F.js";import"react"
+;import"./styles-BlCCKAZq.js";import"./index-ByHJlnsx.js";import"react-dom"
+;import"./_commonjsHelpers-fGXyuM93.js";import"./index-CeIB4COQ.js"
+;import"./index-BdTXfGkV.js";import"./index-Cjkk7z9c.js"
+;import"./index-BY9lf-do.js";import"./index-COoRg_pp.js"
+;import"./Combination-AmN1Cqrf.js";import"./index-BxNZ3C71.js"
+;import"./index-BrF1HKA1.js";import"./index-BROhcSiX.js"
+;import"./index-DtzckyT3.js";import"./index-_WvIFKTM.js"
+;import"./keyframes-PnzFl0I5.js";import"./index-BnDw8kbT.js"
+;import"./ChevronUp-BWiG3XYd.js";import"./index-BT1o947S.js"
+;import"./index-D8E8s0tV.js";import"./ErrorText-Uvye7uop.js"
+;import"./TickIcon-BJqSAG4_.js";import"./TextArea--fiwZ_QM.js"
+;import"./Loader-b8lHCp4N.js";

package/lib/BoxedRadio-D5Kiintm.js

@@ -0,0 +1,75 @@
+import{u as n,_ as e,a as o,b as r}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import t from"react";import{S as i,R as a}from"./index-D8E8s0tV.js"
+;import{$ as d,a as l,b as c}from"./index-B9EcTy5B.js"
+;import{E as s}from"./ErrorText-Uvye7uop.js"
+;var u,p,h,m,f,b,x,g,v,y=n.div(u||(u=e(["\n  direction: ",";\n"],["\n  direction: ",";\n"])),(function(n){
+return n.theme.direction
+})),w=n(d)(p||(p=e(["\n  display: flex;\n  gap: 8px;\n  width: 100%;\n  direction: ",";\n"],["\n  display: flex;\n  gap: 8px;\n  width: 100%;\n  direction: ",";\n"])),(function(n){
+return n.theme.direction
+})),E=n.div(h||(h=e(["\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid transparent;\n  padding: 0;\n  margin: ",";\n  outline: none;\n  display: grid;\n  place-content: center;\n  background-color: ",";\n"],["\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid transparent;\n  padding: 0;\n  margin: ",";\n  outline: none;\n  display: grid;\n  place-content: center;\n  background-color: ",";\n"])),(function(n){
+return n.hasDescription?"4px 0":"0"}),(function(n){
+return n.theme.colors.common.accent
+})),k=n(l)(m||(m=e(["\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ",";\n"],["\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: ",";\n"])),(function(n){
+var e=n.theme;return"dark"===e.mode?e.colors.common.black:e.colors.common.white
+})),R=n(c)(f||(f=e(["\n  padding: 0;\n  margin: 0;\n  outline: none;\n  border: none;\n  background-color: unset;\n  height: 100%;\n  display: flex;\n  align-items: ",";\n  padding: ",";\n  &[data-state='unchecked'] {\n    div.BoxedRadioGroupIndicatorHolder {\n      border-color: ",";\n      background-color: unset;\n    }\n  }\n  &[data-disabled] {\n    div.BoxedRadioGroupIndicatorHolder {\n      border-color: ",";\n      background: ",";\n    }\n  }\n  &:hover:not([data-disabled]) {\n    div.BoxedRadioGroupIndicatorHolder {\n      box-shadow: 0 0 0 3px ","30;\n    }\n  }\n"],["\n  padding: 0;\n  margin: 0;\n  outline: none;\n  border: none;\n  background-color: unset;\n  height: 100%;\n  display: flex;\n  align-items: ",";\n  padding: ",";\n  &[data-state='unchecked'] {\n    div.BoxedRadioGroupIndicatorHolder {\n      border-color: ",";\n      background-color: unset;\n    }\n  }\n  &[data-disabled] {\n    div.BoxedRadioGroupIndicatorHolder {\n      border-color: ",";\n      background: ",";\n    }\n  }\n  &:hover:not([data-disabled]) {\n    div.BoxedRadioGroupIndicatorHolder {\n      box-shadow: 0 0 0 3px ","30;\n    }\n  }\n"])),(function(n){
+return n.hasDescription?"flex-start":"center"}),(function(n){
+return"ltr"===n.theme.direction?"12px 6px 12px 12px":"12px 12px 12px 6px"
+}),(function(n){return n.theme.colors.border.normal}),(function(n){
+return n.theme.colors.border.disabled}),(function(n){var e=n.theme
+;return"linear-gradient\n        (0deg, ".concat(e.colors.fill.dark,", ").concat(e.colors.fill.dark,"),\n        linear-gradient(0deg, ").concat(e.colors.fill.medium,", ").concat(e.colors.fill.medium,")")
+}),(function(n){return n.theme.colors.border.hover
+})),B=n.div(b||(b=e(["\n  display: flex;\n  border-radius: 4px;\n  flex: 1;\n  border: 1px solid\n    ",";\n  background-color: ",";\n  opacity: ",";\n  cursor: ",";\n  button,\n  label {\n    cursor: ",";\n  }\n  &:hover {\n    border-color: ",";\n  }\n  &.selected {\n    border-color: ",";\n  }\n  &:hover:not([data-disabled]) {\n    box-shadow: 0 0 0 5px\n      ",";\n  }\n  &:focus-within {\n    box-shadow: ","\n      0px 0px 0px 1px;\n    border-color: ",";\n  }\n"],["\n  display: flex;\n  border-radius: 4px;\n  flex: 1;\n  border: 1px solid\n    ",";\n  background-color: ",";\n  opacity: ",";\n  cursor: ",";\n  button,\n  label {\n    cursor: ",";\n  }\n  &:hover {\n    border-color: ",";\n  }\n  &.selected {\n    border-color: ",";\n  }\n  &:hover:not([data-disabled]) {\n    box-shadow: 0 0 0 5px\n      ",";\n  }\n  &:focus-within {\n    box-shadow: ","\n      0px 0px 0px 1px;\n    border-color: ",";\n  }\n"])),(function(n){
+var e=n.theme;return n.$isErrored?e.colors.border.error:e.colors.border.normal
+}),(function(n){return n.theme.colors.fill.surface}),(function(n){
+return n.disabled?"0.75":"1"}),(function(n){
+return n.disabled?"not-allowed":"pointer"}),(function(n){
+return n.disabled?"not-allowed":"pointer"}),(function(n){
+var e=n.theme,o=n.disabled,r=n.$isErrored
+;return o?e.colors.border.normal:r?e.colors.border.error:e.colors.border.hover
+}),(function(n){var e=n.theme
+;return n.$isErrored?e.colors.border.error:e.colors.border.active
+}),(function(n){var e=n.theme
+;return n.disabled?"transparent":e.colors.fill.hover}),(function(n){
+var e=n.theme;return n.$isErrored?e.colors.border.error:e.colors.border.active
+}),(function(n){var e=n.theme
+;return n.$isErrored?e.colors.border.error:e.colors.border.active
+})),N=n.span(x||(x=e(["\n  color: ",";\n  font-weight: ",";\n  line-height: ",";\n  font-size: ",";\n  white-space: nowrap;\n  overflow: hidden;\n"],["\n  color: ",";\n  font-weight: ",";\n  line-height: ",";\n  font-size: ",";\n  white-space: nowrap;\n  overflow: hidden;\n"])),(function(n){
+return n.theme.colors.text.primary}),(function(n){
+return n.theme.typography.fontWeight["semi-bold"]}),(function(n){
+return n.theme.typography.primary.lineHeight}),(function(n){
+return n.theme.typography.primary.fontSize
+})),H=n.span(g||(g=e(["\n  color: ",";\n  font-weight: ",";\n  line-height: ",";\n  font-size: ",";\n  white-space: normal;\n  margin: 4px 0;\n"],["\n  color: ",";\n  font-weight: ",";\n  line-height: ",";\n  font-size: ",";\n  white-space: normal;\n  margin: 4px 0;\n"])),(function(n){
+return n.theme.colors.text.secondary}),(function(n){
+return n.theme.typography.fontWeight.regular}),(function(n){
+return n.theme.typography.secondary.lineHeight}),(function(n){
+return n.theme.typography.secondary.fontSize
+})),I=n.label(v||(v=e(["\n  padding: ",";\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  white-space: nowrap;\n  overflow: hidden;\n"],["\n  padding: ",";\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  white-space: nowrap;\n  overflow: hidden;\n"])),(function(n){
+return"rtl"===n.theme.direction?"12px 6px 12px 12px":"12px 12px 12px 6px"
+}),(function(n){return n.theme.typography.fontFamily}),(function(n){
+return n.theme.typography.fontWeight["semi-bold"]}),(function(n){
+return n.theme.typography.secondary.fontSize}),(function(n){
+return n.theme.typography.secondary.lineHeight}),(function(n){
+return n.theme.colors.text.secondary})),G=function(n){
+var e=n.options,d=n.defaultValue,l=n.idAccessor,c=void 0===l?"id":l,u=n.onChange,p=n.isErrored,h=n.errorText,m=n.disabled,f=void 0!==m&&m,b=n.getTextContent,x=n.className,g=n.id,v=n.isRequired,G=n.readOnly,z=n.itemComponent,C=n.label,$=n.value,D=n.customIndicator,F=o(n,["options","defaultValue","idAccessor","onChange","isErrored","errorText","disabled","getTextContent","className","id","isRequired","readOnly","itemComponent","label","value","customIndicator"])
+;return t.createElement(y,{className:"StyledBoxedRadio"},C&&t.createElement(i,{
+htmlFor:g,className:"input-label"
+},C,C&&v&&t.createElement(a,null,"*")),t.createElement(w,r({defaultValue:d,
+value:$,onValueChange:function(n){return null==u?void 0:u(n)},"aria-readonly":G,
+id:g,"aria-label":C,"aria-labelledby":g,"aria-invalid":p,
+className:"BoxedRadioGroupRoot ".concat(null!=x?x:"").trim()
+},F),null==e?void 0:e.map((function(n){
+var e,o,r=null!==(e=null==b?void 0:b(n,"name"))&&void 0!==e?e:"",i=null!==(o=null==b?void 0:b(n,"description"))&&void 0!==o?o:""
+;return t.createElement(B,{$isErrored:!1,disabled:n.disabled||f,
+key:null==n?void 0:n[c],
+className:"BoxedRadioContainer ".concat($===(null==n?void 0:n[c])?"selected":"").trim()
+},t.createElement(R,{className:"BoxedRadioGroupItem",disabled:n.disabled||f,
+value:null==n?void 0:n[c],id:null==n?void 0:n[c],"aria-label":r,
+hasDescription:!!i},t.createElement(E,{hasDescription:!!i,
+className:"BoxedRadioGroupIndicatorHolder"},null!=D?D:t.createElement(k,{
+className:"BoxedRadioGroupIndicator"}))),t.createElement(I,{
+className:"BoxedRadioLabel",htmlFor:null==n?void 0:n[c]
+},z?z(n):t.createElement(t.Fragment,null,i?t.createElement(N,{
+className:"BoxedRadioLabelHeading"
+},r):t.createElement(t.Fragment,null,r),i&&t.createElement(H,{
+className:"BoxedRadioLabelDescription"},i))))
+}))),p&&h&&t.createElement(s,null,h))};export{G as B};

package/lib/BoxedRadio.d.ts

@@ -0,0 +1,61 @@
+import React, { ReactNode } from 'react';
+import { RadioGroupProps, RadioGroupContextValue } from '@radix-ui/react-radio-group';
+
+interface BoxedRadioItemProps {
+    disabled?: boolean;
+    [key: string]: any;
+}
+type BoxedRadioProps<T extends BoxedRadioItemProps = BoxedRadioItemProps> = Omit<React.HtmlHTMLAttributes<HTMLDivElement>, 'onChange' | 'value' | 'defaultValue'> & {
+    dir?: RadioGroupProps['dir'];
+    /**
+     * Select options
+     */
+    options?: Array<T>;
+    /**
+     * Select options
+     */
+    disabled?: boolean;
+    /**
+     * Select options
+     */
+    readOnly?: boolean;
+    /**
+     * Id accessor of radio button
+     */
+    idAccessor?: string;
+    /**
+     * The default value
+     */
+    defaultValue?: string;
+    /**
+     * Value of radio button
+     */
+    value?: RadioGroupContextValue['value'];
+    /**
+     * Function to be called when the selected item changes
+     */
+    onChange?: RadioGroupContextValue['onValueChange'];
+    /**
+     * The description of the content
+     */
+    label?: string;
+    errorText?: string;
+    isRequired?: boolean;
+    isErrored?: boolean;
+    customIndicator?: ReactNode;
+    /**
+     * The description of the content
+     */
+    getTextContent: (item: T, type: 'name' | 'description') => string;
+    /**
+     * The description of the content
+     */
+    itemComponent?: (item: T) => React.ReactNode | string;
+};
+
+/**
+ * BoxedRadio displays a group of options with radio buttons and enables selection of one option from the list.
+ */
+declare const BoxedRadio: <T extends BoxedRadioItemProps>({ options, defaultValue, idAccessor, onChange, isErrored, errorText, disabled, getTextContent, className, id, isRequired, readOnly, itemComponent, label, value, customIndicator, ...props }: BoxedRadioProps<T>) => React.JSX.Element;
+
+export { BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps };

package/lib/BoxedRadio.js

@@ -0,0 +1,10 @@
+export{B as BoxedRadio}from"./BoxedRadio-D5Kiintm.js"
+;import"./styled-components.browser.esm-Bq2p-e5F.js";import"react"
+;import"./index-D8E8s0tV.js";import"./index-ByHJlnsx.js";import"react-dom"
+;import"./index-BnDw8kbT.js";import"./keyframes-PnzFl0I5.js"
+;import"./index-B9EcTy5B.js";import"./index-CeIB4COQ.js"
+;import"./index-BdTXfGkV.js";import"./index-DtILdK5l.js"
+;import"./index-Cjkk7z9c.js";import"./index-BxNZ3C71.js"
+;import"./index-BY9lf-do.js";import"./index-BROhcSiX.js"
+;import"./index-DtzckyT3.js";import"./index-Dy5ztCxm.js"
+;import"./ErrorText-Uvye7uop.js";

package/lib/Button-Bd1O8_k7.js

@@ -0,0 +1,34 @@
+import{u as n,_ as e,a as r,b as o}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import t from"react";var i,a={large:{height:"45px",size:"16px"},mini:{
+height:"24px",size:"12px"},normal:{height:"32px",size:"14px"}
+},d=n.button(i||(i=e(["\n  direction: ",";\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"],["\n  direction: ",";\n  font-weight: ",";\n  font-family: ",";\n  border-radius: 4px;\n  display: ",";\n  border: 1px solid\n    ",";\n  background: linear-gradient(\n    180deg,\n    ","\n      2.56%,\n    ","\n      95.75%\n  );\n  color: ",";\n  height: ",";\n  line-height: 1.3;\n  font-size: ",";\n  cursor: ",";\n  white-space: nowrap;\n  padding: 0 12px;\n  &:hover {\n    background: ",";\n  }\n  &:active {\n    background: ",";\n    border-color: ",";\n  }\n  &:disabled {\n    color: ",";\n    border-color: ",";\n    background: linear-gradient(\n      180deg,\n      ","\n        4.39%,\n      ","\n        94.46%\n    );\n  }\n"])),(function(n){
+return n.theme.direction}),(function(n){
+return n.theme.typography.fontWeight["semi-bold"]}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.$inline?"inline-block":"block"}),(function(n){
+var e=n.theme,r=n.$variant;return e.components.button[r].borderColor
+}),(function(n){var e=n.theme,r=n.$variant
+;return e.components.button[r].backgroundFrom}),(function(n){
+var e=n.theme,r=n.$variant;return e.components.button[r].backgroundTo
+}),(function(n){var e=n.theme,r=n.$variant;return e.components.button[r].color
+}),(function(n){var e=n.$size;return a[e].height}),(function(n){var e=n.$size
+;return a[e].size}),(function(n){return n.disabled?"not-allowed":"pointer"
+}),(function(n){var e=n.theme,r=n.$variant
+;return e.components.button[r].hoverColor}),(function(n){
+var e=n.theme,r=n.$variant;return e.components.button[r].activeBackgroundColor
+}),(function(n){var e=n.theme,r=n.$variant
+;return e.components.button[r].activeBorderColor}),(function(n){
+var e=n.theme,r=n.$variant;return e.components.button[r].disabledColor
+}),(function(n){var e=n.theme,r=n.$variant
+;return e.components.button[r].disabledBorderColor}),(function(n){
+var e=n.theme,r=n.$variant;return e.components.button[r].disabledBackgroundFrom
+}),(function(n){var e=n.theme,r=n.$variant
+;return e.components.button[r].disabledBackgroundTo
+})),c=t.forwardRef((function(n,e){
+var i=n.size,a=void 0===i?"normal":i,c=n.variant,l=void 0===c?"primary":c,s=n.children,b=void 0===s?"":s,h=n.loading,p=void 0!==h&&h,m=n.inline,v=void 0===m||m,g=r(n,["size","variant","children","loading","inline"])
+;return t.useEffect((function(){
+"string"==typeof b||g["aria-label"]||console.warn("The `aria-label` prop is required when the children of the Button are not a string. This is to ensure that assistive technologies can announce the content of the button. Please provide a valid `aria-describedby` prop to the Button component.")
+}),[]),t.createElement(d,o({$size:a,$variant:l,$inline:v,disabled:g.disabled||p,
+"aria-disabled":g.disabled||p,"aria-label":"string"==typeof b?b:void 0,
+role:"button"},g,{ref:e}),p?t.createElement(u,null):b)})),u=function(){
+return t.createElement(t.Fragment,null,"...")};export{c as B};

package/lib/Button.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import React$1 from 'react';
+
+type ButtonSizeKey = 'mini' | 'normal' | 'large';
+type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The size of the button
+     */
+    size?: ButtonSizeKey;
+    /**
+     * The variant of the button
+     */
+    variant?: 'primary' | 'secondary' | 'danger' | 'link';
+    /**
+     * The children to be displayed in the button
+     */
+    children?: React.ReactNode | string;
+    /**
+     * Whether the button is loading
+     */
+    loading?: boolean;
+    /**
+     * Whether the button is inline
+     */
+    inline?: boolean;
+}
+
+/**
+ * Button displays a button on the user interface and enables performing specific actions based on the button type. The button’s label can be a text, icon, or both.
+ */
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, type ButtonSizeKey, type ButtonVariant };

package/lib/Button.js

@@ -0,0 +1,2 @@
+export{B as Button}from"./Button-Bd1O8_k7.js"
+;import"./styled-components.browser.esm-Bq2p-e5F.js";import"react";

package/lib/ButtonDropdown-BZvCwUDe.js

@@ -0,0 +1,37 @@
+import n from"react"
+;import{u as e,_ as i,e as o}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import{a as r,b as t,c as d,d as l,D as a}from"./styles-BbwNLGy3.js"
+;import{B as s}from"./Button-Bd1O8_k7.js"
+;import{C as u}from"./ChevronUp-BWiG3XYd.js"
+;var c,v,m,p,f=e.div(c||(c=i(["\n  display: flex;\n  direction: ",";\n"],["\n  display: flex;\n  direction: ",";\n"])),(function(n){
+return n.theme.direction
+})),b=e(u)(v||(v=i(["\n  transform: rotate(180deg);\n  path {\n    fill: ",";\n  }\n"],["\n  transform: rotate(180deg);\n  path {\n    fill: ",";\n  }\n"])),(function(n){
+var e=n.theme,i=n.variant;return e.components.button[i].color
+})),g=e(s)(m||(m=i(["\n  border-radius: "," !important;\n  padding: 0 8px;\n  border-right: ",";\n  border-left: ",";\n"],["\n  border-radius: "," !important;\n  padding: 0 8px;\n  border-right: ",";\n  border-left: ",";\n"])),(function(n){
+return"ltr"===n.theme.direction?"4px 0 0 4px":"0 4px 4px 0"}),(function(n){
+var e=n.theme,i=n.variant
+;return"ltr"===e.direction?"1px solid ".concat(e.components.button[i].borderColor):void 0
+}),(function(n){var e=n.theme,i=n.variant
+;return"rtl"===e.direction?"1px solid ".concat(e.components.button[i].borderColor):void 0
+})),x=e(s)(p||(p=i(["\n  border-radius: "," !important;\n  padding: 0 8px;\n  border-left: ",";\n  border-right: ",";\n"],["\n  border-radius: "," !important;\n  padding: 0 8px;\n  border-left: ",";\n  border-right: ",";\n"])),(function(n){
+return"ltr"===n.theme.direction?"0 4px 4px 0":"4px 0 0 4px"}),(function(n){
+return"ltr"===n.theme.direction?"0":void 0}),(function(n){
+return"rtl"===n.theme.direction?"0":void 0})),h=function(e){
+var i,s,u,c,v,m,p,h,C=e.size,E=void 0===C?"normal":C,y=e.variant,w=void 0===y?"primary":y,j=e.loading,z=void 0!==j&&j,B=e.inline,O=void 0===B||B,k=e.defaultSelectedItem,A=e.idAccessor,D=void 0===A?"id":A,I=e.nameAccessor,M=void 0===I?"name":I,N=e.onClick,P=e.options,S=e.side,U=void 0===S?"bottom":S,_=e.sideOffset,q=void 0===_?4:_,F=e.align,G=e.alignOffset,H=e.arrowPadding,J=e.avoidCollisions,K=e.disabled,L=e.id,Q=e.name,R=o()
+;return n.createElement(f,null,n.createElement(g,{id:L,name:Q,size:E,variant:w,
+inline:O,disabled:K||z,"aria-disabled":K||z,onClick:function(n){
+return null==N?void 0:N(k,n)},
+"aria-describedby":"string"===(null!==(i=typeof(null==k?void 0:k[M]))&&void 0!==i?i:null===(s=null==P?void 0:P[0])||void 0===s?void 0:s[M])?null!==(u=null==k?void 0:k[M])&&void 0!==u?u:null===(c=null==P?void 0:P[0])||void 0===c?void 0:c[M]:void 0
+},n.createElement("span",null,null!==(p=null!==(v=null==k?void 0:k[M])&&void 0!==v?v:null===(m=null==P?void 0:P[0])||void 0===m?void 0:m[M])&&void 0!==p?p:"")),n.createElement(r,null,n.createElement(t,{
+asChild:!0},n.createElement(x,{id:"".concat(L,"-more"),
+name:"".concat(Q,"-more"),size:E,variant:w,inline:O,disabled:K||z,
+"aria-disabled":K||z,"aria-label":"Additional options"},n.createElement(b,{
+variant:w}))),n.createElement(d,null,n.createElement(l,{side:U,sideOffset:q,
+align:(null!=F?F:"ltr"===R.direction)?"end":"start",alignOffset:G,
+arrowPadding:H,avoidCollisions:J,className:"DropdownMenuContent"
+},(null!==(h=null==P?void 0:P.filter((function(n){
+return(null==n?void 0:n[D])!==(null==k?void 0:k[D])
+})))&&void 0!==h?h:[]).map((function(e){return n.createElement(a,{
+id:null==e?void 0:e[D],disabled:null==e?void 0:e.disabled,
+className:"DropdownMenuItem",key:null==e?void 0:e[D],onSelect:function(){
+return null==N?void 0:N(e)}},null==e?void 0:e[M])}))))))};export{h as B};

package/lib/ButtonDropdown.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="react" />
+import React$1 from 'react';
+import { PopperContentProps } from '@radix-ui/react-popover';
+
+type ButtonSizeKey = 'mini' | 'normal' | 'large';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The size of the button
+     */
+    size?: ButtonSizeKey;
+    /**
+     * The variant of the button
+     */
+    variant?: 'primary' | 'secondary' | 'danger' | 'link';
+    /**
+     * The children to be displayed in the button
+     */
+    children?: React.ReactNode | string;
+    /**
+     * Whether the button is loading
+     */
+    loading?: boolean;
+    /**
+     * Whether the button is inline
+     */
+    inline?: boolean;
+}
+
+interface ButtonDropdownItemProps {
+    id: string;
+    name: string;
+    disabled?: boolean;
+    [key: string]: any;
+}
+interface ButtonDropdownProps<T extends ButtonDropdownItemProps = ButtonDropdownItemProps> {
+    side?: PopperContentProps['side'];
+    sideOffset?: PopperContentProps['sideOffset'];
+    align?: PopperContentProps['align'];
+    alignOffset?: PopperContentProps['alignOffset'];
+    arrowPadding?: PopperContentProps['arrowPadding'];
+    avoidCollisions?: PopperContentProps['avoidCollisions'];
+    /**
+     * value of menu
+     */
+    defaultSelectedItem?: T;
+    /**
+     * options for menu button
+     */
+    options?: Array<T>;
+    /**
+     * Called when a menu item is selected
+     */
+    onClick?: (option?: T, event?: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * id Accessor of menu
+     */
+    idAccessor?: string;
+    /**
+     * name Accessor of menu
+     */
+    nameAccessor?: string;
+    /**
+     * name Accessor of menu
+     */
+    id?: string;
+    /**
+     * name Accessor of menu
+     */
+    name?: string;
+    disabled?: React.ButtonHTMLAttributes<HTMLButtonElement>['disabled'];
+    size?: ButtonProps['size'];
+    variant?: ButtonProps['variant'];
+    loading?: ButtonProps['loading'];
+    inline?: ButtonProps['inline'];
+}
+
+/**
+ * ButtonDropdown is a button with a dropdown menu. It is used to select an item from a list of items.
+ */
+declare const ButtonDropdown: ({ size, variant, loading, inline, defaultSelectedItem, idAccessor, nameAccessor, onClick, options, side, sideOffset, align, alignOffset, arrowPadding, avoidCollisions, disabled, id, name, }: ButtonDropdownProps) => React$1.JSX.Element;
+
+export { ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps };

package/lib/ButtonDropdown.js

@@ -0,0 +1,11 @@
+export{B as ButtonDropdown}from"./ButtonDropdown-BZvCwUDe.js";import"react"
+;import"./styled-components.browser.esm-Bq2p-e5F.js"
+;import"./styles-BbwNLGy3.js";import"./index-ByHJlnsx.js";import"react-dom"
+;import"./index-CeIB4COQ.js";import"./index-BdTXfGkV.js"
+;import"./index-Cjkk7z9c.js";import"./index-BY9lf-do.js"
+;import"./index-COoRg_pp.js";import"./Combination-AmN1Cqrf.js"
+;import"./index-BrF1HKA1.js";import"./index-BROhcSiX.js"
+;import"./index-Dy5ztCxm.js";import"./index-DtILdK5l.js"
+;import"./index-BxNZ3C71.js";import"./keyframes-PnzFl0I5.js"
+;import"./index-BnDw8kbT.js";import"./Button-Bd1O8_k7.js"
+;import"./ChevronUp-BWiG3XYd.js";

package/lib/Calendar-C0xW_pPO.js

@@ -0,0 +1,32 @@
+import{u as n,_ as e,b as o}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import r from"react"
+;var t,i,l=n.div(t||(t=e(["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: ",";\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: ",";\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n"])),(function(n){
+return"rtl"===n.theme.direction?"row-reverse":"row"
+})),d=n.button(i||(i=e(["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  color: ",";\n  background-color: ",";\n  border: 1px solid\n    ",";\n  color: ",";\n  pointer-events: ",";\n  min-width: 40px;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  user-select: none;\n  transition:\n    background-color,\n    color 0.2s ease-in-out;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 0 3px\n      ","40;\n  }\n  &[disabled] {\n    outline: unset;\n    box-shadow: none;\n    border-color: ",";\n  }\n"],["\n  font-family: ",";\n  font-size: ",";\n  font-weight: ",";\n  color: ",";\n  background-color: ",";\n  border: 1px solid\n    ",";\n  color: ",";\n  pointer-events: ",";\n  min-width: 40px;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  user-select: none;\n  transition:\n    background-color,\n    color 0.2s ease-in-out;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 0 3px\n      ","40;\n  }\n  &[disabled] {\n    outline: unset;\n    box-shadow: none;\n    border-color: ",";\n  }\n"])),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.typography.primary.fontWeight}),(function(n){
+var e=n.$isSelected,o=n.theme
+;return e?o.colors.text.inverse:o.colors.text.primary}),(function(n){
+var e=n.theme,o=n.$isSelected,r=n.disabled
+;return o?r?e.colors.border.disabled:e.colors.common.accent:e.colors.fill.surface
+}),(function(n){var e=n.theme,o=n.disabled,r=n.$isSelected
+;return o?e.components.button.secondary.disabledBorderColor:r?e.colors.border.active:e.colors.border.normal
+}),(function(n){var e=n.disabled,o=n.theme;return e?o.colors.fill.dark:""
+}),(function(n){return n.disabled?"none":""}),(function(n){
+return n.theme.colors.border.hover}),(function(n){var e=n.$isSelected,o=n.theme
+;return e?o.colors.border.hover:""}),(function(n){
+return n.theme.components.button.secondary.disabledBorderColor})),a=function(n){
+var e=n.value,t=void 0===e?{}:e,i=n.items,a=n.onChange,s=n.idAccessor,c=void 0===s?"id":s,u=n.nameAccessor,p=void 0===u?"name":u,f=n.disabled,b=function(n){
+if(!f){var e=o({},t);e[n]=!e[n],null==a||a(e)}};return r.createElement(l,{
+role:"group"},i.map((function(n,e){return r.createElement(d,{key:e,
+id:null==n?void 0:n[c],"aria-label":null==n?void 0:n[p],
+value:null==n?void 0:n[c],tabIndex:0,type:"button",
+"aria-disabled":!!(null==n?void 0:n.disabled)||f,
+disabled:!!(null==n?void 0:n.disabled)||f,
+"aria-pressed":!!(null==t?void 0:t[null==n?void 0:n[c]]),
+$isSelected:!!(null==t?void 0:t[null==n?void 0:n[c]]),onKeyDown:function(e){
+console.log("onKeyDown",{event:e,key:e.key
+})," "!==e.key&&"Enter"!==e.key||(b(null==n?void 0:n[c]),e.preventDefault())},
+onClick:function(){return b(null==n?void 0:n[c])}},null==n?void 0:n[p])})))}
+;export{a as C};

package/lib/Calendar.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import React from 'react';
+
+interface DefaultMenuItemProps {
+    disabled?: boolean;
+    [key: string]: any;
+}
+
+interface DayProps {
+    $isSelected?: boolean;
+    id?: string;
+    value?: string;
+    disabled?: boolean;
+}
+interface CalendarProps extends DefaultMenuItemProps {
+    value?: Record<string, boolean>;
+    items: DefaultMenuItemProps[];
+    onChange?: (value: Record<string, boolean>) => void;
+    idAccessor?: string;
+    nameAccessor?: string;
+}
+
+declare const Calendar: React.FC<CalendarProps>;
+
+export { Calendar, type CalendarProps, type DayProps };

package/lib/Calendar.js

@@ -0,0 +1,2 @@
+export{C as Calendar}from"./Calendar-C0xW_pPO.js"
+;import"./styled-components.browser.esm-Bq2p-e5F.js";import"react";

package/lib/Checkbox-By1CgFUJ.js

@@ -0,0 +1,66 @@
+import{u as e,_ as n,f as t,b as r,a as o,e as a}from"./styled-components.browser.esm-Bq2p-e5F.js"
+
+;import i,{forwardRef as c,useState as d,useRef as s,useEffect as l,createElement as m}from"react"
+;import{I as u,R as p}from"./index-D8E8s0tV.js"
+;import{$ as h,a as b,_ as f}from"./index-ByHJlnsx.js"
+;import{$ as x}from"./index-BdTXfGkV.js"
+;import{a as k,$ as g}from"./index-CeIB4COQ.js"
+;import{$ as y}from"./index-DtzckyT3.js";import{$ as v}from"./index-BROhcSiX.js"
+;import{$ as w}from"./index-Dy5ztCxm.js"
+;import{T as E}from"./TickIcon-BJqSAG4_.js"
+;const C="Checkbox",[j,q]=x(C),[N,I]=j(C),$=c(((e,n)=>{
+const{__scopeCheckbox:t,name:r,checked:o,defaultChecked:a,required:i,disabled:c,value:u="on",onCheckedChange:p,...x}=e,[y,v]=d(null),w=h(n,(e=>v(e))),E=s(!1),C=!y||Boolean(y.closest("form")),[j=!1,q]=k({
+prop:o,defaultProp:a,onChange:p}),I=s(j);return l((()=>{
+const e=null==y?void 0:y.form;if(e){const n=()=>q(I.current)
+;return e.addEventListener("reset",n),()=>e.removeEventListener("reset",n)}
+}),[y,q]),m(N,{scope:t,state:j,disabled:c},m(b.button,f({type:"button",
+role:"checkbox","aria-checked":R(j)?"mixed":j,"aria-required":i,
+"data-state":D(j),"data-disabled":c?"":void 0,disabled:c,value:u},x,{ref:w,
+onKeyDown:g(e.onKeyDown,(e=>{"Enter"===e.key&&e.preventDefault()})),
+onClick:g(e.onClick,(e=>{
+q((e=>!!R(e)||!e)),C&&(E.current=e.isPropagationStopped(),
+E.current||e.stopPropagation())}))})),C&&m(_,{control:y,bubbles:!E.current,
+name:r,value:u,checked:j,required:i,disabled:c,style:{
+transform:"translateX(-100%)"}}))})),_=e=>{
+const{control:n,checked:t,bubbles:r=!0,...o}=e,a=s(null),i=y(t),c=v(n)
+;return l((()=>{
+const e=a.current,n=window.HTMLInputElement.prototype,o=Object.getOwnPropertyDescriptor(n,"checked").set
+;if(i!==t&&o){const n=new Event("click",{bubbles:r})
+;e.indeterminate=R(t),o.call(e,!R(t)&&t),e.dispatchEvent(n)}
+}),[i,t,r]),m("input",f({type:"checkbox","aria-hidden":!0,
+defaultChecked:!R(t)&&t},o,{tabIndex:-1,ref:a,style:{...e.style,...c,
+position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function R(e){
+return"indeterminate"===e}function D(e){
+return R(e)?"indeterminate":e?"checked":"unchecked"}const L=$
+;var O,P,T,B,K=e(c(((e,n)=>{
+const{__scopeCheckbox:t,forceMount:r,...o}=e,a=I("CheckboxIndicator",t)
+;return m(w,{present:r||R(a.state)||!0===a.state},m(b.span,f({
+"data-state":D(a.state),"data-disabled":a.disabled?"":void 0},o,{ref:n,style:{
+pointerEvents:"none",...e.style}})))
+})))(O||(O=n(["\n  display: grid;\n  place-content: center;\n\n  &[data-state='unchecked'] {\n    svg.toggle-on {\n      display: none;\n    }\n  }\n"],["\n  display: grid;\n  place-content: center;\n\n  &[data-state='unchecked'] {\n    svg.toggle-on {\n      display: none;\n    }\n  }\n"]))),M=e.div(P||(P=n(["\n  display: flex;\n  align-items: center;\n  direction: ",";\n"],["\n  display: flex;\n  align-items: center;\n  direction: ",";\n"])),(function(e){
+return e.theme.direction
+})),F=e(L)(B||(B=n(["\n  margin: 0;\n  padding: 0;\n  width: 14px;\n  height: 14px;\n  border-radius: 2px;\n  display: grid;\n  place-content: center;\n  border: 1px solid;\n  outline-offset: 3px;\n  direction: ",";\n  box-shadow: 0px 1px 2px 0px ","05\n    inset;\n  &[data-disabled] {\n    opacity: 0.5;\n  }\n  &[data-state='checked'],\n  &[data-state='indeterminate'] {\n    background-color: ",";\n    border-color: ",";\n  }\n  &[data-state='unchecked'] {\n    background-color: unset;\n    border-color: ",";\n  }\n  &:not([data-disabled]) {\n    &:hover {\n      box-shadow: 0 0 0 3px ","30;\n    }\n  }\n\n  ","\n"],["\n  margin: 0;\n  padding: 0;\n  width: 14px;\n  height: 14px;\n  border-radius: 2px;\n  display: grid;\n  place-content: center;\n  border: 1px solid;\n  outline-offset: 3px;\n  direction: ",";\n  box-shadow: 0px 1px 2px 0px ","05\n    inset;\n  &[data-disabled] {\n    opacity: 0.5;\n  }\n  &[data-state='checked'],\n  &[data-state='indeterminate'] {\n    background-color: ",";\n    border-color: ",";\n  }\n  &[data-state='unchecked'] {\n    background-color: unset;\n    border-color: ",";\n  }\n  &:not([data-disabled]) {\n    &:hover {\n      box-shadow: 0 0 0 3px ","30;\n    }\n  }\n\n  ","\n"])),(function(e){
+return e.theme.direction}),(function(e){return e.theme.colors.border.hover
+}),(function(e){return e.theme.colors.common.accent}),(function(e){
+return e.theme.colors.common.accent}),(function(e){
+return e.theme.colors.border.hover}),(function(e){
+return e.theme.colors.border.hover}),(function(e){
+return"dark"===e.theme.mode&&t(T||(T=n(["\n      &[data-state='indeterminate'] {\n        background-color: ",";\n        border-color: ",";\n      }\n    "],["\n      &[data-state='indeterminate'] {\n        background-color: ",";\n        border-color: ",";\n      }\n    "])),(function(e){
+return e.theme.colors.text.primary}),(function(e){
+return e.theme.colors.text.primary}))})),H=i.forwardRef((function(e,n){
+return i.createElement("svg",r({width:"24",height:"7",viewBox:"0 0 24 7",
+fill:"none",xmlns:"http://www.w3.org/2000/svg"},e,{ref:n
+}),i.createElement("rect",{y:"0.25",width:"24",height:"6",rx:"3",
+fill:e.fill||"currentcolor"}))})),S=function(e){
+var n=e.isRequired,t=e.isErrored,c=e.className,d=e.readOnly,s=e.label,l=o(e,["isRequired","isErrored","className","readOnly","label"]),m=a()
+;return i.createElement(M,null,i.createElement(F,r({
+className:"CheckboxRoot ".concat(null!=c?c:"").trim(),required:n,
+"aria-invalid":t,"aria-label":s||"Checkbox","aria-required":n,"aria-readonly":d,
+"aria-disabled":l.disabled,dir:m.direction},l),i.createElement(K,{
+className:"CheckboxIndicator"},"indeterminate"===l.checked?i.createElement(H,{
+className:"toggle-indeterminate",width:8,height:6,
+fill:"dark"===m.mode?m.colors.common.black:m.colors.common.white
+}):i.createElement(E,{className:"toggle-on",width:8,height:6,
+fill:"dark"===m.mode?m.colors.common.black:m.colors.common.white
+}))),s&&i.createElement(u,{className:"CheckboxLabel",htmlFor:l.id
+},s,s&&n&&i.createElement(p,null,"*")))};export{S as C};