@raystack/apsara 0.26.2 → 0.27.1

package/dist/v1/components/calendar/date-picker.js

@@ -0,0 +1,114 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { Popover } from '../popover/popover.js';
+import { TextField } from '../textfield/textfield.js';
+import { Calendar } from './calendar.js';
+import styles from './calendar.module.css.js';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { CalendarIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import dayjs from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
+import customParseFormat from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/customParseFormat.js';
+
+dayjs.extend(customParseFormat);
+function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", placeholder = "DD/MM/YYYY", textFieldProps, calendarProps, value = new Date(), onSelect = () => { }, children, }) {
+    const [showCalendar, setShowCalendar] = useState(false);
+    const [selectedDate, setSelectedDate] = useState(value);
+    const [inputState, setInputState] = useState();
+    const formattedDate = dayjs(selectedDate).format(dateFormat);
+    const isDropdownOpenRef = useRef(false);
+    const textFieldRef = useRef(null);
+    const contentRef = useRef(null);
+    const isInputFieldFocused = useRef(false);
+    const selectedDateRef = useRef(selectedDate);
+    useEffect(() => {
+        selectedDateRef.current = selectedDate;
+    }, [selectedDate]);
+    function isElementOutside(el) {
+        return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker
+            !textFieldRef.current?.contains(el) && // TextField
+            !contentRef.current?.contains(el);
+    }
+    const handleMouseDown = useCallback((event) => {
+        const el = (event.target);
+        if (el && isElementOutside(el))
+            removeEventListeners();
+    }, []);
+    function registerEventListeners() {
+        isInputFieldFocused.current = true;
+        document.addEventListener('mouseup', handleMouseDown);
+    }
+    function removeEventListeners() {
+        isInputFieldFocused.current = false;
+        setShowCalendar(false);
+        const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);
+        if (textFieldRef.current)
+            textFieldRef.current.value = updatedVal;
+        if (inputState === undefined)
+            onSelect(dayjs(updatedVal).toDate());
+        document.removeEventListener('mouseup', handleMouseDown);
+    }
+    const handleSelect = (day) => {
+        setSelectedDate(day);
+        onSelect(day);
+        setInputState(undefined);
+        removeEventListeners();
+    };
+    function onDropdownOpen() {
+        isDropdownOpenRef.current = true;
+    }
+    function onOpenChange(open) {
+        if (!isDropdownOpenRef.current && !(isInputFieldFocused.current && showCalendar)) {
+            setShowCalendar(Boolean(open));
+        }
+        isDropdownOpenRef.current = false;
+    }
+    function handleInputFocus() {
+        if (isInputFieldFocused.current)
+            return;
+        if (!showCalendar)
+            setShowCalendar(true);
+    }
+    function handleInputBlur(event) {
+        if (isInputFieldFocused.current) {
+            const el = event.relatedTarget;
+            if (el && isElementOutside(el))
+                removeEventListeners();
+        }
+        else {
+            registerEventListeners();
+            setTimeout(() => textFieldRef.current?.select());
+        }
+    }
+    function handleKeyUp(event) {
+        if (event.code === 'Enter' && textFieldRef.current) {
+            textFieldRef.current.blur();
+            removeEventListeners();
+        }
+    }
+    function handleInputChange(event) {
+        const { value } = event.target;
+        const format = value.includes("/") ? "DD/MM/YYYY" : value.includes("-") ? "DD-MM-YYYY" : undefined;
+        const date = dayjs(value.replace(/(\d{1,2})\/(\d{1,2})\/(\d{4})/, (_, day, month, year) => {
+            return `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`; // Replaces [8/8/2024] to [08/08/2024]
+        }), format);
+        const isValidDate = date.isValid();
+        const isAfter = calendarProps?.startMonth !== undefined ? dayjs(date).isSameOrAfter(calendarProps.startMonth) : true;
+        const isBefore = calendarProps?.endMonth !== undefined ? dayjs(date).isSameOrBefore(calendarProps.endMonth) : true;
+        const isValid = isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());
+        if (isValid) {
+            setSelectedDate(date.toDate());
+            if (inputState === 'invalid')
+                setInputState(undefined);
+        }
+        else {
+            setInputState('invalid');
+        }
+    }
+    const defaultTrigger = (jsxRuntimeExports.jsx(TextField, { ref: textFieldRef, defaultValue: formattedDate, trailing: jsxRuntimeExports.jsx(CalendarIcon, {}), onChange: handleInputChange, onFocus: handleInputFocus, onBlur: handleInputBlur, state: inputState, placeholder: placeholder, onKeyUp: handleKeyUp, ...textFieldProps }));
+    const trigger = typeof children === 'function'
+        ? children({ selectedDate: formattedDate })
+        : children || defaultTrigger;
+    return (jsxRuntimeExports.jsxs(Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntimeExports.jsx(Popover.Trigger, { asChild: true, children: trigger }), jsxRuntimeExports.jsx(Popover.Content, { side: side, className: styles.calendarPopover, ref: contentRef, children: jsxRuntimeExports.jsx(Calendar, { required: true, ...calendarProps, onDropdownOpen: onDropdownOpen, mode: "single", selected: selectedDate, month: selectedDate, onSelect: handleSelect, onMonthChange: setSelectedDate }) })] }));
+}
+
+export { DatePicker };
+//# sourceMappingURL=date-picker.js.map

package/dist/v1/components/calendar/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sources":["../../../../v1/components/calendar/date-picker.tsx"],"sourcesContent":["import { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { PropsBase, PropsSingleRequired } from \"react-day-picker\";\n\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\ndayjs.extend(customParseFormat);\n\ninterface DatePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsSingleRequired & PropsBase;\n  onSelect?: (date: Date) => void;\n  placeholder?: string;\n  value?: Date;\n  children?: React.ReactNode | ((props: { selectedDate: string }) => React.ReactNode);\n}\n\nexport function DatePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  placeholder = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  value = new Date(),\n  onSelect = () => {},\n  children,\n}: DatePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [selectedDate, setSelectedDate] = useState(value);\n  const [inputState, setInputState] = useState<Partial<React.ComponentProps<typeof TextField>['state']>>();\n\n  const formattedDate = dayjs(selectedDate).format(dateFormat);\n\n  const isDropdownOpenRef = useRef(false);\n  const textFieldRef = useRef<HTMLInputElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const isInputFieldFocused = useRef(false);\n  const selectedDateRef = useRef(selectedDate);\n\n  useEffect(() => {\n    selectedDateRef.current = selectedDate;\n  }, [selectedDate]);\n\n  function isElementOutside(el: HTMLElement) {\n    return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n           !textFieldRef.current?.contains(el) && // TextField\n           !contentRef.current?.contains(el);\n  }\n\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n      const el = (event.target) as HTMLElement | null;\n      if (el && isElementOutside(el)) removeEventListeners();\n  }, [])\n\n  function registerEventListeners() {\n    isInputFieldFocused.current = true;\n    document.addEventListener('mouseup', handleMouseDown);\n  }\n\n  function removeEventListeners() {\n    isInputFieldFocused.current = false;\n    setShowCalendar(false);\n\n    const updatedVal = dayjs(selectedDateRef.current).format(dateFormat);\n\n    if  (textFieldRef.current) textFieldRef.current.value = updatedVal;\n    if (inputState === undefined) onSelect(dayjs(updatedVal).toDate());\n\n    document.removeEventListener('mouseup', handleMouseDown);\n  }\n\n  const handleSelect = (day: Date) => {\n    setSelectedDate(day);\n    onSelect(day);\n    setInputState(undefined);\n    removeEventListeners();\n  };\n\n  function onDropdownOpen() {\n    isDropdownOpenRef.current = true;\n  }\n\n  function onOpenChange(open?: boolean) {\n    if (!isDropdownOpenRef.current && !(isInputFieldFocused.current && showCalendar)) {\n      setShowCalendar(Boolean(open));\n    }\n\n    isDropdownOpenRef.current = false;\n  }\n\n  function handleInputFocus() {\n    if (isInputFieldFocused.current) return;\n    if (!showCalendar) setShowCalendar(true);\n  }\n\n  function handleInputBlur(event: React.FocusEvent) {\n    if (isInputFieldFocused.current) {\n        const el = event.relatedTarget as HTMLElement | null;\n        if (el && isElementOutside(el)) removeEventListeners();\n    } else {\n        registerEventListeners();\n        setTimeout(() => textFieldRef.current?.select());\n    }\n  }\n\n  function handleKeyUp(event: React.KeyboardEvent) {\n    if (event.code === 'Enter' && textFieldRef.current) {\n        textFieldRef.current.blur();\n        removeEventListeners();\n    }\n  }\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const { value } = event.target;\n\n    const format = value.includes(\"/\") ? \"DD/MM/YYYY\" : value.includes(\"-\") ? \"DD-MM-YYYY\" : undefined;\n    const date = dayjs(value.replace(/(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})/, (_, day, month, year) => {\n\t\t\t\treturn `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`; // Replaces [8/8/2024] to [08/08/2024]\n\t\t}), format);\n\n    const isValidDate = date.isValid();\n\n    const isAfter = calendarProps?.startMonth !== undefined ? dayjs(date).isSameOrAfter(calendarProps.startMonth) : true;\n    const isBefore = calendarProps?.endMonth !== undefined ? dayjs(date).isSameOrBefore(calendarProps.endMonth) : true;\n\n    const isValid = isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n    if (isValid) {\n        setSelectedDate(date.toDate());\n        if (inputState === 'invalid') setInputState(undefined);\n    } else {\n        setInputState('invalid');\n    }\n  }\n\n  const defaultTrigger = (\n    <TextField\n      ref={textFieldRef}\n      defaultValue={formattedDate}\n      trailing={<CalendarIcon />}\n      onChange={handleInputChange}\n      onFocus={handleInputFocus}\n      onBlur={handleInputBlur}\n      state={inputState}\n      placeholder={placeholder}\n      onKeyUp={handleKeyUp}\n      {...textFieldProps}\n    />\n  );\n\n  const trigger = typeof children === 'function'\n    ? children({ selectedDate: formattedDate })\n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n\n      <Popover.Content side={side} className={styles.calendarPopover} ref={contentRef}>\n        <Calendar\n          required={true}\n          {...calendarProps}\n          onDropdownOpen={onDropdownOpen}\n          mode=\"single\"\n          selected={selectedDate}\n          month={selectedDate}\n          onSelect={handleSelect}\n          onMonthChange={setSelectedDate}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/v1/components/calendar/index.d.ts

@@ -0,0 +1,4 @@
+export { Calendar } from "./calendar";
+export { DatePicker } from "./date-picker";
+export { RangePicker } from "./range-picker";
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/v1/components/calendar/range-picker.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var popover = require('../popover/popover.cjs');
+var textfield = require('../textfield/textfield.cjs');
+var calendar = require('./calendar.cjs');
+var calendar_module = require('./calendar.module.css.cjs');
+var React = require('react');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var dayjs_min = require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
+var flex = require('../flex/flex.cjs');
+
+function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, calendarProps, onSelect = () => { }, value = {
+    to: new Date(),
+    from: new Date(),
+}, pickerGroupClassName, children, }) {
+    const [showCalendar, setShowCalendar] = React.useState(false);
+    const [currentRangeField, setCurrentRangeField] = React.useState("from");
+    const [selectedRange, setSelectedRange] = React.useState(value);
+    const startDate = selectedRange.from ? dayjs_min.default(selectedRange.from).format(dateFormat) : '';
+    const endDate = selectedRange.to ? dayjs_min.default(selectedRange.to).format(dateFormat) : '';
+    // 1st click will select the start date.
+    // 2nd click will select the end date.
+    // 3rd click will select the start date again.
+    const handleSelect = (range, selectedDay) => {
+        const from = selectedRange?.from || range?.from;
+        let newRange;
+        if (currentRangeField === "to" && dayjs_min.default(selectedDay).isAfter(dayjs_min.default(from))) {
+            // update the end date
+            newRange = { from, to: selectedDay };
+            setCurrentRangeField("from");
+        }
+        else {
+            // reset the range and select start day
+            newRange = { from: selectedDay };
+            setCurrentRangeField("to");
+        }
+        setSelectedRange(newRange);
+        onSelect(newRange);
+    };
+    function onOpenChange(open) {
+        setShowCalendar(Boolean(open));
+    }
+    const defaultTrigger = (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: startDate, trailing: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}), className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps }), jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: endDate, trailing: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}), className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps })] }));
+    const trigger = typeof children === 'function'
+        ? children({ startDate, endDate })
+        : children || defaultTrigger;
+    return (jsxRuntime.jsxRuntimeExports.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsxRuntimeExports.jsx(popover.Popover.Trigger, { asChild: true, children: trigger }), jsxRuntime.jsxRuntimeExports.jsx(popover.Popover.Content, { side: side, className: calendar_module.default.calendarPopover, children: jsxRuntime.jsxRuntimeExports.jsx(calendar.Calendar, { showOutsideDays: false, numberOfMonths: 2, defaultMonth: selectedRange.from, required: true, ...calendarProps, mode: "range", selected: selectedRange, onSelect: handleSelect }) })] }));
+}
+
+exports.RangePicker = RangePicker;
+//# sourceMappingURL=range-picker.cjs.map

package/dist/v1/components/calendar/range-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-picker.cjs","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\nimport { useState } from \"react\";\nimport { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\nimport { Flex } from \"../flex\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    \n    if (currentRangeField === \"to\" && dayjs(selectedDay).isAfter(dayjs(from))) {\n      // update the end date\n      newRange = { from, to: selectedDay };\n      setCurrentRangeField(\"from\");\n    } else {\n      // reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    \n    setSelectedRange(newRange);\n    onSelect(newRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={<CalendarIcon />}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n      />\n      <TextField\n        value={endDate}\n        trailing={<CalendarIcon />}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function' \n    ? children({ startDate, endDate }) \n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["useState","dayjs","_jsxs","Flex","_jsx","TextField","CalendarIcon","styles","Popover","Calendar"],"mappings":"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"}

package/dist/v1/components/calendar/range-picker.d.ts

@@ -0,0 +1,18 @@
+import { TextfieldProps } from "../textfield/textfield";
+import { DateRange, PropsBase, PropsRangeRequired } from "react-day-picker";
+interface RangePickerProps {
+    side?: "top" | "right" | "bottom" | "left";
+    dateFormat?: string;
+    textFieldProps?: TextfieldProps;
+    calendarProps?: PropsRangeRequired & PropsBase;
+    onSelect?: (date: DateRange) => void;
+    pickerGroupClassName?: string;
+    value?: DateRange;
+    children?: React.ReactNode | ((props: {
+        startDate: string;
+        endDate: string;
+    }) => React.ReactNode);
+}
+export declare function RangePicker({ side, dateFormat, textFieldProps, calendarProps, onSelect, value, pickerGroupClassName, children, }: RangePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=range-picker.d.ts.map

package/dist/v1/components/calendar/range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-picker.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/range-picker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACnG;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAY,EACZ,UAAyB,EACzB,cAAc,EACd,aAAa,EACb,QAAmB,EACnB,KAGC,EACD,oBAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,2CA2ElB"}

package/dist/v1/components/calendar/range-picker.js

@@ -0,0 +1,50 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { Popover } from '../popover/popover.js';
+import { TextField } from '../textfield/textfield.js';
+import { Calendar } from './calendar.js';
+import styles from './calendar.module.css.js';
+import { useState } from 'react';
+import { CalendarIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import dayjs from '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
+import { Flex } from '../flex/flex.js';
+
+function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, calendarProps, onSelect = () => { }, value = {
+    to: new Date(),
+    from: new Date(),
+}, pickerGroupClassName, children, }) {
+    const [showCalendar, setShowCalendar] = useState(false);
+    const [currentRangeField, setCurrentRangeField] = useState("from");
+    const [selectedRange, setSelectedRange] = useState(value);
+    const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';
+    const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';
+    // 1st click will select the start date.
+    // 2nd click will select the end date.
+    // 3rd click will select the start date again.
+    const handleSelect = (range, selectedDay) => {
+        const from = selectedRange?.from || range?.from;
+        let newRange;
+        if (currentRangeField === "to" && dayjs(selectedDay).isAfter(dayjs(from))) {
+            // update the end date
+            newRange = { from, to: selectedDay };
+            setCurrentRangeField("from");
+        }
+        else {
+            // reset the range and select start day
+            newRange = { from: selectedDay };
+            setCurrentRangeField("to");
+        }
+        setSelectedRange(newRange);
+        onSelect(newRange);
+    };
+    function onOpenChange(open) {
+        setShowCalendar(Boolean(open));
+    }
+    const defaultTrigger = (jsxRuntimeExports.jsxs(Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntimeExports.jsx(TextField, { value: startDate, trailing: jsxRuntimeExports.jsx(CalendarIcon, {}), className: styles.datePickerInput, readOnly: true, ...textFieldProps }), jsxRuntimeExports.jsx(TextField, { value: endDate, trailing: jsxRuntimeExports.jsx(CalendarIcon, {}), className: styles.datePickerInput, readOnly: true, ...textFieldProps })] }));
+    const trigger = typeof children === 'function'
+        ? children({ startDate, endDate })
+        : children || defaultTrigger;
+    return (jsxRuntimeExports.jsxs(Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntimeExports.jsx(Popover.Trigger, { asChild: true, children: trigger }), jsxRuntimeExports.jsx(Popover.Content, { side: side, className: styles.calendarPopover, children: jsxRuntimeExports.jsx(Calendar, { showOutsideDays: false, numberOfMonths: 2, defaultMonth: selectedRange.from, required: true, ...calendarProps, mode: "range", selected: selectedRange, onSelect: handleSelect }) })] }));
+}
+
+export { RangePicker };
+//# sourceMappingURL=range-picker.js.map

package/dist/v1/components/calendar/range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-picker.js","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\nimport { useState } from \"react\";\nimport { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\nimport { Flex } from \"../flex\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    \n    if (currentRangeField === \"to\" && dayjs(selectedDay).isAfter(dayjs(from))) {\n      // update the end date\n      newRange = { from, to: selectedDay };\n      setCurrentRangeField(\"from\");\n    } else {\n      // reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    \n    setSelectedRange(newRange);\n    onSelect(newRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={<CalendarIcon />}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n      />\n      <TextField\n        value={endDate}\n        trailing={<CalendarIcon />}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function' \n    ? children({ startDate, endDate }) \n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/callout/callout.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var React = require('react');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var callout_module = require('./callout.module.css.cjs');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const callout = index.cva(callout_module.default.callout, {
+    variants: {
+        type: {
+            grey: callout_module.default['callout-grey'],
+            success: callout_module.default['callout-success'],
+            alert: callout_module.default['callout-alert'],
+            gradient: callout_module.default['callout-gradient'],
+            accent: callout_module.default['callout-accent'],
+            attention: callout_module.default['callout-attention'],
+            normal: callout_module.default['callout-normal'],
+        },
+        outline: {
+            true: callout_module.default['callout-outline'],
+        },
+        highContrast: {
+            true: callout_module.default['callout-high-contrast'],
+        },
+    },
+    defaultVariants: {
+        type: 'grey',
+    },
+});
+const Callout = React__namespace.forwardRef(({ className, type = 'grey', outline, highContrast, children, action, dismissible, onDismiss, width, ...props }, ref) => {
+    const style = width ? { width: typeof width === 'number' ? `${width}px` : width } : undefined;
+    const getRole = () => {
+        switch (type) {
+            case 'alert':
+                return 'alert';
+            case 'success':
+                return 'status';
+            default:
+                return 'status';
+        }
+    };
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: ref, className: `${callout({ type, outline, highContrast })} ${className || ''}`, style: style, role: getRole(), "aria-live": type === 'alert' ? 'assertive' : 'polite', ...props, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: callout_module.default.container, children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: callout_module.default.messageContainer, children: [jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.InfoCircledIcon, { className: callout_module.default.icon, "aria-hidden": "true" }), jsxRuntime.jsxRuntimeExports.jsx("div", { className: callout_module.default.message, children: children })] }), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: callout_module.default.actionsContainer, children: [action && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: callout_module.default.action, children: action })), dismissible && (jsxRuntime.jsxRuntimeExports.jsx("button", { className: callout_module.default.dismiss, onClick: onDismiss, "aria-label": "Dismiss message", type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) }))] })] }) }));
+});
+Callout.displayName = 'Callout';
+
+exports.Callout = Callout;
+//# sourceMappingURL=callout.cjs.map

package/dist/v1/components/callout/callout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.cjs","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n  variants: {\n    type: {\n      grey: styles['callout-grey'],\n      success: styles['callout-success'],\n      alert: styles['callout-alert'],\n      gradient: styles['callout-gradient'],\n      accent: styles['callout-accent'],\n      attention: styles['callout-attention'],\n      normal: styles['callout-normal'],\n    },\n    outline: {\n      true: styles['callout-outline'],\n    },\n    highContrast: {\n      true: styles['callout-high-contrast'],\n    },\n  },\n  defaultVariants: {\n    type: 'grey',\n  },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  width?: string | number;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n  ({ \n    className,\n    type = 'grey',\n    outline,\n    highContrast,\n    children,\n    action,\n    dismissible,\n    onDismiss,\n    width,\n    ...props\n  }, ref) => {\n    const style = width ? { width: typeof width === 'number' ? `${width}px` : width } : undefined;\n\n    const getRole = () => {\n      switch (type) {\n        case 'alert':\n          return 'alert';\n        case 'success':\n          return 'status';\n        default:\n          return 'status';\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n        style={style}\n        role={getRole()}\n        aria-live={type === 'alert' ? 'assertive' : 'polite'}\n        {...props}\n      >\n        <div className={styles.container}>\n          <div className={styles.messageContainer}>\n            <InfoCircledIcon \n              className={styles.icon} \n              aria-hidden=\"true\"\n            />\n            <div className={styles.message}>{children}</div>\n          </div>\n          \n          <div className={styles.actionsContainer}>\n            {action && (\n              <div className={styles.action}>\n                {action}\n              </div>\n            )}\n            {dismissible && (\n              <button \n                className={styles.dismiss} \n                onClick={onDismiss}\n                aria-label=\"Dismiss message\"\n                type=\"button\"\n              >\n                <svg \n                  width=\"12\" \n                  height=\"12\" \n                  viewBox=\"0 0 12 12\" \n                  fill=\"none\" \n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                >\n                  <path \n                    fillRule=\"evenodd\" \n                    clipRule=\"evenodd\" \n                    d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n                    fill=\"currentColor\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nCallout.displayName = 'Callout';"],"names":["cva","styles","React","_jsx","_jsxs","InfoCircledIcon"],"mappings":"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"}

package/dist/v1/components/callout/callout.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const callout: (props?: ({
+    type?: "alert" | "accent" | "attention" | "success" | "normal" | "gradient" | "grey" | null | undefined;
+    outline?: boolean | null | undefined;
+    highContrast?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {
+    children: React.ReactNode;
+    action?: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    width?: string | number;
+}
+export declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=callout.d.ts.map

package/dist/v1/components/callout/callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../v1/components/callout/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,OAAO;;;;mFAqBX,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC;IACjG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,OAAO,qFAgFnB,CAAC"}

package/dist/v1/components/callout/callout.js

@@ -0,0 +1,46 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import * as React from 'react';
+import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import styles from './callout.module.css.js';
+
+const callout = cva(styles.callout, {
+    variants: {
+        type: {
+            grey: styles['callout-grey'],
+            success: styles['callout-success'],
+            alert: styles['callout-alert'],
+            gradient: styles['callout-gradient'],
+            accent: styles['callout-accent'],
+            attention: styles['callout-attention'],
+            normal: styles['callout-normal'],
+        },
+        outline: {
+            true: styles['callout-outline'],
+        },
+        highContrast: {
+            true: styles['callout-high-contrast'],
+        },
+    },
+    defaultVariants: {
+        type: 'grey',
+    },
+});
+const Callout = React.forwardRef(({ className, type = 'grey', outline, highContrast, children, action, dismissible, onDismiss, width, ...props }, ref) => {
+    const style = width ? { width: typeof width === 'number' ? `${width}px` : width } : undefined;
+    const getRole = () => {
+        switch (type) {
+            case 'alert':
+                return 'alert';
+            case 'success':
+                return 'status';
+            default:
+                return 'status';
+        }
+    };
+    return (jsxRuntimeExports.jsx("div", { ref: ref, className: `${callout({ type, outline, highContrast })} ${className || ''}`, style: style, role: getRole(), "aria-live": type === 'alert' ? 'assertive' : 'polite', ...props, children: jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsxs("div", { className: styles.messageContainer, children: [jsxRuntimeExports.jsx(InfoCircledIcon, { className: styles.icon, "aria-hidden": "true" }), jsxRuntimeExports.jsx("div", { className: styles.message, children: children })] }), jsxRuntimeExports.jsxs("div", { className: styles.actionsContainer, children: [action && (jsxRuntimeExports.jsx("div", { className: styles.action, children: action })), dismissible && (jsxRuntimeExports.jsx("button", { className: styles.dismiss, onClick: onDismiss, "aria-label": "Dismiss message", type: "button", children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) }))] })] }) }));
+});
+Callout.displayName = 'Callout';
+
+export { Callout };
+//# sourceMappingURL=callout.js.map

package/dist/v1/components/callout/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n  variants: {\n    type: {\n      grey: styles['callout-grey'],\n      success: styles['callout-success'],\n      alert: styles['callout-alert'],\n      gradient: styles['callout-gradient'],\n      accent: styles['callout-accent'],\n      attention: styles['callout-attention'],\n      normal: styles['callout-normal'],\n    },\n    outline: {\n      true: styles['callout-outline'],\n    },\n    highContrast: {\n      true: styles['callout-high-contrast'],\n    },\n  },\n  defaultVariants: {\n    type: 'grey',\n  },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  width?: string | number;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n  ({ \n    className,\n    type = 'grey',\n    outline,\n    highContrast,\n    children,\n    action,\n    dismissible,\n    onDismiss,\n    width,\n    ...props\n  }, ref) => {\n    const style = width ? { width: typeof width === 'number' ? `${width}px` : width } : undefined;\n\n    const getRole = () => {\n      switch (type) {\n        case 'alert':\n          return 'alert';\n        case 'success':\n          return 'status';\n        default:\n          return 'status';\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n        style={style}\n        role={getRole()}\n        aria-live={type === 'alert' ? 'assertive' : 'polite'}\n        {...props}\n      >\n        <div className={styles.container}>\n          <div className={styles.messageContainer}>\n            <InfoCircledIcon \n              className={styles.icon} \n              aria-hidden=\"true\"\n            />\n            <div className={styles.message}>{children}</div>\n          </div>\n          \n          <div className={styles.actionsContainer}>\n            {action && (\n              <div className={styles.action}>\n                {action}\n              </div>\n            )}\n            {dismissible && (\n              <button \n                className={styles.dismiss} \n                onClick={onDismiss}\n                aria-label=\"Dismiss message\"\n                type=\"button\"\n              >\n                <svg \n                  width=\"12\" \n                  height=\"12\" \n                  viewBox=\"0 0 12 12\" \n                  fill=\"none\" \n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                >\n                  <path \n                    fillRule=\"evenodd\" \n                    clipRule=\"evenodd\" \n                    d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n                    fill=\"currentColor\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nCallout.displayName = 'Callout';"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/v1/components/callout/callout.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"callout":"callout-module_callout__-9X0O","container":"callout-module_container__RWyFm","messageContainer":"callout-module_messageContainer__tMDE2","icon":"callout-module_icon__XZaKA","message":"callout-module_message__Z7Bcu","actionsContainer":"callout-module_actionsContainer__WcGjO","action":"callout-module_action__dyRCn","dismiss":"callout-module_dismiss__YkwmH","callout-grey":"callout-module_callout-grey__9QM4M","callout-success":"callout-module_callout-success__tm0xP","callout-alert":"callout-module_callout-alert__yjpAL","callout-accent":"callout-module_callout-accent__tm-Vd","callout-attention":"callout-module_callout-attention__SF2zj","callout-gradient":"callout-module_callout-gradient__1VaKj","callout-outline":"callout-module_callout-outline__vOC2o","callout-high-contrast":"callout-module_callout-high-contrast__CkqO3","callout-normal":"callout-module_callout-normal__qkpiX","callout___grey":"callout-module_callout-grey__9QM4M","callout___success":"callout-module_callout-success__tm0xP","callout___alert":"callout-module_callout-alert__yjpAL","callout___accent":"callout-module_callout-accent__tm-Vd","callout___attention":"callout-module_callout-attention__SF2zj","callout___gradient":"callout-module_callout-gradient__1VaKj","callout___outline":"callout-module_callout-outline__vOC2o","callout___high___contrast":"callout-module_callout-high-contrast__CkqO3","callout___normal":"callout-module_callout-normal__qkpiX"};
+
+exports.default = styles;
+//# sourceMappingURL=callout.module.css.cjs.map

package/dist/v1/components/callout/callout.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/components/callout/callout.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"callout":"callout-module_callout__-9X0O","container":"callout-module_container__RWyFm","messageContainer":"callout-module_messageContainer__tMDE2","icon":"callout-module_icon__XZaKA","message":"callout-module_message__Z7Bcu","actionsContainer":"callout-module_actionsContainer__WcGjO","action":"callout-module_action__dyRCn","dismiss":"callout-module_dismiss__YkwmH","callout-grey":"callout-module_callout-grey__9QM4M","callout-success":"callout-module_callout-success__tm0xP","callout-alert":"callout-module_callout-alert__yjpAL","callout-accent":"callout-module_callout-accent__tm-Vd","callout-attention":"callout-module_callout-attention__SF2zj","callout-gradient":"callout-module_callout-gradient__1VaKj","callout-outline":"callout-module_callout-outline__vOC2o","callout-high-contrast":"callout-module_callout-high-contrast__CkqO3","callout-normal":"callout-module_callout-normal__qkpiX","callout___grey":"callout-module_callout-grey__9QM4M","callout___success":"callout-module_callout-success__tm0xP","callout___alert":"callout-module_callout-alert__yjpAL","callout___accent":"callout-module_callout-accent__tm-Vd","callout___attention":"callout-module_callout-attention__SF2zj","callout___gradient":"callout-module_callout-gradient__1VaKj","callout___outline":"callout-module_callout-outline__vOC2o","callout___high___contrast":"callout-module_callout-high-contrast__CkqO3","callout___normal":"callout-module_callout-normal__qkpiX"};
+
+export { styles as default };
+//# sourceMappingURL=callout.module.css.js.map

package/dist/v1/components/callout/callout.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/v1/components/callout/index.d.ts

@@ -0,0 +1,2 @@
+export { Callout } from './callout';
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/callout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/callout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/v1/components/checkbox/checkbox.cjs

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.cjs');
-var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
 var React = require('react');
 var checkbox_module = require('./checkbox.module.css.cjs');

package/dist/v1/components/checkbox/checkbox.js

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { forwardRef } from 'react';
 import styles from './checkbox.module.css.js';

package/dist/v1/components/chip/chip.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var chip_module = require('./chip.module.css.cjs');
 
 const chip = index.cva(chip_module.default.chip, {
@@ -30,7 +30,7 @@ const Chip = ({ variant, size, style, trailingIcon, leadingIcon, isDismissible,
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, style, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, style, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";