@flipdish/ui-library 0.2.2 → 0.3.1

package/dist/components/molecules/TextArea/index.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Label, HintText } from '@flipdish/ui-library/components/atoms/Input';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { TextField, TextArea as TextArea$1 } from 'react-aria-components';
+
+// Creates a data URL for an SVG resize handle with a given color.
+const getResizeHandleBg = (color) => {
+    return `url(data:image/svg+xml;base64,${btoa(`<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2L2 10" stroke="${color}" stroke-linecap="round"/><path d="M11 7L7 11" stroke="${color}" stroke-linecap="round"/></svg>`)})`;
+};
+const TextAreaBase = ({ className, size = 'md', ...props }) => {
+    return (jsx(TextArea$1, { ...props, style: {
+            '--resize-handle-bg': getResizeHandleBg('#D5D7DA'),
+            '--resize-handle-bg-dark': getResizeHandleBg('#373A41'),
+        }, className: (state) => cx('w-full scroll-py-3 rounded-lg bg-primary text-primary shadow-xs ring-1 ring-primary transition duration-100 ease-linear ring-inset placeholder:text-placeholder autofill:rounded-lg autofill:text-primary focus:outline-hidden', size === 'sm' && 'p-3 text-sm', size === 'md' && 'px-3.5 py-3 text-md', 
+        // Resize handle
+        '[&::-webkit-resizer]:bg-(image:--resize-handle-bg) [&::-webkit-resizer]:bg-contain dark:[&::-webkit-resizer]:bg-(image:--resize-handle-bg-dark)', state.isFocused && !state.isDisabled && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50', state.isInvalid && 'ring-error_subtle', state.isInvalid && state.isFocused && 'ring-2 ring-error', typeof className === 'function' ? className(state) : className) }));
+};
+TextAreaBase.displayName = 'TextAreaBase';
+const TextArea = ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size = 'md', ...props }) => {
+    return (jsx(TextField, { ...props, className: (state) => cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className), children: ({ isInvalid, isRequired }) => (jsxs(Fragment, { children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, tooltip: tooltip, children: label })), jsx(TextAreaBase, { placeholder: placeholder, className: textAreaClassName, ref: textAreaRef, rows: rows, cols: cols, size: size }), hint && (jsx(HintText, { isInvalid: isInvalid, size: size, children: hint }))] })) }));
+};
+TextArea.displayName = 'TextArea';
+
+export { TextArea, TextAreaBase };
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","AriaTextField","_jsxs","_Fragment"],"mappings":";;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,GAAA,CAACC,UAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA2BlC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACO,KAAI;IACnB,QACED,GAAA,CAACE,SAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJJ,GAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDA,GAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAE7H,IAAI,KACHA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/molecules/VerificationCodeInput/index.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Input = require('@flipdish/ui-library/components/atoms/Input');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var inputOtp = require('input-otp');
+var React = require('react');
+
+const PinInputContext = React.createContext({
+    size: 'sm',
+    id: '',
+    disabled: false,
+    invalid: false,
+});
+const usePinInputContext = () => {
+    const context = React.useContext(PinInputContext);
+    if (!context) {
+        throw new Error("The 'usePinInputContext' hook must be used within a '<PinInput />'");
+    }
+    return context;
+};
+const Root = ({ className, size = 'md', disabled = false, invalid = false, ...props }) => {
+    const id = React.useId();
+    return (jsxRuntime.jsx(PinInputContext.Provider, { value: { size, disabled, id, invalid }, children: jsxRuntime.jsx("div", { role: "group", className: cx.cx('flex h-max flex-col gap-1.5', className), ...props }) }));
+};
+Root.displayName = 'Root';
+const styles = {
+    xxxs: { group: 'gap-1.5 h-9', slot: 'size-9 px-3 py-2 text-sm rounded-lg font-medium text-placeholder/50', caret: 'text-sm font-medium' },
+    xxs: { group: 'gap-2 h-10', slot: 'size-10 px-3 py-2 text-md rounded-lg font-medium text-placeholder/50', caret: 'text-md font-medium' },
+    xs: { group: 'gap-2 h-11', slot: 'size-11 px-3.5 py-2.5 text-md rounded-lg font-medium text-placeholder/50', caret: 'text-md font-medium' },
+    sm: { group: 'gap-2 h-16.5', slot: 'size-16 px-2 py-0.5 text-display-lg font-medium', caret: 'text-display-lg font-medium' },
+    md: { group: 'gap-3 h-20.5', slot: 'size-20 px-2 py-2.5 text-display-lg font-medium', caret: 'text-display-lg font-medium' },
+    lg: { group: 'gap-3 h-24.5', slot: 'size-24 px-2 py-3 text-display-xl font-medium', caret: 'text-display-xl font-medium' },
+};
+const Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...props }) => {
+    const { id, size, disabled } = usePinInputContext();
+    return (jsxRuntime.jsx(inputOtp.OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: 'pin-input-' + id, "aria-label": "Enter your pin", "aria-labelledby": 'pin-input-label-' + id, "aria-describedby": 'pin-input-description-' + id, containerClassName: cx.cx('flex flex-row', styles[size].group, containerClassName), className: cx.cx('disabled:cursor-not-allowed', inputClassName) }));
+};
+Group.displayName = 'Group';
+const Slot = ({ index, className, ...props }) => {
+    const { size, disabled, invalid } = usePinInputContext();
+    const { slots, isFocused } = React.useContext(inputOtp.OTPInputContext);
+    const slot = slots[index];
+    return (
+    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: this is a custom component
+    jsxRuntime.jsx("div", { ...props, "aria-invalid": invalid, "aria-label": 'Enter digit ' + (index + 1) + ' of ' + slots.length, className: cx.cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsxRuntime.jsx(FakeCaret, { size: size }) : 0 }));
+};
+Slot.displayName = 'Slot';
+const FakeCaret = ({ size = 'md' }) => {
+    return jsxRuntime.jsx("div", { className: cx.cx('pointer-events-none h-[1em] w-0.5 animate-caret-blink bg-fg-brand-primary', styles[size].caret) });
+};
+const Separator = (props) => {
+    return (
+    // biome-ignore lint/a11y/useFocusableInteractive: this is a separator
+    // biome-ignore lint/a11y/useSemanticElements: this is a separator
+    // biome-ignore lint/a11y/useAriaPropsForRole: this is a separator
+    jsxRuntime.jsx("div", { role: "separator", ...props, className: cx.cx('text-center text-display-xl font-medium text-utility-neutral-300', props.className), children: "-" }));
+};
+Separator.displayName = 'Separator';
+const Label = (props) => {
+    const { id } = usePinInputContext();
+    return jsxRuntime.jsx(Input.Label, { ...props, htmlFor: 'pin-input-' + id, id: 'pin-input-label-' + id });
+};
+Label.displayName = 'Label';
+const Description = (props) => {
+    const { id, size } = usePinInputContext();
+    // biome-ignore lint/a11y/useValidAriaRole: this is a description
+    return jsxRuntime.jsx(Input.HintText, { ...props, id: 'pin-input-description-' + id, role: "description", className: cx.cx(size === 'xxxs' && 'text-xs') });
+};
+Description.displayName = 'Description';
+/**
+ * @summary segmented input for entering verification / one-time codes
+ */
+const PinInput = Root;
+PinInput.Slot = Slot;
+PinInput.Label = Label;
+PinInput.Group = Group;
+PinInput.Separator = Separator;
+PinInput.Description = Description;
+
+exports.PinInput = PinInput;
+exports.usePinInputContext = usePinInputContext;
+//# sourceMappingURL=index.cjs.map

package/dist/components/molecules/VerificationCodeInput/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","_jsx","cx","OTPInput","OTPInputContext","LabelBase","HintText"],"mappings":"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"}

package/dist/components/molecules/VerificationCodeInput/index.d.ts

@@ -0,0 +1,58 @@
+import { HintText, Label as LabelBase } from '@flipdish/ui-library/components/atoms/Input';
+import { OTPInput } from 'input-otp';
+import type { ComponentPropsWithRef } from 'react';
+type PinInputSize = 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+type PinInputContextType = {
+    size: PinInputSize;
+    disabled: boolean;
+    id: string;
+    invalid: boolean;
+};
+export declare const usePinInputContext: () => PinInputContextType;
+interface RootProps extends ComponentPropsWithRef<'div'> {
+    size?: PinInputSize;
+    disabled?: boolean;
+    invalid?: boolean;
+}
+declare const Root: {
+    ({ className, size, disabled, invalid, ...props }: RootProps): import("react").JSX.Element;
+    displayName: string;
+};
+type GroupProps = ComponentPropsWithRef<typeof OTPInput> & {
+    width?: number;
+    inputClassName?: string;
+};
+declare const Group: {
+    ({ inputClassName, containerClassName, width, maxLength, ...props }: GroupProps): import("react").JSX.Element;
+    displayName: string;
+};
+declare const Slot: {
+    ({ index, className, ...props }: ComponentPropsWithRef<"div"> & {
+        index: number;
+    }): import("react").JSX.Element;
+    displayName: string;
+};
+declare const Separator: {
+    (props: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};
+declare const Label: {
+    (props: ComponentPropsWithRef<typeof LabelBase>): import("react").JSX.Element;
+    displayName: string;
+};
+declare const Description: {
+    (props: ComponentPropsWithRef<typeof HintText>): import("react").JSX.Element;
+    displayName: string;
+};
+/**
+ * @summary segmented input for entering verification / one-time codes
+ */
+declare const PinInput: typeof Root & {
+    Slot: typeof Slot;
+    Label: typeof Label;
+    Group: typeof Group;
+    Separator: typeof Separator;
+    Description: typeof Description;
+};
+export { PinInput };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/VerificationCodeInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAE3F,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,KAAK,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AASF,eAAO,MAAM,kBAAkB,2BAQ9B,CAAC;AAEF,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACtD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,IAAI;uDAA6E,SAAS;;CAS/F,CAAC;AAYF,KAAK,UAAU,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,KAAK;yEAA4E,UAAU;;CAiBhG,CAAC;AAGF,QAAA,MAAM,IAAI;qCAAoC,qBAAqB,CAAC,KAAK,CAAC,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;CAyB7F,CAAC;AAOF,QAAA,MAAM,SAAS;YAAW,qBAAqB,CAAC,KAAK,CAAC;;CASrD,CAAC;AAGF,QAAA,MAAM,KAAK;YAAW,qBAAqB,CAAC,OAAO,SAAS,CAAC;;CAI5D,CAAC;AAGF,QAAA,MAAM,WAAW;YAAW,qBAAqB,CAAC,OAAO,QAAQ,CAAC;;CAKjE,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAW,OAAO,IAAI,GAAG;IACrC,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC,CAAC;AAOF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/molecules/VerificationCodeInput/index.js

@@ -0,0 +1,80 @@
+import { jsx } from 'react/jsx-runtime';
+import { Label as Label$1, HintText } from '@flipdish/ui-library/components/atoms/Input';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { OTPInput, OTPInputContext } from 'input-otp';
+import { createContext, useId, useContext } from 'react';
+
+const PinInputContext = createContext({
+    size: 'sm',
+    id: '',
+    disabled: false,
+    invalid: false,
+});
+const usePinInputContext = () => {
+    const context = useContext(PinInputContext);
+    if (!context) {
+        throw new Error("The 'usePinInputContext' hook must be used within a '<PinInput />'");
+    }
+    return context;
+};
+const Root = ({ className, size = 'md', disabled = false, invalid = false, ...props }) => {
+    const id = useId();
+    return (jsx(PinInputContext.Provider, { value: { size, disabled, id, invalid }, children: jsx("div", { role: "group", className: cx('flex h-max flex-col gap-1.5', className), ...props }) }));
+};
+Root.displayName = 'Root';
+const styles = {
+    xxxs: { group: 'gap-1.5 h-9', slot: 'size-9 px-3 py-2 text-sm rounded-lg font-medium text-placeholder/50', caret: 'text-sm font-medium' },
+    xxs: { group: 'gap-2 h-10', slot: 'size-10 px-3 py-2 text-md rounded-lg font-medium text-placeholder/50', caret: 'text-md font-medium' },
+    xs: { group: 'gap-2 h-11', slot: 'size-11 px-3.5 py-2.5 text-md rounded-lg font-medium text-placeholder/50', caret: 'text-md font-medium' },
+    sm: { group: 'gap-2 h-16.5', slot: 'size-16 px-2 py-0.5 text-display-lg font-medium', caret: 'text-display-lg font-medium' },
+    md: { group: 'gap-3 h-20.5', slot: 'size-20 px-2 py-2.5 text-display-lg font-medium', caret: 'text-display-lg font-medium' },
+    lg: { group: 'gap-3 h-24.5', slot: 'size-24 px-2 py-3 text-display-xl font-medium', caret: 'text-display-xl font-medium' },
+};
+const Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...props }) => {
+    const { id, size, disabled } = usePinInputContext();
+    return (jsx(OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: 'pin-input-' + id, "aria-label": "Enter your pin", "aria-labelledby": 'pin-input-label-' + id, "aria-describedby": 'pin-input-description-' + id, containerClassName: cx('flex flex-row', styles[size].group, containerClassName), className: cx('disabled:cursor-not-allowed', inputClassName) }));
+};
+Group.displayName = 'Group';
+const Slot = ({ index, className, ...props }) => {
+    const { size, disabled, invalid } = usePinInputContext();
+    const { slots, isFocused } = useContext(OTPInputContext);
+    const slot = slots[index];
+    return (
+    // biome-ignore lint/a11y/useAriaPropsSupportedByRole: this is a custom component
+    jsx("div", { ...props, "aria-invalid": invalid, "aria-label": 'Enter digit ' + (index + 1) + ' of ' + slots.length, className: cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsx(FakeCaret, { size: size }) : 0 }));
+};
+Slot.displayName = 'Slot';
+const FakeCaret = ({ size = 'md' }) => {
+    return jsx("div", { className: cx('pointer-events-none h-[1em] w-0.5 animate-caret-blink bg-fg-brand-primary', styles[size].caret) });
+};
+const Separator = (props) => {
+    return (
+    // biome-ignore lint/a11y/useFocusableInteractive: this is a separator
+    // biome-ignore lint/a11y/useSemanticElements: this is a separator
+    // biome-ignore lint/a11y/useAriaPropsForRole: this is a separator
+    jsx("div", { role: "separator", ...props, className: cx('text-center text-display-xl font-medium text-utility-neutral-300', props.className), children: "-" }));
+};
+Separator.displayName = 'Separator';
+const Label = (props) => {
+    const { id } = usePinInputContext();
+    return jsx(Label$1, { ...props, htmlFor: 'pin-input-' + id, id: 'pin-input-label-' + id });
+};
+Label.displayName = 'Label';
+const Description = (props) => {
+    const { id, size } = usePinInputContext();
+    // biome-ignore lint/a11y/useValidAriaRole: this is a description
+    return jsx(HintText, { ...props, id: 'pin-input-description-' + id, role: "description", className: cx(size === 'xxxs' && 'text-xs') });
+};
+Description.displayName = 'Description';
+/**
+ * @summary segmented input for entering verification / one-time codes
+ */
+const PinInput = Root;
+PinInput.Slot = Slot;
+PinInput.Label = Label;
+PinInput.Group = Group;
+PinInput.Separator = Separator;
+PinInput.Description = Description;
+
+export { PinInput, usePinInputContext };
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/VerificationCodeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["_jsx","LabelBase"],"mappings":"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"}

package/dist/components/organisms/ActivityFeed/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
+var Badge = require('@flipdish/ui-library/components/atoms/Badge');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var Dot = require('@flipdish/ui-library/components/atoms/Dot');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const FeedItem = ({ user, date, action, attachment, comment, labels, message, unseen, connector, size = 'md' }) => {
+    return (jsxRuntime.jsxs("article", { className: "relative flex gap-3", children: [unseen && jsxRuntime.jsx(Dot.Dot, { size: "md", className: "absolute top-0 right-0 text-fg-success-secondary" }), jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col", children: [jsxRuntime.jsx(Avatar.Avatar, { src: user.avatarUrl, alt: user.name, size: size === 'sm' ? 'sm' : 'md', status: user.status }), connector && (jsxRuntime.jsx("div", { className: "relative my-1 flex h-full w-full justify-center self-center overflow-hidden", children: jsxRuntime.jsx("svg", { className: "absolute", width: "2.4", children: jsxRuntime.jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 flex-col gap-3', connector && 'pb-8'), children: [jsxRuntime.jsxs("header", { children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("a", { href: user.href, className: "rounded text-sm font-medium text-secondary outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: user.name }), date && (jsxRuntime.jsx("time", { className: "text-xs text-tertiary", dateTime: date, children: date }))] }), action && (jsxRuntime.jsxs("p", { className: "text-sm text-tertiary", children: [action.content, ' ', action.target && (jsxRuntime.jsx(Button.Button, { href: action.href, className: "inline text-sm font-medium whitespace-normal", color: "link-color", size: "sm", children: action.target }))] })), user.username && jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: user.username })] }), attachment && (jsxRuntime.jsxs("figure", { className: "flex gap-3", children: [jsxRuntime.jsx(uiIcons.FileIcon, { type: attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsxRuntime.jsx(uiIcons.FileIcon, { type: attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxRuntime.jsxs("figcaption", { children: [jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: attachment.name }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: attachment.size })] })] })), labels && labels.length > 0 && (jsxRuntime.jsx("aside", { className: "flex gap-1", "aria-label": "Labels", children: labels.map((label) => (jsxRuntime.jsx(Badge.Badge, { color: label.color, size: "sm", children: label.name }, label.name))) })), comment && jsxRuntime.jsx("q", { className: "text-sm text-tertiary", children: comment }), message && (jsxRuntime.jsx("section", { className: cx.cx('gap-2 rounded-lg rounded-tl-none p-3 ring-1 ring-secondary ring-inset', connector && 'py-2.5'), children: jsxRuntime.jsx("p", { className: "text-sm text-secondary", children: message }) }))] })] }));
+};
+
+exports.FeedItem = FeedItem;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/ActivityFeed/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ActivityFeed/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","Dot","Avatar","cx","Button","FileIcon","Badge"],"mappings":"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"}

package/dist/components/organisms/ActivityFeed/index.d.ts

@@ -0,0 +1,36 @@
+import type { BadgeColors } from '@flipdish/ui-library/components/atoms/Badge/badge.types';
+export type FeedItemType = {
+    id: string | number;
+    unseen?: boolean;
+    comment?: string;
+    message?: string;
+    date?: string;
+    user: {
+        avatarUrl: string;
+        name: string;
+        href: string;
+        username?: string;
+        status?: 'online' | 'offline';
+    };
+    attachment?: {
+        name: string;
+        size: string;
+        type: 'jpg' | 'txt' | 'pdf' | 'mp4';
+    };
+    labels?: {
+        name: string;
+        color: BadgeColors;
+    }[];
+    action?: {
+        content: string;
+        target?: string;
+        href?: string;
+    };
+};
+interface FeedItemProps extends FeedItemType {
+    connector?: boolean;
+    size?: 'sm' | 'md';
+}
+export declare const FeedItem: ({ user, date, action, attachment, comment, labels, message, unseen, connector, size }: FeedItemProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/ActivityFeed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAC;AAK3F,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC/B,CAAC;IACF,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;KACrC,CAAC;IACF,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QAEb,KAAK,EAAE,WAAW,CAAC;KACpB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,UAAU,aAAc,SAAQ,YAAY;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,GAAI,uFAA8F,aAAa,gCAmFnI,CAAC"}

package/dist/components/organisms/ActivityFeed/index.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FileIcon } from '@flipdish/ui-icons';
+import { Avatar } from '@flipdish/ui-library/components/atoms/Avatar';
+import { Badge } from '@flipdish/ui-library/components/atoms/Badge';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { Dot } from '@flipdish/ui-library/components/atoms/Dot';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const FeedItem = ({ user, date, action, attachment, comment, labels, message, unseen, connector, size = 'md' }) => {
+    return (jsxs("article", { className: "relative flex gap-3", children: [unseen && jsx(Dot, { size: "md", className: "absolute top-0 right-0 text-fg-success-secondary" }), jsxs("div", { className: "flex shrink-0 flex-col", children: [jsx(Avatar, { src: user.avatarUrl, alt: user.name, size: size === 'sm' ? 'sm' : 'md', status: user.status }), connector && (jsx("div", { className: "relative my-1 flex h-full w-full justify-center self-center overflow-hidden", children: jsx("svg", { className: "absolute", width: "2.4", children: jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxs("div", { className: cx('flex flex-1 flex-col gap-3', connector && 'pb-8'), children: [jsxs("header", { children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("a", { href: user.href, className: "rounded text-sm font-medium text-secondary outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: user.name }), date && (jsx("time", { className: "text-xs text-tertiary", dateTime: date, children: date }))] }), action && (jsxs("p", { className: "text-sm text-tertiary", children: [action.content, ' ', action.target && (jsx(Button, { href: action.href, className: "inline text-sm font-medium whitespace-normal", color: "link-color", size: "sm", children: action.target }))] })), user.username && jsx("p", { className: "text-sm text-tertiary", children: user.username })] }), attachment && (jsxs("figure", { className: "flex gap-3", children: [jsx(FileIcon, { type: attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsx(FileIcon, { type: attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxs("figcaption", { children: [jsx("p", { className: "text-sm font-medium text-secondary", children: attachment.name }), jsx("p", { className: "text-sm text-tertiary", children: attachment.size })] })] })), labels && labels.length > 0 && (jsx("aside", { className: "flex gap-1", "aria-label": "Labels", children: labels.map((label) => (jsx(Badge, { color: label.color, size: "sm", children: label.name }, label.name))) })), comment && jsx("q", { className: "text-sm text-tertiary", children: comment }), message && (jsx("section", { className: cx('gap-2 rounded-lg rounded-tl-none p-3 ring-1 ring-secondary ring-inset', connector && 'py-2.5'), children: jsx("p", { className: "text-sm text-secondary", children: message }) }))] })] }));
+};
+
+export { FeedItem };
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/ActivityFeed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/ActivityFeed/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/organisms/Calendar/components/calendar-column-header.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const CalendarColumnHeader = ({ state, weekDay, day, className, onClick }) => {
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: We want to allow static elements to be interactive
+    // biome-ignore lint/a11y/useKeyWithClickEvents: We want to allow static elements to be interactive
+    jsxRuntime.jsxs("div", { onClick: onClick, className: cx.cx('relative flex w-full flex-col items-center justify-center gap-1.5 bg-primary p-2 md:flex-row md:gap-1', 'before:pointer-events-none before:absolute before:inset-0 before:border-secondary not-last:before:border-r', className), children: [jsxRuntime.jsx("span", { className: "text-xs font-medium text-quaternary", children: weekDay }), typeof day === 'number' && (jsxRuntime.jsx("span", { className: cx.cx('flex h-6 items-center justify-center text-xs font-semibold text-secondary', state === 'selected' && 'w-6 rounded-full bg-brand-solid text-white', state === 'current' && 'w-6 rounded-full bg-secondary'), children: day }))] }));
+};
+
+exports.CalendarColumnHeader = CalendarColumnHeader;
+//# sourceMappingURL=calendar-column-header.cjs.map

package/dist/components/organisms/Calendar/components/calendar-column-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-column-header.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-column-header.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx"],"mappings":";;;;;AAYO,MAAM,oBAAoB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAA6B,KAAI;IAC7G;;;IAGEA,eAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAEC,KAAE,CACX,uGAAuG,EACvG,4GAA4G,EAC5G,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EACrE,OAAO,GAAG,KAAK,QAAQ,KACtBA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,2EAA2E,EAC3E,KAAK,KAAK,UAAU,IAAI,4CAA4C,EACpE,KAAK,KAAK,SAAS,IAAI,+BAA+B,CACvD,EAAA,QAAA,EAEA,GAAG,EAAA,CACC,CACR,CAAA,EAAA,CACG;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-column-header.d.ts

@@ -0,0 +1,10 @@
+interface CalendarColumnHeaderProps {
+    weekDay: string;
+    day?: number;
+    state?: 'default' | 'selected' | 'current';
+    className?: string;
+    onClick?: () => void;
+}
+export declare const CalendarColumnHeader: ({ state, weekDay, day, className, onClick }: CalendarColumnHeaderProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-column-header.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-column-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-column-header.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-column-header.tsx"],"names":[],"mappings":"AAIA,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,GAAI,6CAA6C,yBAAyB,gCA0B1G,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-column-header.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const CalendarColumnHeader = ({ state, weekDay, day, className, onClick }) => {
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: We want to allow static elements to be interactive
+    // biome-ignore lint/a11y/useKeyWithClickEvents: We want to allow static elements to be interactive
+    jsxs("div", { onClick: onClick, className: cx('relative flex w-full flex-col items-center justify-center gap-1.5 bg-primary p-2 md:flex-row md:gap-1', 'before:pointer-events-none before:absolute before:inset-0 before:border-secondary not-last:before:border-r', className), children: [jsx("span", { className: "text-xs font-medium text-quaternary", children: weekDay }), typeof day === 'number' && (jsx("span", { className: cx('flex h-6 items-center justify-center text-xs font-semibold text-secondary', state === 'selected' && 'w-6 rounded-full bg-brand-solid text-white', state === 'current' && 'w-6 rounded-full bg-secondary'), children: day }))] }));
+};
+
+export { CalendarColumnHeader };
+//# sourceMappingURL=calendar-column-header.js.map

package/dist/components/organisms/Calendar/components/calendar-column-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-column-header.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-column-header.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAYO,MAAM,oBAAoB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAA6B,KAAI;IAC7G;;;IAGEA,IAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,uGAAuG,EACvG,4GAA4G,EAC5G,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EACrE,OAAO,GAAG,KAAK,QAAQ,KACtBA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,KAAK,KAAK,UAAU,IAAI,4CAA4C,EACpE,KAAK,KAAK,SAAS,IAAI,+BAA+B,CACvD,EAAA,QAAA,EAEA,GAAG,EAAA,CACC,CACR,CAAA,EAAA,CACG;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-date-icon.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const CalendarDateIcon = ({ month: label, day, className }) => {
+    return (jsxRuntime.jsxs("div", { className: cx.cx('inline-flex min-w-16 flex-col items-center overflow-hidden rounded-lg ring-1 ring-secondary', className), children: [jsxRuntime.jsx("div", { className: "flex w-full justify-center bg-secondary px-2 pt-1 pb-0.5", children: jsxRuntime.jsx("span", { className: "text-xs font-semibold text-quaternary", children: label }) }), jsxRuntime.jsx("div", { className: "flex w-full justify-center px-2 pt-px pb-[3px]", children: jsxRuntime.jsx("span", { className: "text-lg leading-7 font-bold text-brand-secondary", children: day }) })] }));
+};
+
+exports.CalendarDateIcon = CalendarDateIcon;
+//# sourceMappingURL=calendar-date-icon.cjs.map

package/dist/components/organisms/Calendar/components/calendar-date-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-date-icon.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-date-icon.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx"],"mappings":";;;;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAyB,KAAI;AAC1F,IAAA,QACEA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,6FAA6F,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC1HC,wBAAK,SAAS,EAAC,0DAA0D,EAAA,QAAA,EACvEA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAE,KAAK,GAAQ,EAAA,CAClE,EACNA,wBAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,GAAG,GAAQ,EAAA,CAC3E,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-date-icon.d.ts

@@ -0,0 +1,8 @@
+interface CalendarDateIconProps {
+    month: string;
+    day: number;
+    className?: string;
+}
+export declare const CalendarDateIcon: ({ month: label, day, className }: CalendarDateIconProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-date-icon.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-date-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-date-icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-date-icon.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,kCAAkC,qBAAqB,gCAWvF,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-date-icon.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const CalendarDateIcon = ({ month: label, day, className }) => {
+    return (jsxs("div", { className: cx('inline-flex min-w-16 flex-col items-center overflow-hidden rounded-lg ring-1 ring-secondary', className), children: [jsx("div", { className: "flex w-full justify-center bg-secondary px-2 pt-1 pb-0.5", children: jsx("span", { className: "text-xs font-semibold text-quaternary", children: label }) }), jsx("div", { className: "flex w-full justify-center px-2 pt-px pb-[3px]", children: jsx("span", { className: "text-lg leading-7 font-bold text-brand-secondary", children: day }) })] }));
+};
+
+export { CalendarDateIcon };
+//# sourceMappingURL=calendar-date-icon.js.map

package/dist/components/organisms/Calendar/components/calendar-date-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-date-icon.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-date-icon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAyB,KAAI;AAC1F,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,6FAA6F,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC1HC,aAAK,SAAS,EAAC,0DAA0D,EAAA,QAAA,EACvEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAE,KAAK,GAAQ,EAAA,CAClE,EACNA,aAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,GAAG,GAAQ,EAAA,CAC3E,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-dw-view-cell.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const CalendarDwViewCell = (props) => {
+    return (jsxRuntime.jsx("div", { ...props, className: cx.cx('group relative flex h-12 flex-col bg-primary p-1.5 hover:bg-primary_hover', 'before:pointer-events-none before:absolute before:inset-0 before:border-r before:border-b before:border-secondary', props.className), children: jsxRuntime.jsx("div", { className: "absolute right-1.5 bottom-1.5 hidden group-hover:inline-flex", children: jsxRuntime.jsx(Button.Button, { "aria-label": "Add event", size: "sm", iconLeading: uiIcons.Plus, color: "secondary", className: "size-7 text-fg-quaternary" }) }) }));
+};
+
+exports.CalendarDwViewCell = CalendarDwViewCell;
+//# sourceMappingURL=calendar-dw-view-cell.cjs.map

package/dist/components/organisms/Calendar/components/calendar-dw-view-cell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-dw-view-cell.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-cell.tsx"],"sourcesContent":[null],"names":["_jsx","cx","Button","Plus"],"mappings":";;;;;;;AAOO,MAAM,kBAAkB,GAAG,CAAC,KAAqC,KAAI;IAC1E,QACEA,2BACM,KAAK,EACT,SAAS,EAAEC,KAAE,CACX,2EAA2E,EAC3E,mHAAmH,EACnH,KAAK,CAAC,SAAS,CAChB,YAEDD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EA,cAAA,CAACE,aAAM,EAAA,EAAA,YAAA,EAAY,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAEC,YAAI,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAAA,CAClH,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-dw-view-cell.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLAttributes } from 'react';
+export declare const CalendarDwViewCell: (props: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+//# sourceMappingURL=calendar-dw-view-cell.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-dw-view-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-dw-view-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-cell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,CAAC,cAAc,CAAC,gCAevE,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-dw-view-cell.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { Plus } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const CalendarDwViewCell = (props) => {
+    return (jsx("div", { ...props, className: cx('group relative flex h-12 flex-col bg-primary p-1.5 hover:bg-primary_hover', 'before:pointer-events-none before:absolute before:inset-0 before:border-r before:border-b before:border-secondary', props.className), children: jsx("div", { className: "absolute right-1.5 bottom-1.5 hidden group-hover:inline-flex", children: jsx(Button, { "aria-label": "Add event", size: "sm", iconLeading: Plus, color: "secondary", className: "size-7 text-fg-quaternary" }) }) }));
+};
+
+export { CalendarDwViewCell };
+//# sourceMappingURL=calendar-dw-view-cell.js.map

package/dist/components/organisms/Calendar/components/calendar-dw-view-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-dw-view-cell.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-cell.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOO,MAAM,kBAAkB,GAAG,CAAC,KAAqC,KAAI;IAC1E,QACEA,gBACM,KAAK,EACT,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,mHAAmH,EACnH,KAAK,CAAC,SAAS,CAChB,YAEDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EA,GAAA,CAAC,MAAM,EAAA,EAAA,YAAA,EAAY,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAAA,CAClH,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var calendarMonthViewEvent = require('./calendar-month-view-event.cjs');
+
+const CalendarDwViewEvent = ({ label, supportingText, withDot, color = 'gray' }) => {
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex h-full w-full flex-1 cursor-pointer flex-col gap-0.5 rounded-md px-2 py-1.5 ring-1 ring-inset', calendarMonthViewEvent.eventViewColors[color].root), children: [jsxRuntime.jsxs("div", { className: "flex w-full justify-between gap-0.5", children: [jsxRuntime.jsx("span", { className: cx.cx('flex-1 truncate text-xs font-semibold', calendarMonthViewEvent.eventViewColors[color].label), children: label }), withDot && (jsxRuntime.jsx("div", { className: "inline-flex size-2 items-center justify-center", children: jsxRuntime.jsx("span", { className: cx.cx('size-1.5 rounded-full', calendarMonthViewEvent.eventViewColors[color].dot) }) }))] }), supportingText && jsxRuntime.jsx("time", { className: cx.cx('text-xs', calendarMonthViewEvent.eventViewColors[color].time), children: supportingText })] }));
+};
+
+exports.CalendarDwViewEvent = CalendarDwViewEvent;
+//# sourceMappingURL=calendar-dw-view-event.cjs.map

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-dw-view-event.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","eventViewColors","_jsx"],"mappings":";;;;;;AAYO,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,EAA4B,KAAI;AAClH,IAAA,QACEA,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,oGAAoG,EACpGC,sCAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAC5B,EAAA,QAAA,EAAA,CAEDF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDG,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,KAAE,CAAC,uCAAuC,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,GAAQ,EACzG,OAAO,KACNC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,KAAE,CAAC,uBAAuB,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,CAAS,EAAA,CAC7E,CACP,CAAA,EAAA,CACG,EACL,cAAc,IAAIC,yBAAM,SAAS,EAAEF,KAAE,CAAC,SAAS,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,cAAc,EAAA,CAAQ,CAAA,EAAA,CACnG;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.d.ts

@@ -0,0 +1,10 @@
+import { type EventViewColor } from './calendar-month-view-event';
+interface CalendarDwViewEventProps {
+    label: string;
+    supportingText?: string;
+    withDot?: boolean;
+    color?: EventViewColor;
+}
+export declare const CalendarDwViewEvent: ({ label, supportingText, withDot, color }: CalendarDwViewEventProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-dw-view-event.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-dw-view-event.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAmB,MAAM,6BAA6B,CAAC;AAEnF,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,2CAAoD,wBAAwB,gCAmB/G,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { eventViewColors } from './calendar-month-view-event.js';
+
+const CalendarDwViewEvent = ({ label, supportingText, withDot, color = 'gray' }) => {
+    return (jsxs("div", { className: cx('flex h-full w-full flex-1 cursor-pointer flex-col gap-0.5 rounded-md px-2 py-1.5 ring-1 ring-inset', eventViewColors[color].root), children: [jsxs("div", { className: "flex w-full justify-between gap-0.5", children: [jsx("span", { className: cx('flex-1 truncate text-xs font-semibold', eventViewColors[color].label), children: label }), withDot && (jsx("div", { className: "inline-flex size-2 items-center justify-center", children: jsx("span", { className: cx('size-1.5 rounded-full', eventViewColors[color].dot) }) }))] }), supportingText && jsx("time", { className: cx('text-xs', eventViewColors[color].time), children: supportingText })] }));
+};
+
+export { CalendarDwViewEvent };
+//# sourceMappingURL=calendar-dw-view-event.js.map

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-dw-view-event.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,EAA4B,KAAI;AAClH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAC5B,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,GAAQ,EACzG,OAAO,KACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,CAAS,EAAA,CAC7E,CACP,CAAA,EAAA,CACG,EACL,cAAc,IAAIA,cAAM,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,cAAc,EAAA,CAAQ,CAAA,EAAA,CACnG;AAEV;;;;"}