@openuidev/react-ui 0.9.16

package/dist/components/Buttons/stories/buttons.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Buttons } from "../Buttons";
+declare const meta: Meta<typeof Buttons>;
+export default meta;
+type Story = StoryObj<typeof Buttons>;
+export declare const ButtonsStory: Story;
+//# sourceMappingURL=buttons.stories.d.ts.map

package/dist/components/Buttons/stories/buttons.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/stories/buttons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyD9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAGtC,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC"}

package/dist/components/Buttons/stories/buttons.stories.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+import { Button } from "../../Button";
+import { IconButton } from "../../IconButton";
+import { Buttons } from "../Buttons";
+const meta = {
+    title: "Components/Buttons",
+    component: Buttons,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { Buttons } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: "350px" }, children: _jsx(Story, {}) })),
+    ],
+    argTypes: {
+        variant: {
+            control: "radio",
+            options: ["horizontal", "vertical"],
+            table: {
+                category: "Appearance",
+                type: { summary: "'horizontal' | 'vertical'" },
+                defaultValue: { summary: "'horizontal'" },
+            },
+        },
+        children: {
+            control: false,
+            description: "The child elements of the footer that accept Button and IconButton components",
+            table: {
+                category: "Content",
+                type: {
+                    summary: "ReactNode[]<ButtonProps | IconButtonProps> | ReactNode<ButtonProps | IconButtonProps>",
+                },
+            },
+        },
+        className: {
+            control: false,
+            description: "Additional CSS class name for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "string" },
+            },
+        },
+        style: {
+            control: false,
+            description: "Inline CSS styles for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "CSSProperties" },
+            },
+        },
+    },
+    tags: ["!dev", "autodocs"],
+};
+export default meta;
+// Basic footer stories
+export const ButtonsStory = {
+    args: {
+        variant: "horizontal",
+    },
+    render: (args) => (_jsxs(Buttons, { variant: args.variant, children: [_jsx(Button, { children: "Cancel" }), _jsx(Button, { children: "Save" }), _jsx(IconButton, { icon: _jsx(ArrowLeft, { size: 16 }) })] })),
+};
+//# sourceMappingURL=buttons.stories.js.map

package/dist/components/Buttons/stories/buttons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.stories.js","sourceRoot":"","sources":["../../../../src/components/Buttons/stories/buttons.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,6DAA6D;aACzE;SACF;KACF;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;YACnC,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,IAAI,EAAE,EAAE,OAAO,EAAE,2BAA2B,EAAE;gBAC9C,YAAY,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;aAC1C;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE;oBACJ,OAAO,EACL,uFAAuF;iBAC1F;aACF;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,8CAA8C;YAC3D,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;aACnC;SACF;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,uBAAuB;AACvB,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,OAAO,EAAE,YAAY;KACtB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,aAC5B,KAAC,MAAM,yBAAgB,EACvB,KAAC,MAAM,uBAAc,EACrB,KAAC,UAAU,IAAC,IAAI,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAAI,IACrC,CACX;CACF,CAAC"}

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { DayPicker } from "react-day-picker";
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+export declare const Calendar: React.ForwardRefExoticComponent<import("react-day-picker").DayPickerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,eAAO,MAAM,QAAQ,kHAkCpB,CAAC"}

package/dist/components/Calendar/Calendar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef, useRef } from "react";
+import { DayPicker } from "react-day-picker";
+import { useLayoutContext } from "../../context/LayoutContext";
+import { useMultipleRefs } from "../../hooks/useMultipleRefs";
+import { MonthsDropdown, YearsDropdown } from "./components/helperComponents";
+import { getDayPickerStyles } from "./utils/styles";
+export const Calendar = forwardRef(({ className, classNames, ...props }, ref) => {
+    const { layout } = useLayoutContext();
+    const { DateSingleClasses, DateRangeClasses } = getDayPickerStyles(layout);
+    const containerRef = useRef(null);
+    const assignRef = useMultipleRefs(ref, containerRef);
+    const commonProps = {
+        captionLayout: "dropdown",
+        components: {
+            MonthsDropdown: (props) => (_jsx(MonthsDropdown, { ...props, container: containerRef.current })),
+            YearsDropdown: (props) => (_jsx(YearsDropdown, { ...props, container: containerRef.current })),
+        },
+    };
+    return (_jsx("div", { ref: assignRef, className: clsx("openui-calendar-container", className), children: _jsx(DayPicker, { ...commonProps, ...props, classNames: {
+                ...(props.mode === "single" || props.mode === "multiple"
+                    ? DateSingleClasses
+                    : DateRangeClasses),
+                ...classNames,
+            } }) }));
+});
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC3E,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAErD,MAAM,WAAW,GAAG;QAClB,aAAa,EAAE,UAAmB;QAClC,UAAU,EAAE;YACV,cAAc,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC9B,KAAC,cAAc,OAAK,KAAK,EAAE,SAAS,EAAE,YAAY,CAAC,OAAO,GAAI,CAC/D;YACD,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,KAAC,aAAa,OAAK,KAAK,EAAE,SAAS,EAAE,YAAY,CAAC,OAAO,GAAI,CAC9D;SACF;KACF,CAAC;IAEF,OAAO,CACL,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,SAAS,CAAC,YAC1E,KAAC,SAAS,OACJ,WAAW,KACX,KAAK,EACT,UAAU,EAAE;gBACV,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU;oBACtD,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,gBAAgB,CAAC;gBACrB,GAAG,UAAU;aACd,GACD,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Calendar/calendar.css

@@ -0,0 +1 @@
+.openui-calendar-container .openui-calendar-select-trigger{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);min-height:calc(var(--openui-space-l, 18px) + var(--openui-space-s, 8px));padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-s, 6px);background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));gap:var(--openui-space-2xs, 4px)}.openui-calendar-container .openui-calendar-select-trigger:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-trigger:focus-visible{outline-offset:var(--openui-space-3xs, 2px)}.openui-calendar-container .openui-calendar-select-trigger[data-state=open]{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-content-months{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-xl, 12px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-calendar-container .openui-calendar-select-content-years{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-xl, 12px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-viewport{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--openui-space-2xs, 4px)}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-viewport-mobile{grid-template-columns:repeat(2, 1fr)}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;border-radius:var(--openui-radius-s, 6px);padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item[data-highlighted]{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-root{--openui-calendar-day-size: calc(var(--openui-space-2xl, 36px) + var(--openui-space-2xs, 4px));--openui-calendar-cell-radius: var(--openui-radius-m, 8px);width:fit-content;max-width:100%;box-sizing:border-box;padding:var(--openui-space-l, 18px);border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-3xl, 16px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-nav-mobile{gap:var(--openui-space-s, 8px)}.openui-calendar-nav-fullscreen,.openui-calendar-nav-tray,.openui-calendar-nav-copilot{gap:var(--openui-space-m, 12px)}.openui-calendar-dropdowns-mobile{gap:var(--openui-space-2xs, 4px)}.openui-calendar-dropdowns-fullscreen,.openui-calendar-dropdowns-tray,.openui-calendar-dropdowns-copilot{gap:var(--openui-space-s, 8px)}.openui-calendar-month{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-month-caption{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:space-between;gap:var(--openui-space-s, 8px);height:auto;margin-bottom:var(--openui-space-s, 8px);font-weight:inherit;font-size:inherit}.openui-calendar-months-dropdown,.openui-calendar-years-dropdown{cursor:pointer}.openui-calendar-chevron{fill:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg))}.openui-calendar-month-grid{width:auto;table-layout:auto;border-collapse:collapse}.openui-calendar-weekdays{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-weekday{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));width:var(--openui-calendar-day-size);height:var(--openui-calendar-day-size);padding:0;text-transform:none;text-align:center;vertical-align:middle}.openui-calendar-single-day,.openui-calendar-range-day{width:var(--openui-calendar-day-size);height:var(--openui-calendar-day-size);min-width:var(--openui-calendar-day-size);min-height:var(--openui-calendar-day-size);padding:0;vertical-align:middle}.openui-calendar-single-day-button,.openui-calendar-range-day-button{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);width:100%;height:100%;margin:0;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--openui-calendar-cell-radius);background:rgba(0,0,0,0);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.openui-calendar-single-day-button:focus,.openui-calendar-range-day-button:focus{outline:none}.openui-calendar-single-day-button:focus-visible,.openui-calendar-range-day-button:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-calendar-single-day-button:not(:disabled):hover,.openui-calendar-range-day-button:not(:disabled):hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-single-day-button:disabled,.openui-calendar-range-day-button:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-calendar-button-next,.openui-calendar-button-previous{display:none}.openui-calendar-today[data-today]:not([aria-selected]){background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-radius:var(--openui-calendar-cell-radius)}.openui-calendar-disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-calendar-single-day-selected{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-radius:var(--openui-calendar-cell-radius)}.openui-calendar-range-start{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-left-radius:var(--openui-calendar-cell-radius);border-bottom-left-radius:var(--openui-calendar-cell-radius)}.openui-calendar-range-middle{background:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-calendar-range-end{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-right-radius:var(--openui-calendar-cell-radius);border-bottom-right-radius:var(--openui-calendar-cell-radius)}.openui-calendar-footer{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}

package/dist/components/Calendar/components/calendarHelperComponents.css

@@ -0,0 +1 @@
+.openui-calendar-container .openui-calendar-select-trigger{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);min-height:calc(var(--openui-space-l, 18px) + var(--openui-space-s, 8px));padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-s, 6px);background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));gap:var(--openui-space-2xs, 4px)}.openui-calendar-container .openui-calendar-select-trigger:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-trigger:focus-visible{outline-offset:var(--openui-space-3xs, 2px)}.openui-calendar-container .openui-calendar-select-trigger[data-state=open]{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-content-months{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-xl, 12px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-calendar-container .openui-calendar-select-content-years{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-xl, 12px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-viewport{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--openui-space-2xs, 4px)}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-viewport-mobile{grid-template-columns:repeat(2, 1fr)}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;border-radius:var(--openui-radius-s, 6px);padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item[data-highlighted]{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}

package/dist/components/Calendar/components/helperComponents.d.ts

@@ -0,0 +1,19 @@
+import { DetailedHTMLProps, SelectHTMLAttributes } from "react";
+import { ClassNames, CustomComponents, DropdownOption } from "react-day-picker";
+import "react-day-picker/style.css";
+export declare const MonthsDropdown: (props: {
+    classNames: ClassNames;
+    components: CustomComponents;
+    options?: DropdownOption[];
+} & Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "children"> & {
+    container?: HTMLDivElement | null;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const YearsDropdown: (props: {
+    classNames: ClassNames;
+    components: CustomComponents;
+    options?: DropdownOption[];
+} & Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "children"> & {
+    container?: HTMLDivElement | null;
+    botType: "mobile" | "fullscreen" | "tray" | "copilot";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=helperComponents.d.ts.map

package/dist/components/Calendar/components/helperComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperComponents.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/components/helperComponents.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAc,oBAAoB,EAAuB,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,4BAA4B,CAAC;AA6BpC,eAAO,MAAM,cAAc,GACzB,OAAO;IACL,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B,GAAG,IAAI,CACN,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAC7E,UAAU,CACX,GAAG;IACA,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CACnC,4CA0EJ,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,OAAO;IACL,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B,GAAG,IAAI,CACN,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAC7E,UAAU,CACX,GAAG;IACA,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;CACvD,4CA+EJ,CAAC"}

package/dist/components/Calendar/components/helperComponents.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import clsx from "clsx";
+import debounce from "lodash-es/debounce";
+import { forwardRef, useEffect, useState } from "react";
+import "react-day-picker/style.css";
+import { Select, SelectItem, SelectTrigger, SelectValue } from "../../Select";
+import { getMonthName, getMonthNumber } from "../utils/helperFn";
+// this component is overriding the default SelectContent component to allow for a container prop we do not wish to give to the user
+const SelectContent = forwardRef(({ className, children, position = "popper", viewportClassName, container, ...props }, ref) => (_jsx(SelectPrimitive.Portal, { container: container || document.body, children: _jsx(SelectPrimitive.Content, { ref: ref, className: clsx("openui-select-content", className), position: position, ...props, children: _jsx(SelectPrimitive.Viewport, { className: clsx("openui-select-viewport", viewportClassName), "data-position": position, children: children }) }) })));
+export const MonthsDropdown = (props) => {
+    const { className, disabled, onChange, options, value, key, "aria-label": ariaLabel, container, } = props;
+    const [containerWidth, setContainerWidth] = useState(0);
+    const [containerHeight, setContainerHeight] = useState(0);
+    useEffect(() => {
+        if (!container)
+            return;
+        const targetElement = container.children[0]?.children[0];
+        if (!targetElement)
+            return;
+        const resizeObserver = new ResizeObserver(debounce((entries) => {
+            const { width, height } = entries[0]?.contentRect || {};
+            setContainerWidth(width || 0);
+            setContainerHeight(height || 0);
+        }, 100));
+        resizeObserver.observe(targetElement);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [container]);
+    return (_jsxs(Select, { onValueChange: (value) => onChange?.({
+            target: { value: getMonthNumber(value) },
+        }), value: getMonthName(Number(value)), disabled: disabled, "aria-label": ariaLabel, children: [_jsx(SelectTrigger, { className: clsx("openui-calendar-select-trigger", className), children: _jsx(SelectValue, { placeholder: "Select a month" }) }), _jsx(SelectContent, { container: container, className: "openui-calendar-select-content-months", sideOffset: 4, alignOffset: 0, style: {
+                    maxHeight: `${containerHeight - 45}px`,
+                    minWidth: `${containerWidth}px`,
+                }, children: options?.map((option) => (_jsx(SelectItem, { value: getMonthName(option.value), disabled: option.disabled, children: option.label }, option.value))) })] }, key));
+};
+export const YearsDropdown = (props) => {
+    const { className, disabled, onChange, options, value, key, "aria-label": ariaLabel, container, botType, } = props;
+    const [containerHeight, setContainerHeight] = useState(0);
+    useEffect(() => {
+        if (!container)
+            return;
+        const targetElement = container.children[0]?.children[0];
+        if (!targetElement)
+            return;
+        const resizeObserver = new ResizeObserver(debounce((entries) => {
+            const { height } = entries[0]?.contentRect || {};
+            setContainerHeight(height || 0);
+        }, 100));
+        resizeObserver.observe(targetElement);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [container]);
+    return (_jsxs(Select, { onValueChange: (value) => onChange?.({
+            target: { value: Number(value) },
+        }), value: String(value), disabled: disabled, "aria-label": ariaLabel, children: [_jsx(SelectTrigger, { className: clsx("openui-calendar-select-trigger", className), children: _jsx(SelectValue, { placeholder: "Select a month" }) }), _jsx(SelectContent, { container: container, className: "openui-calendar-select-content-years", viewportClassName: clsx("openui-calendar-select-viewport", botType === "mobile" && "openui-calendar-select-viewport-mobile"), sideOffset: 4, alignOffset: -75, style: {
+                    minHeight: `${containerHeight - 45}px`,
+                    maxHeight: `${containerHeight - 45}px`,
+                }, children: options?.map((option) => (_jsx(SelectItem, { value: String(option.value), disabled: option.disabled, showTick: false, className: "openui-calendar-select-item", children: option.label }, option.value))) })] }, key));
+};
+//# sourceMappingURL=helperComponents.js.map

package/dist/components/Calendar/components/helperComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperComponents.js","sourceRoot":"","sources":["../../../../src/components/Calendar/components/helperComponents.tsx"],"names":[],"mappings":"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"}

package/dist/components/Calendar/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/Calendar/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/dependencies.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY,UAAiD,CAAC;AAEpE,eAAe,YAAY,CAAC"}

package/dist/components/Calendar/dependencies.js

@@ -0,0 +1,5 @@
+import IconButtonDeps from "../IconButton/dependencies";
+import SelectDeps from "../Select/dependencies";
+const dependencies = ["Calendar", ...IconButtonDeps, ...SelectDeps];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/Calendar/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/Calendar/dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAEhD,MAAM,YAAY,GAAG,CAAC,UAAU,EAAE,GAAG,cAAc,EAAE,GAAG,UAAU,CAAC,CAAC;AAEpE,eAAe,YAAY,CAAC"}

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Calendar";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/Calendar/index.js

@@ -0,0 +1,2 @@
+export * from "./Calendar";
+//# sourceMappingURL=index.js.map

package/dist/components/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Calendar } from "../Calendar";
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+type Story = StoryObj<typeof Calendar>;
+export declare const SingleDate: Story;
+export declare const MultipleDate: Story;
+export declare const DateRange: Story;
+export declare const Disabled: Story;
+export declare const WithDisabledDays: Story;
+//# sourceMappingURL=Calendar.stories.d.ts.map

package/dist/components/Calendar/stories/Calendar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/stories/Calendar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA0C/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC"}

package/dist/components/Calendar/stories/Calendar.stories.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Calendar } from "../Calendar";
+const meta = {
+    title: "Components/Calendar",
+    component: Calendar,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: `
+A flexible \`calendar\` component built on top of [react-day-picker](https://react-day-picker.js.org/).
+
+\`\`\`tsx
+import { Calendar } from '@openui-ui/react-ui';
+\`\`\`
+`,
+            },
+        },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: {
+                width: "350px",
+            }, children: _jsx(Story, {}) })),
+    ],
+    argTypes: {
+        mode: {
+            description: "Selection mode for the calendar",
+            control: {
+                type: "radio",
+            },
+            options: ["single", "multiple", "range"],
+            defaultValue: "single",
+            table: {
+                defaultValue: { summary: "single" },
+            },
+        },
+    },
+    tags: ["autodocs", "!dev"],
+};
+export default meta;
+export const SingleDate = {
+    args: {
+        mode: "single",
+    },
+};
+export const MultipleDate = {
+    args: {
+        mode: "multiple",
+        selected: [new Date(), new Date(Date.now() + 86400000)], // Today and tomorrow
+    },
+};
+export const DateRange = {
+    args: {
+        mode: "range",
+        selected: {
+            from: new Date(),
+            to: new Date(Date.now() + 86400000 * 7), // Today to 7 days later
+        },
+    },
+};
+export const Disabled = {
+    args: {
+        mode: "single",
+        disabled: true,
+    },
+};
+export const WithDisabledDays = {
+    args: {
+        mode: "single",
+        disabled: [
+            { from: new Date(), to: new Date(Date.now() + 86400000 * 3) }, // Disable next 3 days
+        ],
+    },
+};
+//# sourceMappingURL=Calendar.stories.js.map

package/dist/components/Calendar/stories/Calendar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.stories.js","sourceRoot":"","sources":["../../../../src/components/Calendar/stories/Calendar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;CAMlB;aACM;SACF;KACF;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cACE,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;aACf,YAED,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,iCAAiC;YAC9C,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;YACD,OAAO,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC;YACxC,YAAY,EAAE,QAAQ;YACtB,KAAK,EAAE;gBACL,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aACpC;SACF;KACF;IACD,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,CAAC,EAAE,qBAAqB;KAC/E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE;YACR,IAAI,EAAE,IAAI,IAAI,EAAE;YAChB,EAAE,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,QAAQ,GAAG,CAAC,CAAC,EAAE,wBAAwB;SAClE;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE;YACR,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE,sBAAsB;SACtF;KACF;CACF,CAAC"}

package/dist/components/Calendar/utils/calendarBaseStyle.css

@@ -0,0 +1 @@
+.openui-calendar-root{--openui-calendar-day-size: calc(var(--openui-space-2xl, 36px) + var(--openui-space-2xs, 4px));--openui-calendar-cell-radius: var(--openui-radius-m, 8px);width:fit-content;max-width:100%;box-sizing:border-box;padding:var(--openui-space-l, 18px);border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-3xl, 16px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-nav-mobile{gap:var(--openui-space-s, 8px)}.openui-calendar-nav-fullscreen,.openui-calendar-nav-tray,.openui-calendar-nav-copilot{gap:var(--openui-space-m, 12px)}.openui-calendar-dropdowns-mobile{gap:var(--openui-space-2xs, 4px)}.openui-calendar-dropdowns-fullscreen,.openui-calendar-dropdowns-tray,.openui-calendar-dropdowns-copilot{gap:var(--openui-space-s, 8px)}.openui-calendar-month{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-month-caption{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:space-between;gap:var(--openui-space-s, 8px);height:auto;margin-bottom:var(--openui-space-s, 8px);font-weight:inherit;font-size:inherit}.openui-calendar-months-dropdown,.openui-calendar-years-dropdown{cursor:pointer}.openui-calendar-chevron{fill:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg))}.openui-calendar-month-grid{width:auto;table-layout:auto;border-collapse:collapse}.openui-calendar-weekdays{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-calendar-weekday{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));width:var(--openui-calendar-day-size);height:var(--openui-calendar-day-size);padding:0;text-transform:none;text-align:center;vertical-align:middle}.openui-calendar-single-day,.openui-calendar-range-day{width:var(--openui-calendar-day-size);height:var(--openui-calendar-day-size);min-width:var(--openui-calendar-day-size);min-height:var(--openui-calendar-day-size);padding:0;vertical-align:middle}.openui-calendar-single-day-button,.openui-calendar-range-day-button{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);width:100%;height:100%;margin:0;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--openui-calendar-cell-radius);background:rgba(0,0,0,0);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.openui-calendar-single-day-button:focus,.openui-calendar-range-day-button:focus{outline:none}.openui-calendar-single-day-button:focus-visible,.openui-calendar-range-day-button:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-calendar-single-day-button:not(:disabled):hover,.openui-calendar-range-day-button:not(:disabled):hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-calendar-single-day-button:disabled,.openui-calendar-range-day-button:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-calendar-button-next,.openui-calendar-button-previous{display:none}.openui-calendar-today[data-today]:not([aria-selected]){background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-radius:var(--openui-calendar-cell-radius)}.openui-calendar-disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-calendar-single-day-selected{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-radius:var(--openui-calendar-cell-radius)}.openui-calendar-range-start{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-left-radius:var(--openui-calendar-cell-radius);border-bottom-left-radius:var(--openui-calendar-cell-radius)}.openui-calendar-range-middle{background:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-calendar-range-end{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-right-radius:var(--openui-calendar-cell-radius);border-bottom-right-radius:var(--openui-calendar-cell-radius)}.openui-calendar-footer{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}

package/dist/components/Calendar/utils/helperFn.d.ts

@@ -0,0 +1,3 @@
+export declare const getMonthName: (monthNumber: number) => string;
+export declare const getMonthNumber: (monthName: string) => number;
+//# sourceMappingURL=helperFn.d.ts.map

package/dist/components/Calendar/utils/helperFn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperFn.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/helperFn.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,aAAa,MAAM,KAAG,MA6BlD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,KAAG,MA6BlD,CAAC"}

package/dist/components/Calendar/utils/helperFn.js

@@ -0,0 +1,61 @@
+export const getMonthName = (monthNumber) => {
+    switch (monthNumber) {
+        case 0:
+            return "January";
+        case 1:
+            return "February";
+        case 2:
+            return "March";
+        case 3:
+            return "April";
+        case 4:
+            return "May";
+        case 5:
+            return "June";
+        case 6:
+            return "July";
+        case 7:
+            return "August";
+        case 8:
+            return "September";
+        case 9:
+            return "October";
+        case 10:
+            return "November";
+        case 11:
+            return "December";
+        default:
+            return "Invalid Month";
+    }
+};
+export const getMonthNumber = (monthName) => {
+    switch (monthName) {
+        case "January":
+            return 0;
+        case "February":
+            return 1;
+        case "March":
+            return 2;
+        case "April":
+            return 3;
+        case "May":
+            return 4;
+        case "June":
+            return 5;
+        case "July":
+            return 6;
+        case "August":
+            return 7;
+        case "September":
+            return 8;
+        case "October":
+            return 9;
+        case "November":
+            return 10;
+        case "December":
+            return 11;
+        default:
+            return -1;
+    }
+};
+//# sourceMappingURL=helperFn.js.map

package/dist/components/Calendar/utils/helperFn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperFn.js","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/helperFn.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAU,EAAE;IAC1D,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,CAAC;YACJ,OAAO,SAAS,CAAC;QACnB,KAAK,CAAC;YACJ,OAAO,UAAU,CAAC;QACpB,KAAK,CAAC;YACJ,OAAO,OAAO,CAAC;QACjB,KAAK,CAAC;YACJ,OAAO,OAAO,CAAC;QACjB,KAAK,CAAC;YACJ,OAAO,KAAK,CAAC;QACf,KAAK,CAAC;YACJ,OAAO,MAAM,CAAC;QAChB,KAAK,CAAC;YACJ,OAAO,MAAM,CAAC;QAChB,KAAK,CAAC;YACJ,OAAO,QAAQ,CAAC;QAClB,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC;QACrB,KAAK,CAAC;YACJ,OAAO,SAAS,CAAC;QACnB,KAAK,EAAE;YACL,OAAO,UAAU,CAAC;QACpB,KAAK,EAAE;YACL,OAAO,UAAU,CAAC;QACpB;YACE,OAAO,eAAe,CAAC;IAC3B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAiB,EAAU,EAAE;IAC1D,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,CAAC,CAAC;QACX,KAAK,UAAU;YACb,OAAO,CAAC,CAAC;QACX,KAAK,OAAO;YACV,OAAO,CAAC,CAAC;QACX,KAAK,OAAO;YACV,OAAO,CAAC,CAAC;QACX,KAAK,KAAK;YACR,OAAO,CAAC,CAAC;QACX,KAAK,MAAM;YACT,OAAO,CAAC,CAAC;QACX,KAAK,MAAM;YACT,OAAO,CAAC,CAAC;QACX,KAAK,QAAQ;YACX,OAAO,CAAC,CAAC;QACX,KAAK,WAAW;YACd,OAAO,CAAC,CAAC;QACX,KAAK,SAAS;YACZ,OAAO,CAAC,CAAC;QACX,KAAK,UAAU;YACb,OAAO,EAAE,CAAC;QACZ,KAAK,UAAU;YACb,OAAO,EAAE,CAAC;QACZ;YACE,OAAO,CAAC,CAAC,CAAC;IACd,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Calendar/utils/styles.d.ts

@@ -0,0 +1,8 @@
+import { ClassNames } from "react-day-picker";
+type BotType = "mobile" | "fullscreen" | "tray" | "copilot";
+export declare const getDayPickerStyles: (botType: BotType) => {
+    DateSingleClasses: Partial<ClassNames>;
+    DateRangeClasses: Partial<ClassNames>;
+};
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Calendar/utils/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,kBAAkB,CAAC;AAEpE,KAAK,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5D,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO;;;CAyDlD,CAAC"}

package/dist/components/Calendar/utils/styles.js

@@ -0,0 +1,54 @@
+import { getDefaultClassNames } from "react-day-picker";
+export const getDayPickerStyles = (botType) => {
+    const defaultClassNames = getDefaultClassNames();
+    const botTypeMapNav = {
+        mobile: "openui-calendar-nav-mobile",
+        fullscreen: "openui-calendar-nav-fullscreen",
+        tray: "openui-calendar-nav-tray",
+        copilot: "openui-calendar-nav-copilot",
+    };
+    const botTypeMapDropdowns = {
+        mobile: "openui-calendar-dropdowns-mobile",
+        fullscreen: "openui-calendar-dropdowns-fullscreen",
+        tray: "openui-calendar-dropdowns-tray",
+        copilot: "openui-calendar-dropdowns-copilot",
+    };
+    const commonClassNames = {
+        root: `${defaultClassNames.root} openui-calendar-root`,
+        nav: `${defaultClassNames.nav} ${botTypeMapNav[botType]}`,
+        dropdowns: `${defaultClassNames.dropdowns} ${botTypeMapDropdowns[botType]}`,
+        month_caption: `openui-calendar-month-caption`,
+        month_grid: `openui-calendar-month-grid`,
+        button_next: `openui-calendar-button-next `,
+        button_previous: `openui-calendar-button-previous `,
+        today: `openui-calendar-today`,
+        disabled: `openui-calendar-disabled`,
+        weekdays: `openui-calendar-weekdays`,
+        weekday: `openui-calendar-weekday`,
+        chevron: `openui-calendar-chevron`,
+        month: `openui-calendar-month`,
+        months_dropdown: `openui-calendar-months-dropdown`,
+        years_dropdown: `openui-calendar-years-dropdown`,
+        footer: `openui-calendar-footer`,
+    };
+    const DateSingleClasses = {
+        ...commonClassNames,
+        day_button: "openui-calendar-single-day-button",
+        day: "openui-calendar-single-day",
+        selected: "openui-calendar-single-day-selected",
+    };
+    const DateRangeClasses = {
+        ...commonClassNames,
+        selected: "",
+        range_start: "openui-calendar-range-start",
+        range_middle: "openui-calendar-range-middle",
+        range_end: "openui-calendar-range-end",
+        day_button: "openui-calendar-range-day-button",
+        day: "openui-calendar-range-day",
+    };
+    return {
+        DateSingleClasses,
+        DateRangeClasses,
+    };
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/Calendar/utils/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGpE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAgB,EAAE,EAAE;IACrD,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,MAAM,aAAa,GAA4B;QAC7C,MAAM,EAAE,4BAA4B;QACpC,UAAU,EAAE,gCAAgC;QAC5C,IAAI,EAAE,0BAA0B;QAChC,OAAO,EAAE,6BAA6B;KACvC,CAAC;IAEF,MAAM,mBAAmB,GAA4B;QACnD,MAAM,EAAE,kCAAkC;QAC1C,UAAU,EAAE,sCAAsC;QAClD,IAAI,EAAE,gCAAgC;QACtC,OAAO,EAAE,mCAAmC;KAC7C,CAAC;IAEF,MAAM,gBAAgB,GAAwB;QAC5C,IAAI,EAAE,GAAG,iBAAiB,CAAC,IAAI,uBAAuB;QACtD,GAAG,EAAE,GAAG,iBAAiB,CAAC,GAAG,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QACzD,SAAS,EAAE,GAAG,iBAAiB,CAAC,SAAS,IAAI,mBAAmB,CAAC,OAAO,CAAC,EAAE;QAC3E,aAAa,EAAE,+BAA+B;QAC9C,UAAU,EAAE,4BAA4B;QACxC,WAAW,EAAE,8BAA8B;QAC3C,eAAe,EAAE,kCAAkC;QACnD,KAAK,EAAE,uBAAuB;QAC9B,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,0BAA0B;QACpC,OAAO,EAAE,yBAAyB;QAClC,OAAO,EAAE,yBAAyB;QAClC,KAAK,EAAE,uBAAuB;QAC9B,eAAe,EAAE,iCAAiC;QAClD,cAAc,EAAE,gCAAgC;QAChD,MAAM,EAAE,wBAAwB;KACjC,CAAC;IAEF,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,gBAAgB;QACnB,UAAU,EAAE,mCAAmC;QAC/C,GAAG,EAAE,4BAA4B;QACjC,QAAQ,EAAE,qCAAqC;KAChD,CAAC;IAEF,MAAM,gBAAgB,GAAwB;QAC5C,GAAG,gBAAgB;QACnB,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,6BAA6B;QAC1C,YAAY,EAAE,8BAA8B;QAC5C,SAAS,EAAE,2BAA2B;QACtC,UAAU,EAAE,kCAAkC;QAC9C,GAAG,EAAE,2BAA2B;KACjC,CAAC;IAEF,OAAO;QACL,iBAAiB;QACjB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Callout/Callout.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type CalloutVariant = "info" | "danger" | "warning" | "success" | "neutral";
+export interface CalloutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    variant?: CalloutVariant;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+export declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Callout.d.ts.map

package/dist/components/Callout/Callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAUD,eAAO,MAAM,OAAO,qFASlB,CAAC"}

package/dist/components/Callout/Callout.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+const variantMap = {
+    info: "openui-callout-info",
+    danger: "openui-callout-danger",
+    warning: "openui-callout-warning",
+    success: "openui-callout-success",
+    neutral: "openui-callout-neutral",
+};
+export const Callout = React.forwardRef((props, ref) => {
+    const { className, variant = "neutral", title, description, ...rest } = props;
+    return (_jsxs("div", { ref: ref, className: clsx("openui-callout", variantMap[variant], className), ...rest, children: [title && _jsx("span", { className: "openui-callout-title", children: title }), description && _jsx("span", { className: "openui-callout-description", children: description })] }));
+});
+//# sourceMappingURL=Callout.js.map

package/dist/components/Callout/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../../../src/components/Callout/Callout.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,UAAU,GAAmC;IACjD,IAAI,EAAE,qBAAqB;IAC3B,MAAM,EAAE,uBAAuB;IAC/B,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,wBAAwB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,aACvF,KAAK,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAQ,EAC9D,WAAW,IAAI,eAAM,SAAS,EAAC,4BAA4B,YAAE,WAAW,GAAQ,IAC7E,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Callout/callout.css

@@ -0,0 +1 @@
+.openui-callout{display:flex;flex-direction:column;padding:var(--openui-space-000, 0) calc(var(--openui-space-m, 12px) + 2px);box-sizing:border-box;align-items:flex-start;border-left:2px solid}.openui-callout-info{border-color:var(--openui-border-info-emphasis, oklch(54.6% 0.215 262.881deg))}.openui-callout-info .openui-callout-title{color:var(--openui-text-info-primary, oklch(42.4% 0.181 265.638deg))}.openui-callout-danger{border-color:var(--openui-border-danger-emphasis, oklch(57.7% 0.215 27.325deg))}.openui-callout-danger .openui-callout-title{color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}.openui-callout-warning{border-color:var(--openui-border-alert-emphasis, oklch(68.1% 0.142 75.834deg))}.openui-callout-warning .openui-callout-title{color:var(--openui-text-alert-primary, oklch(47.6% 0.103 61.907deg))}.openui-callout-success{border-color:var(--openui-border-success-emphasis, oklch(62.7% 0.17 149.214deg))}.openui-callout-success .openui-callout-title{color:var(--openui-text-success-primary, oklch(44.8% 0.108 151.328deg))}.openui-callout-neutral{border-color:var(--openui-border-interactive-selected, oklch(9.7% 0 0deg))}.openui-callout-neutral .openui-callout-title{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-callout-title{font:var(--openui-text-body-default-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing)}.openui-callout-description{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}

package/dist/components/Callout/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/Callout/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAc,CAAC;AAEjC,eAAe,YAAY,CAAC"}

package/dist/components/Callout/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["Callout"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/Callout/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/Callout/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAe,YAAY,CAAC"}