@pismo/marola 2.1.24 → 2.1.26

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -1,9 +1,11 @@
 import { StoryObj } from '@storybook/react';
 import { default as dayjs } from 'dayjs';
+import { DatePickerProps } from './DatePicker';
 declare const meta: {
     title: string;
-    component: import('react').FC<{
-        mode: "range" | "single";
+    component: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         viewMode: "month" | "day" | "year";
         locale?: string | undefined;
         placeholder?: string | undefined;
@@ -11,14 +13,14 @@ declare const meta: {
         minDate?: dayjs.Dayjs | undefined;
         maxDate?: dayjs.Dayjs | undefined;
         disableDates?: ((date: dayjs.Dayjs) => boolean) | undefined;
-        testid?: string | undefined;
         onChange: (date: dayjs.Dayjs | [dayjs.Dayjs | null, dayjs.Dayjs | null]) => void;
         placement?: "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | undefined;
         navigatorInput?: boolean | undefined;
-    }>;
-    tags: string[];
-    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        mode: "range" | "single";
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        mode: "single";
+        value?: Date | undefined;
+    } | {
         viewMode: "month" | "day" | "year";
         locale?: string | undefined;
         placeholder?: string | undefined;
@@ -26,16 +28,21 @@ declare const meta: {
         minDate?: dayjs.Dayjs | undefined;
         maxDate?: dayjs.Dayjs | undefined;
         disableDates?: ((date: dayjs.Dayjs) => boolean) | undefined;
-        testid?: string | undefined;
         onChange: (date: dayjs.Dayjs | [dayjs.Dayjs | null, dayjs.Dayjs | null]) => void;
         placement?: "bottom" | "top" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | undefined;
         navigatorInput?: boolean | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        mode: "range";
+        values?: [Date, Date] | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+type Story = StoryObj<DatePickerProps>;
+export declare const Single: Story;
+export declare const SingleWithValue: Story;
 export declare const RangePicker: Story;
+export declare const RangeWithValues: Story;
 export declare const MonthView: Story;
 export declare const YearView: Story;
 export declare const LocalizedPortuguese: Story;

package/dist/components/DatePicker/renderCalendarDays.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as Y } from "react/jsx-runtime";
 import { d as x } from "../../dayjs.min-ClQKmc--.js";
-import { s } from "../../DatePicker.module-C9zgeg52.js";
+import { s } from "../../DatePicker.module-CnuDEiKF.js";
 import { getWeekdayNames as E, getMonthGrid as I, isDateInRange as C, isRangeStart as p, isRangeEnd as c, isDisabled as y, isCurrentDay as W, formatDateForInput as h } from "./dateUtils.js";
 const A = (a, n, i) => {
   if (!n[0] || !i) return !1;

package/dist/components/DatePicker/renderDualCalendarHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { Icon as o } from "../Icon/Icon.js";
-import { s as t } from "../../DatePicker.module-C9zgeg52.js";
+import { s as t } from "../../DatePicker.module-CnuDEiKF.js";
 import { getPreviousMonth as d, getNextMonth as n } from "./dateUtils.js";
 const v = ({ currentMonth: e, locale: r, setCurrentMonth: i }) => /* @__PURE__ */ s("div", { className: t["month-header-row"], "data-testid": "dual-calendar-header", children: [
   /* @__PURE__ */ a(

package/dist/components/DatePicker/renderHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e, Fragment as n } from "react/jsx-runtime";
 import { Icon as o } from "../Icon/Icon.js";
-import { s as t } from "../../DatePicker.module-C9zgeg52.js";
+import { s as t } from "../../DatePicker.module-CnuDEiKF.js";
 const k = ({
   currentViewMode: r,
   currentMonth: a,

package/dist/components/DatePicker/renderNavigatorInput.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import { Icon as s } from "../Icon/Icon.js";
-import { s as i } from "../../DatePicker.module-C9zgeg52.js";
+import { s as i } from "../../DatePicker.module-CnuDEiKF.js";
 const p = ({
   navigateToPrevious: b,
   navigateToNext: u,

package/dist/components/DatePicker/renderPeriodSelection.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { d as Y } from "../../dayjs.min-ClQKmc--.js";
-import { s } from "../../DatePicker.module-C9zgeg52.js";
+import { s } from "../../DatePicker.module-CnuDEiKF.js";
 const T = ({
   currentViewMode: d,
   currentMonth: i,

package/dist/components/DoubleInput/DoubleInput.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+import { InputProps } from '../Input/Input';
+export type DoubleInputProps = {
+    /** Element to be used a separator between inputs */
+    separator: React.ReactNode;
+    /** Styles to be applied to separator element */
+    separatorStyles?: CSSProperties;
+    /** Props to be used in left input element */
+    leftInputProps: InputProps;
+    /** Props to be used in right input element */
+    rightInputProps: InputProps;
+    /** Control the left element width */
+    leftWidth?: string;
+    /** Control the right element width */
+    rightWidth?: string;
+    /** CSS classes to be applied on the container element */
+    className?: string;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid'?: string;
+};
+export declare const DoubleInput: ({ separator, leftInputProps, rightInputProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: DoubleInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DoubleInput/DoubleInput.js

@@ -0,0 +1,25 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import { Input as r } from "../Input/Input.js";
+import '../../assets/DoubleInput.css';const m = "_container_49u1c_1", _ = "_separator_49u1c_28", a = {
+  container: m,
+  "left-input": "_left-input_49u1c_16",
+  "right-input": "_right-input_49u1c_22",
+  separator: _
+}, v = ({
+  separator: s,
+  leftInputProps: n,
+  rightInputProps: o,
+  leftWidth: i = "auto",
+  rightWidth: e = "auto",
+  separatorStyles: c,
+  className: p,
+  "data-testid": u
+}) => /* @__PURE__ */ l("div", { className: d(a.container, p), "data-testid": u, children: [
+  /* @__PURE__ */ t("div", { style: { minWidth: i, maxWidth: i }, className: a["left-input"], children: /* @__PURE__ */ t(r, { ...n }) }),
+  /* @__PURE__ */ t("div", { className: a.separator, id: "double-input-separator", style: c, children: s }),
+  /* @__PURE__ */ t("div", { style: { minWidth: e, maxWidth: e }, className: a["right-input"], children: /* @__PURE__ */ t(r, { ...o }) })
+] });
+export {
+  v as DoubleInput
+};

package/dist/components/DoubleInput/DoubleInput.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ separator, leftInputProps, rightInputProps, leftWidth, rightWidth, separatorStyles, className, "data-testid": dataTestId, }: import('./DoubleInput').DoubleInputProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        separator: import('react').ReactNode;
+        separatorStyles?: import('react').CSSProperties | undefined;
+        leftInputProps: import('../Input/Input').InputProps;
+        rightInputProps: import('../Input/Input').InputProps;
+        leftWidth?: string | undefined;
+        rightWidth?: string | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithLabels: Story;
+export declare const WithIconAsSeparator: Story;

package/dist/components/Icon/types.d.ts

@@ -2,4 +2,4 @@
  * This file is automatically generated. Any changes will be lost.
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
  */
-export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'server' | 'sheet-plastic' | 'sidebar' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';
+export type IconName = 'alien-8bit' | 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrow-right' | 'arrow-right-to-arc' | 'arrow-up-right-from-square' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-right' | 'chevron-up' | 'chevrons-right' | 'circle' | 'circle-arrow-right' | 'circle-check' | 'circle-check-outline' | 'circle-exclamation' | 'circle-exclamation-outline' | 'circle-info' | 'circle-minus' | 'circle-plus' | 'circle-x' | 'circle-xmark' | 'circle-xmark-outline' | 'clock' | 'clock-rotate-left' | 'coin' | 'coins' | 'computer-classic' | 'copy' | 'credit-card' | 'credit-card-blank' | 'credit-card-front' | 'download' | 'ellipsis-vertical' | 'empty-img' | 'empty-set' | 'eye' | 'eye-slash' | 'filter-list' | 'fingerprint' | 'folder-magnifying-glass' | 'folder-open' | 'gift-card' | 'grid-2' | 'grid-horizontal' | 'grip-dots-vertical' | 'headphones-simple' | 'house-blank' | 'id-badge' | 'inbox-full' | 'light/star' | 'list' | 'loader' | 'lock-keyhole' | 'lock-keyhole-open' | 'logo' | 'magnifying-glass' | 'map-location-dot' | 'map-pin' | 'mobile-screen-button' | 'money-bill-transfer' | 'money-bill-trend-up' | 'money-bills' | 'notes-medical' | 'paste' | 'pen' | 'pen-to-square' | 'percent' | 'piggy-bank' | 'rectangle-history' | 'rectangle-history-circle-user' | 'rectangle-terminal' | 'rotate' | 'scale-balanced' | 'server' | 'sheet-plastic' | 'sidebar' | 'solid/star' | 'squirrel' | 'stethoscope' | 'store' | 'timer' | 'trash' | 'trash-can' | 'upload' | 'user' | 'user-gear' | 'user-group' | 'user-tie' | 'user-tie-hair' | 'user-vneck' | 'users' | 'wallet' | 'warehouse-full' | 'xmark';

package/dist/components/Toggle/Toggle.js

@@ -1,7 +1,7 @@
-import { jsxs as j, jsx as T } from "react/jsx-runtime";
+import { jsxs as I, jsx as T } from "react/jsx-runtime";
 import { c as F } from "../../clsx-OuTLNxxd.js";
-import { u as E, _ as y, g as v, a as U, b as H, c as N, d as M, e as A, P as e } from "../../useSlotProps-CYHDC4TN.js";
-import * as V from "react";
+import { u as v, _ as y, g as U, a as q, b as H, c as N, d as M, e as A, P as e } from "../../useSlotProps-CYHDC4TN.js";
+import * as j from "react";
 import { u as D } from "../../useControlled-CCMYYdCM.js";
 import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
 import '../../assets/Toggle.css';function W(l) {
@@ -15,32 +15,32 @@ import '../../assets/Toggle.css';function W(l) {
     onFocusVisible: u,
     readOnly: n,
     required: i
-  } = l, [S, q] = D({
+  } = l, [V, S] = D({
     controlled: s,
     default: !!p,
     name: "Switch",
     state: "checked"
   }), x = (t) => (o) => {
     var b;
-    o.nativeEvent.defaultPrevented || (q(o.target.checked), g == null || g(o), (b = t.onChange) == null || b.call(t, o));
+    o.nativeEvent.defaultPrevented || (S(o.target.checked), g == null || g(o), (b = t.onChange) == null || b.call(t, o));
   }, {
     isFocusVisibleRef: _,
     onBlur: B,
     onFocus: f,
     ref: m
-  } = L(), [h, P] = V.useState(!1);
-  c && h && P(!1), V.useEffect(() => {
+  } = L(), [h, P] = j.useState(!1);
+  c && h && P(!1), j.useEffect(() => {
     _.current = h;
   }, [h, _]);
-  const k = V.useRef(null), w = (t) => (o) => {
+  const k = j.useRef(null), w = (t) => (o) => {
     var b;
     k.current || (k.current = o.currentTarget), f(o), _.current === !0 && (P(!0), u == null || u(o)), r == null || r(o), (b = t.onFocus) == null || b.call(t, o);
   }, O = (t) => (o) => {
     var b;
     B(o), _.current === !1 && P(!1), a == null || a(o), (b = t.onBlur) == null || b.call(t, o);
-  }, C = E(m, k);
+  }, C = v(m, k);
   return {
-    checked: S,
+    checked: V,
     disabled: !!c,
     focusVisible: h,
     getInputProps: (t = {}) => y({
@@ -62,11 +62,11 @@ import '../../assets/Toggle.css';function W(l) {
     readOnly: !!n
   };
 }
-const I = "Switch";
+const $ = "Switch";
 function z(l) {
-  return v(I, l);
+  return U($, l);
 }
-U(I, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
+q($, ["root", "input", "track", "thumb", "checked", "disabled", "focusVisible", "readOnly"]);
 const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFocus", "onFocusVisible", "readOnly", "required", "slotProps", "slots"], J = (l) => {
   const {
     checked: s,
@@ -80,19 +80,19 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
     input: ["input"],
     track: ["track"]
   }, A(z));
-}, $ = /* @__PURE__ */ V.forwardRef(function(s, p) {
+}, E = /* @__PURE__ */ j.forwardRef(function(s, p) {
   var c, a, g, r;
   const {
     slotProps: u = {},
     slots: n = {}
   } = s, i = H(s, G), {
-    getInputProps: S,
-    checked: q,
+    getInputProps: V,
+    checked: S,
     disabled: x,
     focusVisible: _,
     readOnly: B
   } = W(s), f = y({}, s, {
-    checked: q,
+    checked: S,
     disabled: x,
     focusVisible: _,
     readOnly: B
@@ -112,7 +112,7 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
     className: m.thumb
   }), O = (g = n.input) != null ? g : "input", C = N({
     elementType: O,
-    getSlotProps: S,
+    getSlotProps: V,
     externalSlotProps: u.input,
     ownerState: f,
     className: m.input
@@ -122,11 +122,11 @@ const G = ["checked", "defaultChecked", "disabled", "onBlur", "onChange", "onFoc
     ownerState: f,
     className: m.track
   });
-  return /* @__PURE__ */ j(h, y({}, P, {
+  return /* @__PURE__ */ I(h, y({}, P, {
     children: [/* @__PURE__ */ T(R, y({}, t)), /* @__PURE__ */ T(k, y({}, w)), /* @__PURE__ */ T(O, y({}, C))]
   }));
 });
-process.env.NODE_ENV !== "production" && ($.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -197,16 +197,16 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
     track: e.oneOfType([e.elementType, e.oneOf([null])])
   })
 });
-const K = "_toggle__label_p0gq9_43", Q = "_toggle_p0gq9_43", X = "_input_p0gq9_89", Y = "_thumb_p0gq9_100", Z = "_track_p0gq9_114", d = {
+const K = "_toggle__label_jp9gu_43", Q = "_toggle_jp9gu_43", X = "_input_jp9gu_89", Y = "_thumb_jp9gu_100", Z = "_track_jp9gu_114", d = {
   toggle__label: K,
   toggle: Q,
-  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_p0gq9_85",
+  "toggle__toggle-el-wrapper": "_toggle__toggle-el-wrapper_jp9gu_85",
   input: X,
   thumb: Y,
   track: Z,
-  "toggle--focus-visible": "_toggle--focus-visible_p0gq9_124",
-  "toggle--checked": "_toggle--checked_p0gq9_128",
-  "toggle--disabled": "_toggle--disabled_p0gq9_141"
+  "toggle--focus-visible": "_toggle--focus-visible_jp9gu_124",
+  "toggle--checked": "_toggle--checked_jp9gu_128",
+  "toggle--disabled": "_toggle--disabled_jp9gu_141"
 }, ce = ({
   label: l,
   checked: s,
@@ -220,9 +220,9 @@ const K = "_toggle__label_p0gq9_43", Q = "_toggle_p0gq9_43", X = "_input_p0gq9_8
   const n = (i) => {
     r == null || r(i);
   };
-  return /* @__PURE__ */ j("div", { className: F(d.toggle, c), "data-testid": g, children: [
+  return /* @__PURE__ */ I("div", { className: F(d.toggle, c), "data-testid": g, children: [
     /* @__PURE__ */ T(
-      $,
+      E,
       {
         checked: s === !0,
         disabled: p,

package/dist/components/Tooltip/Tooltip.d.ts

@@ -35,5 +35,5 @@ export type TooltipProps = {
     /** Disable uses portal (true by default) */
     disablePortal?: boolean;
 };
-declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, position, open: openProp, title, content, footer, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: ({ arialRole, children: childrenProp, className, style, disableHoverListener, onClose, position, open: openProp, title, content, footer, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export { Tooltip };