@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

package/dist/components/forms/rich-text-editor/index.d.ts

@@ -0,0 +1,23 @@
+export { default as RichTextEditor } from './RichTextEditor.tsx';
+export { default as RichTextEditorField } from './RichTextEditorField.tsx';
+export { RICH_TEXT_EDITOR_STYLES } from './styles/RichTextEditor.css.ts';
+export { RICH_TEXT_COLOR_PALETTES } from './constants';
+export { RICH_TEXT_EDITOR_LABEL_STYLES } from './components/rich-text-editor-label';
+export type { RichTextEditorProps } from './types/RichTextEditor.props.ts';
+export type { RichTextEditorLabels } from './types/RichTextEditorLabels.types.ts';
+export type { RichTextEditorFieldProps } from './types/RichTextEditorField.props.ts';
+export type { RichTextEditorCompound } from './types/RichTextEditorCompound.ts';
+export type { RichTextEditorLabelProps } from './components/rich-text-editor-label';
+export type { EditorFieldProps } from './components/editor-field';
+export type { RichTextEditorHelperTextProps } from './components/helper-text';
+export type { ReadOnlyFieldProps } from './components/read-only-field';
+export type { ToolbarProps } from './components/toolbar';
+export type { ToolbarGroupProps } from './components/toolbar-group';
+export type { TextAppearanceGroupCompound } from './components/text-appearance-group';
+export type { TextSizeMenuProps } from './components/text-appearance-group';
+export type { BlockFormatGroupProps } from './components/block-format-group';
+export type { ListsGroupProps } from './components/lists-group';
+export type { AlignmentGroupProps } from './components/alignment-group';
+export type { ImageGroupProps } from './components/image-group';
+export type { SetLinkProps, UnsetLinkProps, } from './components/link-group';
+export type { RichTextContainerNode, RichTextImageNode, RichTextHardBreakNode, RichTextHorizontalRuleNode, RichTextMark, RichTextNode, RichTextTextNode, RichTextValue, } from './types/RichTextEditor.types.ts';

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit19.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                    */var e={root:"_11275xk0",editor:"_11275xk1"};exports.RICH_TEXT_EDITOR_STYLES=e;
+//# sourceMappingURL=RichTextEditor.css.cjs.map

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.cjs.map

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

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.d.ts

@@ -0,0 +1,4 @@
+export declare const RICH_TEXT_EDITOR_STYLES: {
+    root: string;
+    editor: string;
+};

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.js

@@ -0,0 +1,7 @@
+import '../../../../ui-kit19.css';import '../../../../ui-kit.css';/* empty css                                            */
+/* empty css                                  */
+var t = { root: "_11275xk0", editor: "_11275xk1" };
+export {
+  t as RICH_TEXT_EDITOR_STYLES
+};
+//# sourceMappingURL=RichTextEditor.css.js.map

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.js.map

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

package/dist/components/forms/rich-text-editor/types/RichTextEditor.props.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { RichTextValue } from './RichTextEditor.types.ts';
+import { RichTextEditorLabels } from './RichTextEditorLabels.types.ts';
+import type * as React from 'react';
+type RichTextEditorBaseProps = {
+    /** Controlled, versioned document value. */
+    value?: RichTextValue;
+    /** Initial document value when the editor is uncontrolled. */
+    defaultValue?: RichTextValue;
+    /** Called whenever the document changes in either controlled mode. */
+    onValueChange?: (value: RichTextValue) => void;
+    /** Uploads an image selected from the toolbar and resolves to its public URL. */
+    onImageUpload?: (file: File) => Promise<string>;
+    /** Visible field label. Required unless an accessible ARIA name is supplied. */
+    label?: string;
+    /** Help text rendered below the editor. Hidden when error is provided. */
+    helperText?: string;
+    /** Error message rendered below the editor. */
+    error?: string;
+    /** Placeholder shown when the document is empty. */
+    placeholder?: string;
+    /** Prevents editing and toolbar interaction. */
+    disabled?: boolean;
+    /** Makes the document non-editable while preserving its visual appearance. */
+    readOnly?: boolean;
+    /** Marks the editable document as required for form semantics. */
+    required?: boolean;
+    /** Form field name used to submit the JSON document value. */
+    name?: string;
+    /** CSS width of the outer wrapper. Defaults to 100%. */
+    width?: React.CSSProperties['width'];
+    className?: string;
+    /**
+     * Localizable accessible labels for every toolbar control and user-facing
+     * prompt string. Provide only the keys you want to override; English
+     * defaults are used for every omitted key.
+     */
+    labels?: Partial<RichTextEditorLabels>;
+    /**
+     * Compound slots (`RichTextEditor.Label`, `RichTextEditor.Toolbar`, `RichTextEditor.EditorField`, ...).
+     */
+    children: ReactNode;
+};
+export type RichTextEditorProps = RichTextEditorBaseProps & ({
+    label: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+} | {
+    label?: never;
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    label?: never;
+    'aria-label'?: string;
+    'aria-labelledby': string;
+});
+export {};

package/dist/components/forms/rich-text-editor/types/RichTextEditor.types.d.ts

@@ -0,0 +1,54 @@
+import { RICH_TEXT_FONT_SIZES } from '../constants';
+export type RichTextFontSize = keyof typeof RICH_TEXT_FONT_SIZES;
+export type RichTextMark = {
+    type: 'bold' | 'italic' | 'underline' | 'strike' | 'code';
+} | {
+    type: 'textStyle';
+    attrs: {
+        color?: string | null;
+        fontSize?: string | null;
+    };
+} | {
+    type: 'link';
+    attrs: {
+        href: string;
+        target?: string | null;
+        rel?: string | null;
+    };
+};
+export type RichTextTextNode = {
+    type: 'text';
+    text: string;
+    marks?: RichTextMark[];
+};
+export type RichTextContainerNode = {
+    type: 'paragraph' | 'heading' | 'bulletList' | 'orderedList' | 'listItem' | 'blockquote' | 'codeBlock';
+    content?: RichTextNode[];
+    attrs?: {
+        level?: 1 | 2 | 3;
+        textAlign?: 'left' | 'center' | 'right' | 'justify' | null;
+        start?: number;
+        language?: string | null;
+    };
+};
+export type RichTextImageNode = {
+    type: 'image';
+    attrs: {
+        src: string;
+        alt?: string | null;
+        title?: string | null;
+        width?: string | null;
+    };
+};
+export type RichTextHorizontalRuleNode = {
+    type: 'horizontalRule';
+};
+export type RichTextHardBreakNode = {
+    type: 'hardBreak';
+};
+export type RichTextNode = RichTextTextNode | RichTextContainerNode | RichTextImageNode | RichTextHorizontalRuleNode | RichTextHardBreakNode;
+/** Versioned JSON document emitted by RichTextEditor. */
+export type RichTextValue = {
+    type: 'doc';
+    content?: RichTextNode[];
+};

package/dist/components/forms/rich-text-editor/types/RichTextEditorCompound.d.ts

@@ -0,0 +1,44 @@
+import { NamedExoticComponent } from 'react';
+import { AlignmentGroup } from '../components/alignment-group';
+import { BlockFormatGroup } from '../components/block-format-group';
+import { EditorField } from '../components/editor-field';
+import { HistoryGroup, Redo, Undo } from '../components/history-group';
+import { ImageGroup } from '../components/image-group';
+import { HelperText } from '../components/helper-text';
+import { LinkGroup, SetLink, UnsetLink } from '../components/link-group';
+import { ListsGroup } from '../components/lists-group';
+import { default as RichTextEditorLabel } from '../components/rich-text-editor-label/RichTextEditorLabel.tsx';
+import { TextAppearanceGroupCompound } from '../components/text-appearance-group';
+import { Bold, Italic, Strike, TextStyleGroup, Underline } from '../components/text-style-group';
+import { Toolbar } from '../components/toolbar';
+import { ToolbarGroups } from '../components/toolbar-groups';
+import { ToolbarGroup } from '../components/toolbar-group';
+import { ToolbarSeparator } from '../components/toolbar-separator';
+import { ReadOnlyField } from '../components/read-only-field';
+import { RichTextEditorProps } from './RichTextEditor.props.ts';
+export type RichTextEditorCompound = NamedExoticComponent<RichTextEditorProps> & {
+    Label: typeof RichTextEditorLabel;
+    EditorField: typeof EditorField;
+    ReadOnlyField: typeof ReadOnlyField;
+    HelperText: typeof HelperText;
+    Toolbar: typeof Toolbar;
+    ToolbarGroups: typeof ToolbarGroups;
+    ToolbarGroup: typeof ToolbarGroup;
+    ToolbarSeparator: typeof ToolbarSeparator;
+    HistoryGroup: typeof HistoryGroup;
+    Undo: typeof Undo;
+    Redo: typeof Redo;
+    TextStyleGroup: typeof TextStyleGroup;
+    Bold: typeof Bold;
+    Italic: typeof Italic;
+    Underline: typeof Underline;
+    Strike: typeof Strike;
+    TextAppearanceGroup: TextAppearanceGroupCompound;
+    LinkGroup: typeof LinkGroup;
+    SetLink: typeof SetLink;
+    UnsetLink: typeof UnsetLink;
+    BlockFormatGroup: typeof BlockFormatGroup;
+    ListsGroup: typeof ListsGroup;
+    AlignmentGroup: typeof AlignmentGroup;
+    ImageGroup: typeof ImageGroup;
+};

package/dist/components/forms/rich-text-editor/types/RichTextEditorField.props.d.ts

@@ -0,0 +1,6 @@
+import { RichTextEditorProps } from './RichTextEditor.props.ts';
+/** Omit that distributes over a union type, preserving each member's discriminated shape. */
+type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
+/** RichTextEditorField renders the same non-compound layout as RichTextEditor without the compound `children` slot. */
+export type RichTextEditorFieldProps = DistributiveOmit<RichTextEditorProps, 'children'>;
+export {};

package/dist/components/forms/rich-text-editor/types/RichTextEditorLabels.types.d.ts

@@ -0,0 +1,121 @@
+/**
+ * All user-facing strings surfaced by the RichTextEditor and its compound
+ * slots. Pass a partial object to `RichTextEditor` `labels` to override only
+ * the strings you need; English values are used for every key you omit.
+ */
+export type RichTextEditorLabels = {
+    /** Default `aria-label` for the toolbar when no `aria-label` prop is provided. */
+    toolbar: string;
+    /** `aria-label` for the combined font-size and block-format group. */
+    fontSizeAndBlockFormatGroup: string;
+    /** `aria-label` for the combined alignment and lists group. */
+    alignmentAndListsGroup: string;
+    /** `aria-label` for the combined links and images group. */
+    linksAndImagesGroup: string;
+    /** `aria-label` for the history group. */
+    historyGroup: string;
+    /** `aria-label` for the Undo button. */
+    undo: string;
+    /** `aria-label` for the Redo button. */
+    redo: string;
+    /** `aria-label` for the text style group. */
+    textStyleGroup: string;
+    /** `aria-label` for the Bold toggle. */
+    bold: string;
+    /** `aria-label` for the Italic toggle. */
+    italic: string;
+    /** `aria-label` for the Underline toggle. */
+    underline: string;
+    /** `aria-label` for the Strikethrough toggle. */
+    strikethrough: string;
+    /** `aria-label` for the text appearance group. */
+    textAppearanceGroup: string;
+    /** `aria-label` for the text size trigger button. */
+    textSizeTrigger: string;
+    /** `aria-label` for the text size dropdown content. */
+    textSizeOptions: string;
+    /** `aria-label` for the text color trigger button. */
+    textColorTrigger: string;
+    /** `aria-label` for the text color popover content. */
+    textColorPalette: string;
+    /** `aria-label` for a color palette group. Receives the palette name. */
+    textColorGroup: (paletteName: string) => string;
+    /** `aria-label` for a color swatch button. Receives the palette name and 0-based color index. */
+    textColorSwatch: (paletteName: string, colorIndex: number) => string;
+    /** `aria-label` for the link group. */
+    linkGroup: string;
+    /** `aria-label` for the Add / edit link button. */
+    addOrEditLink: string;
+    /** `aria-label` for the link actions dropdown trigger. */
+    linkGroupTrigger: string;
+    /** `aria-label` for the link actions dropdown content. */
+    linkOptions: string;
+    /** `window.prompt` message asking for a link URL. */
+    linkUrlPrompt: string;
+    /** `aria-label` for the Remove link button. */
+    removeLink: string;
+    /** `aria-label` for the image group. */
+    imageGroup: string;
+    /** `aria-label` for the image actions dropdown trigger button (menu presentation). */
+    imageGroupTrigger: string;
+    /** `aria-label` for the image options dropdown content. */
+    imageOptions: string;
+    /** Shared `aria-label` and menu item label for Insert image URL. */
+    insertImageUrl: string;
+    /** `window.prompt` message asking for an image URL. */
+    imageUrlPrompt: string;
+    /** Shared `aria-label` and menu item label for Upload image. */
+    uploadImage: string;
+    /** Shared `aria-label` and menu item label for Edit image details. */
+    editImageDetails: string;
+    /** `window.prompt` message asking for image alternative text. */
+    imageAltPrompt: string;
+    /** `window.prompt` message asking for image width. */
+    imageWidthPrompt: string;
+    /** Shared `aria-label` and menu item label for Remove image. */
+    removeImage: string;
+    /** `aria-label` for the block format group. */
+    blockFormatGroup: string;
+    /** `aria-label` for the block format dropdown trigger button. */
+    blockFormatTrigger: string;
+    /** `aria-label` for the block format dropdown content. */
+    blockFormatOptions: string;
+    /** Shared `aria-label` and menu item label for Paragraph. */
+    paragraph: string;
+    /** Shared `aria-label` and menu item label for Heading 1. */
+    heading1: string;
+    /** Shared `aria-label` and menu item label for Heading 2. */
+    heading2: string;
+    /** Shared `aria-label` and menu item label for Heading 3. */
+    heading3: string;
+    /** Shared `aria-label` and menu item label for Block quote. */
+    blockQuote: string;
+    /** Shared `aria-label` and menu item label for Code block. */
+    codeBlock: string;
+    /** Shared `aria-label` and menu item label for Insert horizontal rule. */
+    insertHorizontalRule: string;
+    /** `aria-label` for the lists group. */
+    listsGroup: string;
+    /** `aria-label` for the lists dropdown trigger button. */
+    listsTrigger: string;
+    /** `aria-label` for the list options dropdown content. */
+    listOptions: string;
+    /** Shared `aria-label` and menu item label for Bulleted list. */
+    bulletedList: string;
+    /** Shared `aria-label` and menu item label for Numbered list. */
+    numberedList: string;
+    /** `aria-label` for the alignment group. */
+    alignmentGroup: string;
+    /** `aria-label` for the alignment dropdown trigger button. */
+    alignmentTrigger: string;
+    /** `aria-label` for the alignment options dropdown content. */
+    alignmentOptions: string;
+    /** Shared `aria-label` and menu item label for Align left. */
+    alignLeft: string;
+    /** Shared `aria-label` and menu item label for Align center. */
+    alignCenter: string;
+    /** Shared `aria-label` and menu item label for Align right. */
+    alignRight: string;
+    /** Shared `aria-label` and menu item label for Justify. */
+    justify: string;
+};

package/dist/components/forms/rich-text-editor/types/RichTextEditorToolbarPresentation.types.d.ts

@@ -0,0 +1 @@
+export type RichTextEditorToolbarPresentation = 'menu' | 'inline';

package/dist/components/forms/rich-text-editor/types/index.d.ts

@@ -0,0 +1,6 @@
+export type { RichTextEditorProps } from './RichTextEditor.props.ts';
+export type { RichTextEditorFieldProps } from './RichTextEditorField.props.ts';
+export type { RichTextEditorToolbarPresentation } from './RichTextEditorToolbarPresentation.types.ts';
+export type { RichTextEditorCompound } from './RichTextEditorCompound.ts';
+export type { RichTextEditorLabels } from './RichTextEditorLabels.types.ts';
+export type { RichTextContainerNode, RichTextFontSize, RichTextHardBreakNode, RichTextHorizontalRuleNode, RichTextMark, RichTextNode, RichTextTextNode, RichTextValue, } from './RichTextEditor.types.ts';

package/dist/components/forms/rich-text-editor/utils/richText.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../constants/richTextColorPalettes.const.cjs"),o=require("../constants/richTextFontSizes.const.cjs"),s=/^(https?:|mailto:|tel:)/i,n=e=>{if(typeof e!="string")return;if(i.RICH_TEXT_COLOR_PALETTES.flatMap(r=>r.colors).some(r=>r===e))return e},l=e=>typeof e=="string"&&Object.values(o.RICH_TEXT_FONT_SIZES).some(t=>t===e)?e:void 0,a=e=>{const t=e.trim();if(!(!t||t.startsWith("//")))return t.startsWith("#")||t.startsWith("./")||t.startsWith("../")||t.startsWith("/")||s.test(t)?t:void 0};exports.normalizeRichTextColorValue=n;exports.normalizeRichTextFontSizeValue=l;exports.normalizeRichTextUrl=a;
+//# sourceMappingURL=richText.utils.cjs.map

package/dist/components/forms/rich-text-editor/utils/richText.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"richText.utils.cjs","sources":["../../../../../src/components/forms/rich-text-editor/utils/richText.utils.ts"],"sourcesContent":["import { RICH_TEXT_FONT_SIZES } from '@components/forms/rich-text-editor/constants'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\n\r\nconst SAFE_PROTOCOL = /^(https?:|mailto:|tel:)/i\r\n\r\nexport const normalizeRichTextColorValue = (value: unknown): string | undefined => {\r\n    if (typeof value !== 'string') {\r\n        return undefined\r\n    }\r\n\r\n    const paletteValues = RICH_TEXT_COLOR_PALETTES.flatMap((palette) => palette.colors)\r\n\r\n    if (paletteValues.some((paletteValue) => paletteValue === value)) {\r\n        return value\r\n    }\r\n\r\n    return undefined\r\n}\r\n\r\nexport const normalizeRichTextFontSizeValue = (value: unknown): string | undefined =>\r\n    typeof value === 'string' && Object.values(RICH_TEXT_FONT_SIZES).some((fontSize) => fontSize === value)\r\n        ? value\r\n        : undefined\r\n\r\nexport const normalizeRichTextUrl = (url: string): string | undefined => {\r\n    const value = url.trim()\r\n\r\n    if (!value || value.startsWith('//')) {\r\n        return undefined\r\n    }\r\n\r\n    if (value.startsWith('#') || value.startsWith('./') || value.startsWith('../')) {\r\n        return value\r\n    }\r\n\r\n    if (value.startsWith('/')) {\r\n        return value\r\n    }\r\n\r\n    return SAFE_PROTOCOL.test(value) ? value : undefined\r\n}\r\n"],"names":["SAFE_PROTOCOL","normalizeRichTextColorValue","value","RICH_TEXT_COLOR_PALETTES","palette","paletteValue","normalizeRichTextFontSizeValue","RICH_TEXT_FONT_SIZES","fontSize","normalizeRichTextUrl","url"],"mappings":"sMAGMA,EAAgB,2BAETC,EAA+BC,GAAuC,CAC/E,GAAI,OAAOA,GAAU,SACjB,OAKJ,GAFsBC,EAAAA,yBAAyB,QAASC,GAAYA,EAAQ,MAAM,EAEhE,KAAMC,GAAiBA,IAAiBH,CAAK,EAC3D,OAAOA,CAIf,EAEaI,EAAkCJ,GAC3C,OAAOA,GAAU,UAAY,OAAO,OAAOK,EAAAA,oBAAoB,EAAE,KAAMC,GAAaA,IAAaN,CAAK,EAChGA,EACA,OAEGO,EAAwBC,GAAoC,CACrE,MAAMR,EAAQQ,EAAI,KAAA,EAElB,GAAI,GAACR,GAASA,EAAM,WAAW,IAAI,GAQnC,OAJIA,EAAM,WAAW,GAAG,GAAKA,EAAM,WAAW,IAAI,GAAKA,EAAM,WAAW,KAAK,GAIzEA,EAAM,WAAW,GAAG,GAIjBF,EAAc,KAAKE,CAAK,EAHpBA,EAGgC,MAC/C"}

package/dist/components/forms/rich-text-editor/utils/richText.utils.d.ts

@@ -0,0 +1,3 @@
+export declare const normalizeRichTextColorValue: (value: unknown) => string | undefined;
+export declare const normalizeRichTextFontSizeValue: (value: unknown) => string | undefined;
+export declare const normalizeRichTextUrl: (url: string) => string | undefined;

package/dist/components/forms/rich-text-editor/utils/richText.utils.js

@@ -0,0 +1,18 @@
+import { RICH_TEXT_COLOR_PALETTES as o } from "../constants/richTextColorPalettes.const.js";
+import { RICH_TEXT_FONT_SIZES as e } from "../constants/richTextFontSizes.const.js";
+const s = /^(https?:|mailto:|tel:)/i, l = (r) => {
+  if (typeof r != "string")
+    return;
+  if (o.flatMap((i) => i.colors).some((i) => i === r))
+    return r;
+}, c = (r) => typeof r == "string" && Object.values(e).some((t) => t === r) ? r : void 0, m = (r) => {
+  const t = r.trim();
+  if (!(!t || t.startsWith("//")))
+    return t.startsWith("#") || t.startsWith("./") || t.startsWith("../") || t.startsWith("/") || s.test(t) ? t : void 0;
+};
+export {
+  l as normalizeRichTextColorValue,
+  c as normalizeRichTextFontSizeValue,
+  m as normalizeRichTextUrl
+};
+//# sourceMappingURL=richText.utils.js.map

package/dist/components/forms/rich-text-editor/utils/richText.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"richText.utils.js","sources":["../../../../../src/components/forms/rich-text-editor/utils/richText.utils.ts"],"sourcesContent":["import { RICH_TEXT_FONT_SIZES } from '@components/forms/rich-text-editor/constants'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\n\r\nconst SAFE_PROTOCOL = /^(https?:|mailto:|tel:)/i\r\n\r\nexport const normalizeRichTextColorValue = (value: unknown): string | undefined => {\r\n    if (typeof value !== 'string') {\r\n        return undefined\r\n    }\r\n\r\n    const paletteValues = RICH_TEXT_COLOR_PALETTES.flatMap((palette) => palette.colors)\r\n\r\n    if (paletteValues.some((paletteValue) => paletteValue === value)) {\r\n        return value\r\n    }\r\n\r\n    return undefined\r\n}\r\n\r\nexport const normalizeRichTextFontSizeValue = (value: unknown): string | undefined =>\r\n    typeof value === 'string' && Object.values(RICH_TEXT_FONT_SIZES).some((fontSize) => fontSize === value)\r\n        ? value\r\n        : undefined\r\n\r\nexport const normalizeRichTextUrl = (url: string): string | undefined => {\r\n    const value = url.trim()\r\n\r\n    if (!value || value.startsWith('//')) {\r\n        return undefined\r\n    }\r\n\r\n    if (value.startsWith('#') || value.startsWith('./') || value.startsWith('../')) {\r\n        return value\r\n    }\r\n\r\n    if (value.startsWith('/')) {\r\n        return value\r\n    }\r\n\r\n    return SAFE_PROTOCOL.test(value) ? value : undefined\r\n}\r\n"],"names":["SAFE_PROTOCOL","normalizeRichTextColorValue","value","RICH_TEXT_COLOR_PALETTES","palette","paletteValue","normalizeRichTextFontSizeValue","RICH_TEXT_FONT_SIZES","fontSize","normalizeRichTextUrl","url"],"mappings":";;AAGA,MAAMA,IAAgB,4BAETC,IAA8B,CAACC,MAAuC;AAC/E,MAAI,OAAOA,KAAU;AACjB;AAKJ,MAFsBC,EAAyB,QAAQ,CAACC,MAAYA,EAAQ,MAAM,EAEhE,KAAK,CAACC,MAAiBA,MAAiBH,CAAK;AAC3D,WAAOA;AAIf,GAEaI,IAAiC,CAACJ,MAC3C,OAAOA,KAAU,YAAY,OAAO,OAAOK,CAAoB,EAAE,KAAK,CAACC,MAAaA,MAAaN,CAAK,IAChGA,IACA,QAEGO,IAAuB,CAACC,MAAoC;AACrE,QAAMR,IAAQQ,EAAI,KAAA;AAElB,MAAI,GAACR,KAASA,EAAM,WAAW,IAAI;AAQnC,WAJIA,EAAM,WAAW,GAAG,KAAKA,EAAM,WAAW,IAAI,KAAKA,EAAM,WAAW,KAAK,KAIzEA,EAAM,WAAW,GAAG,KAIjBF,EAAc,KAAKE,CAAK,IAHpBA,IAGgC;AAC/C;"}

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./richText.utils.cjs"),u=/^https?:\/\/[^\s]+?\.(?:avif|gif|jpe?g|png|svg|webp)(?:[?#][^\s]*)?$/i,g=e=>{const r=e.trim();if(r.startsWith("data:image/"))return r;const t=d.normalizeRichTextUrl(r);return t&&/^https?:\/\//i.test(t)?t:void 0},n=(e,r,t)=>{const s=e.state.schema.nodes.image.create({src:r,...t?{alt:t}:{}});e.dispatch(e.state.tr.replaceSelectionWith(s).scrollIntoView())},h=(e,r)=>{const t=r.clipboardData;if(!t)return!1;const s=Array.from(t.items).find(a=>a.kind==="file"&&a.type.startsWith("image/"))?.getAsFile();if(s){const a=new FileReader;return a.onload=()=>{typeof a.result=="string"&&n(e,a.result)},a.readAsDataURL(s),!0}const l=t.getData("text/html"),i=l?new DOMParser().parseFromString(l,"text/html").querySelector("img"):null,o=i?g(i.src):void 0;if(o)return n(e,o,i?.alt),!0;const c=t.getData("text/plain").trim(),m=u.test(c)?g(c):void 0;return m?(n(e,m),!0):!1};exports.handleRichTextImagePaste=h;
+//# sourceMappingURL=richTextImagePaste.utils.cjs.map

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"richTextImagePaste.utils.cjs","sources":["../../../../../src/components/forms/rich-text-editor/utils/richTextImagePaste.utils.ts"],"sourcesContent":["import type { EditorView } from '@tiptap/pm/view'\r\n\r\nimport { normalizeRichTextUrl } from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\nconst IMAGE_URL_PATTERN = /^https?:\\/\\/[^\\s]+?\\.(?:avif|gif|jpe?g|png|svg|webp)(?:[?#][^\\s]*)?$/i\r\n\r\nconst getSafeImageUrl = (value: string): string | undefined => {\r\n    const url = value.trim()\r\n\r\n    if (url.startsWith('data:image/')) {\r\n        return url\r\n    }\r\n\r\n    const normalizedUrl = normalizeRichTextUrl(url)\r\n\r\n    return normalizedUrl && /^https?:\\/\\//i.test(normalizedUrl)\r\n        ? normalizedUrl\r\n        : undefined\r\n}\r\n\r\nconst insertImage = (view: EditorView, src: string, alt?: string) => {\r\n    const imageNode = view.state.schema.nodes.image.create({\r\n        src,\r\n        ...(alt ? { alt } : {}),\r\n    })\r\n\r\n    view.dispatch(view.state.tr.replaceSelectionWith(imageNode).scrollIntoView())\r\n}\r\n\r\nexport const handleRichTextImagePaste = (view: EditorView, event: ClipboardEvent): boolean => {\r\n    const clipboardData = event.clipboardData\r\n\r\n    if (!clipboardData) {\r\n        return false\r\n    }\r\n\r\n    const imageFile = Array.from(clipboardData.items)\r\n        .find((item) => item.kind === 'file' && item.type.startsWith('image/'))\r\n        ?.getAsFile()\r\n\r\n    if (imageFile) {\r\n        const reader = new FileReader()\r\n        reader.onload = () => {\r\n            if (typeof reader.result === 'string') {\r\n                insertImage(view, reader.result)\r\n            }\r\n        }\r\n        reader.readAsDataURL(imageFile)\r\n        return true\r\n    }\r\n\r\n    const html = clipboardData.getData('text/html')\r\n    const imageElement = html\r\n        ? new DOMParser().parseFromString(html, 'text/html').querySelector('img')\r\n        : null\r\n    const htmlImageUrl = imageElement ? getSafeImageUrl(imageElement.src) : undefined\r\n\r\n    if (htmlImageUrl) {\r\n        insertImage(view, htmlImageUrl, imageElement?.alt)\r\n        return true\r\n    }\r\n\r\n    const text = clipboardData.getData('text/plain').trim()\r\n    const imageUrl = IMAGE_URL_PATTERN.test(text) ? getSafeImageUrl(text) : undefined\r\n\r\n    if (imageUrl) {\r\n        insertImage(view, imageUrl)\r\n        return true\r\n    }\r\n\r\n    return false\r\n}\r\n"],"names":["IMAGE_URL_PATTERN","getSafeImageUrl","value","url","normalizedUrl","normalizeRichTextUrl","insertImage","view","src","alt","imageNode","handleRichTextImagePaste","event","clipboardData","imageFile","item","reader","html","imageElement","htmlImageUrl","text","imageUrl"],"mappings":"wHAIMA,EAAoB,wEAEpBC,EAAmBC,GAAsC,CAC3D,MAAMC,EAAMD,EAAM,KAAA,EAElB,GAAIC,EAAI,WAAW,aAAa,EAC5B,OAAOA,EAGX,MAAMC,EAAgBC,EAAAA,qBAAqBF,CAAG,EAE9C,OAAOC,GAAiB,gBAAgB,KAAKA,CAAa,EACpDA,EACA,MACV,EAEME,EAAc,CAACC,EAAkBC,EAAaC,IAAiB,CACjE,MAAMC,EAAYH,EAAK,MAAM,OAAO,MAAM,MAAM,OAAO,CACnD,IAAAC,EACA,GAAIC,EAAM,CAAE,IAAAA,GAAQ,CAAA,CAAC,CACxB,EAEDF,EAAK,SAASA,EAAK,MAAM,GAAG,qBAAqBG,CAAS,EAAE,gBAAgB,CAChF,EAEaC,EAA2B,CAACJ,EAAkBK,IAAmC,CAC1F,MAAMC,EAAgBD,EAAM,cAE5B,GAAI,CAACC,EACD,MAAO,GAGX,MAAMC,EAAY,MAAM,KAAKD,EAAc,KAAK,EAC3C,KAAME,GAASA,EAAK,OAAS,QAAUA,EAAK,KAAK,WAAW,QAAQ,CAAC,GACpE,UAAA,EAEN,GAAID,EAAW,CACX,MAAME,EAAS,IAAI,WACnB,OAAAA,EAAO,OAAS,IAAM,CACd,OAAOA,EAAO,QAAW,UACzBV,EAAYC,EAAMS,EAAO,MAAM,CAEvC,EACAA,EAAO,cAAcF,CAAS,EACvB,EACX,CAEA,MAAMG,EAAOJ,EAAc,QAAQ,WAAW,EACxCK,EAAeD,EACf,IAAI,YAAY,gBAAgBA,EAAM,WAAW,EAAE,cAAc,KAAK,EACtE,KACAE,EAAeD,EAAejB,EAAgBiB,EAAa,GAAG,EAAI,OAExE,GAAIC,EACA,OAAAb,EAAYC,EAAMY,EAAcD,GAAc,GAAG,EAC1C,GAGX,MAAME,EAAOP,EAAc,QAAQ,YAAY,EAAE,KAAA,EAC3CQ,EAAWrB,EAAkB,KAAKoB,CAAI,EAAInB,EAAgBmB,CAAI,EAAI,OAExE,OAAIC,GACAf,EAAYC,EAAMc,CAAQ,EACnB,IAGJ,EACX"}

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.d.ts

@@ -0,0 +1,2 @@
+import { EditorView } from '@tiptap/pm/view';
+export declare const handleRichTextImagePaste: (view: EditorView, event: ClipboardEvent) => boolean;

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.js

@@ -0,0 +1,34 @@
+import { normalizeRichTextUrl as d } from "./richText.utils.js";
+const f = /^https?:\/\/[^\s]+?\.(?:avif|gif|jpe?g|png|svg|webp)(?:[?#][^\s]*)?$/i, g = (e) => {
+  const r = e.trim();
+  if (r.startsWith("data:image/"))
+    return r;
+  const t = d(r);
+  return t && /^https?:\/\//i.test(t) ? t : void 0;
+}, n = (e, r, t) => {
+  const s = e.state.schema.nodes.image.create({
+    src: r,
+    ...t ? { alt: t } : {}
+  });
+  e.dispatch(e.state.tr.replaceSelectionWith(s).scrollIntoView());
+}, u = (e, r) => {
+  const t = r.clipboardData;
+  if (!t)
+    return !1;
+  const s = Array.from(t.items).find((a) => a.kind === "file" && a.type.startsWith("image/"))?.getAsFile();
+  if (s) {
+    const a = new FileReader();
+    return a.onload = () => {
+      typeof a.result == "string" && n(e, a.result);
+    }, a.readAsDataURL(s), !0;
+  }
+  const o = t.getData("text/html"), i = o ? new DOMParser().parseFromString(o, "text/html").querySelector("img") : null, l = i ? g(i.src) : void 0;
+  if (l)
+    return n(e, l, i?.alt), !0;
+  const c = t.getData("text/plain").trim(), m = f.test(c) ? g(c) : void 0;
+  return m ? (n(e, m), !0) : !1;
+};
+export {
+  u as handleRichTextImagePaste
+};
+//# sourceMappingURL=richTextImagePaste.utils.js.map

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"richTextImagePaste.utils.js","sources":["../../../../../src/components/forms/rich-text-editor/utils/richTextImagePaste.utils.ts"],"sourcesContent":["import type { EditorView } from '@tiptap/pm/view'\r\n\r\nimport { normalizeRichTextUrl } from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\nconst IMAGE_URL_PATTERN = /^https?:\\/\\/[^\\s]+?\\.(?:avif|gif|jpe?g|png|svg|webp)(?:[?#][^\\s]*)?$/i\r\n\r\nconst getSafeImageUrl = (value: string): string | undefined => {\r\n    const url = value.trim()\r\n\r\n    if (url.startsWith('data:image/')) {\r\n        return url\r\n    }\r\n\r\n    const normalizedUrl = normalizeRichTextUrl(url)\r\n\r\n    return normalizedUrl && /^https?:\\/\\//i.test(normalizedUrl)\r\n        ? normalizedUrl\r\n        : undefined\r\n}\r\n\r\nconst insertImage = (view: EditorView, src: string, alt?: string) => {\r\n    const imageNode = view.state.schema.nodes.image.create({\r\n        src,\r\n        ...(alt ? { alt } : {}),\r\n    })\r\n\r\n    view.dispatch(view.state.tr.replaceSelectionWith(imageNode).scrollIntoView())\r\n}\r\n\r\nexport const handleRichTextImagePaste = (view: EditorView, event: ClipboardEvent): boolean => {\r\n    const clipboardData = event.clipboardData\r\n\r\n    if (!clipboardData) {\r\n        return false\r\n    }\r\n\r\n    const imageFile = Array.from(clipboardData.items)\r\n        .find((item) => item.kind === 'file' && item.type.startsWith('image/'))\r\n        ?.getAsFile()\r\n\r\n    if (imageFile) {\r\n        const reader = new FileReader()\r\n        reader.onload = () => {\r\n            if (typeof reader.result === 'string') {\r\n                insertImage(view, reader.result)\r\n            }\r\n        }\r\n        reader.readAsDataURL(imageFile)\r\n        return true\r\n    }\r\n\r\n    const html = clipboardData.getData('text/html')\r\n    const imageElement = html\r\n        ? new DOMParser().parseFromString(html, 'text/html').querySelector('img')\r\n        : null\r\n    const htmlImageUrl = imageElement ? getSafeImageUrl(imageElement.src) : undefined\r\n\r\n    if (htmlImageUrl) {\r\n        insertImage(view, htmlImageUrl, imageElement?.alt)\r\n        return true\r\n    }\r\n\r\n    const text = clipboardData.getData('text/plain').trim()\r\n    const imageUrl = IMAGE_URL_PATTERN.test(text) ? getSafeImageUrl(text) : undefined\r\n\r\n    if (imageUrl) {\r\n        insertImage(view, imageUrl)\r\n        return true\r\n    }\r\n\r\n    return false\r\n}\r\n"],"names":["IMAGE_URL_PATTERN","getSafeImageUrl","value","url","normalizedUrl","normalizeRichTextUrl","insertImage","view","src","alt","imageNode","handleRichTextImagePaste","event","clipboardData","imageFile","item","reader","html","imageElement","htmlImageUrl","text","imageUrl"],"mappings":";AAIA,MAAMA,IAAoB,yEAEpBC,IAAkB,CAACC,MAAsC;AAC3D,QAAMC,IAAMD,EAAM,KAAA;AAElB,MAAIC,EAAI,WAAW,aAAa;AAC5B,WAAOA;AAGX,QAAMC,IAAgBC,EAAqBF,CAAG;AAE9C,SAAOC,KAAiB,gBAAgB,KAAKA,CAAa,IACpDA,IACA;AACV,GAEME,IAAc,CAACC,GAAkBC,GAAaC,MAAiB;AACjE,QAAMC,IAAYH,EAAK,MAAM,OAAO,MAAM,MAAM,OAAO;AAAA,IACnD,KAAAC;AAAA,IACA,GAAIC,IAAM,EAAE,KAAAA,MAAQ,CAAA;AAAA,EAAC,CACxB;AAED,EAAAF,EAAK,SAASA,EAAK,MAAM,GAAG,qBAAqBG,CAAS,EAAE,gBAAgB;AAChF,GAEaC,IAA2B,CAACJ,GAAkBK,MAAmC;AAC1F,QAAMC,IAAgBD,EAAM;AAE5B,MAAI,CAACC;AACD,WAAO;AAGX,QAAMC,IAAY,MAAM,KAAKD,EAAc,KAAK,EAC3C,KAAK,CAACE,MAASA,EAAK,SAAS,UAAUA,EAAK,KAAK,WAAW,QAAQ,CAAC,GACpE,UAAA;AAEN,MAAID,GAAW;AACX,UAAME,IAAS,IAAI,WAAA;AACnB,WAAAA,EAAO,SAAS,MAAM;AAClB,MAAI,OAAOA,EAAO,UAAW,YACzBV,EAAYC,GAAMS,EAAO,MAAM;AAAA,IAEvC,GACAA,EAAO,cAAcF,CAAS,GACvB;AAAA,EACX;AAEA,QAAMG,IAAOJ,EAAc,QAAQ,WAAW,GACxCK,IAAeD,IACf,IAAI,YAAY,gBAAgBA,GAAM,WAAW,EAAE,cAAc,KAAK,IACtE,MACAE,IAAeD,IAAejB,EAAgBiB,EAAa,GAAG,IAAI;AAExE,MAAIC;AACA,WAAAb,EAAYC,GAAMY,GAAcD,GAAc,GAAG,GAC1C;AAGX,QAAME,IAAOP,EAAc,QAAQ,YAAY,EAAE,KAAA,GAC3CQ,IAAWrB,EAAkB,KAAKoB,CAAI,IAAInB,EAAgBmB,CAAI,IAAI;AAExE,SAAIC,KACAf,EAAYC,GAAMc,CAAQ,GACnB,MAGJ;AACX;"}

package/dist/components/forms/select/Select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("@base-ui/react/select"),u=require("./components/select-trigger/SelectTrigger.cjs"),q=require("./components/select-trigger/styles/SelectTrigger.css.cjs"),c=require("./components/select-content/SelectContent.cjs");;/* empty css                                           */;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                    */const o=require("./components/select-list/SelectList.cjs"),s=require("./components/select-group/SelectGroup.cjs"),l=require("./components/select-label/SelectLabel.cjs");;/* empty css                                                                */const S=require("./components/select-item/SelectItem.cjs");;/* empty css                                                              */const n=require("./components/select-separator/SelectSeparator.cjs");;/* empty css                                                                        */require("./components/select-field/SelectField.cjs");const a=require("react"),e=a.memo(r=>t.jsx(i.Select.Root,{...r}));e.displayName="Select";e.Trigger=u;e.Content=c;e.List=o;e.Group=s;e.Label=l;e.Item=S;e.Separator=n;exports.SELECT_TRIGGER_STYLES=q.SELECT_TRIGGER_STYLES;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../../ui-kit103.css');require('../../../ui-kit105.css');require('../../../ui-kit107.css');require('../../../ui-kit113.css');require('../../../ui-kit4.css');require('../../../ui-kit6.css');require('../../../ui-kit3.css');require('../../../ui-kit8.css');require('../../../ui-kit13.css');require('../../../ui-kit14.css');require('../../../ui-kit12.css');require('../../../ui-kit10.css');require('../../../ui-kit5.css');require('../../../ui-kit7.css');require('../../../ui-kit11.css');require('../../../ui-kit9.css');require('../../../ui-kit.css');const t=require("react/jsx-runtime"),i=require("@base-ui/react/select"),u=require("./components/select-trigger/SelectTrigger.cjs"),q=require("./components/select-trigger/styles/SelectTrigger.css.cjs"),c=require("./components/select-content/SelectContent.cjs");;/* empty css                                           */;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                    */const o=require("./components/select-list/SelectList.cjs"),s=require("./components/select-group/SelectGroup.cjs"),l=require("./components/select-label/SelectLabel.cjs");;/* empty css                                                                */const S=require("./components/select-item/SelectItem.cjs");;/* empty css                                                              */const n=require("./components/select-separator/SelectSeparator.cjs");;/* empty css                                                                        */require("./components/select-field/SelectField.cjs");const a=require("react"),e=a.memo(r=>t.jsx(i.Select.Root,{...r}));e.displayName="Select";e.Trigger=u;e.Content=c;e.List=o;e.Group=s;e.Label=l;e.Item=S;e.Separator=n;exports.SELECT_TRIGGER_STYLES=q.SELECT_TRIGGER_STYLES;exports.default=e;
 //# sourceMappingURL=Select.cjs.map

package/dist/components/forms/select/Select.js

@@ -3,7 +3,7 @@ import { Select as m } from "@base-ui/react/select";
 import e from "./components/select-trigger/SelectTrigger.js";
 import { SELECT_TRIGGER_STYLES as H } from "./components/select-trigger/styles/SelectTrigger.css.js";
 import p from "./components/select-content/SelectContent.js";
-/* empty css                                         */
+import '../../../ui-kit103.css';import '../../../ui-kit105.css';import '../../../ui-kit107.css';import '../../../ui-kit113.css';import '../../../ui-kit4.css';import '../../../ui-kit6.css';import '../../../ui-kit3.css';import '../../../ui-kit8.css';import '../../../ui-kit13.css';import '../../../ui-kit14.css';import '../../../ui-kit12.css';import '../../../ui-kit10.css';import '../../../ui-kit5.css';import '../../../ui-kit7.css';import '../../../ui-kit11.css';import '../../../ui-kit9.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                    */

package/dist/components/forms/select/components/select-content/SelectContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.cjs","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":"4QAeMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,iBAAAC,EAAmB,UACnB,SAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAEpD,OACII,EAAAA,IAACC,EAAAA,OAAW,OAAX,CACG,SAAAD,EAAAA,IAACC,EAAAA,OAAW,WAAX,CACG,KAAAR,EACA,MAAAC,EACA,WAAAC,EAEA,qBAAsB,GAEtB,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGE,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,wBAAsB,KAAMb,CAAS,EACnD,aAAYC,EAEX,SAAAC,CAAA,CAAA,CACL,CAAA,EAER,CAER,CAAC,EAEDJ,EAAc,YAAc"}
+{"version":3,"file":"SelectContent.cjs","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":"4QAeMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,UAAAC,EACA,iBAAAC,EAAmB,UACnB,SAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBH,CAAgB,EAEpD,OACII,EAAAA,IAACC,EAAAA,OAAW,OAAX,CACG,SAAAD,EAAAA,IAACC,EAAAA,OAAW,WAAX,CACG,KAAAR,EACA,MAAAC,EACA,WAAAC,EAEA,qBAAsB,GAEtB,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGE,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,OAAW,MAAX,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,wBAAsB,KAAMb,CAAS,EACnD,aAAYC,EAEX,SAAAC,CAAA,CAAA,CACL,CAAA,EAER,CAER,CAAC,EAEDJ,EAAc,YAAc"}

package/dist/components/forms/select/components/select-content/SelectContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.js","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":";;;;;;AAeA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB;AAEpD,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,MAAAR;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,sBAAsB;AAAA,MAEtB,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGE;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAAsB,MAAMb,CAAS;AAAA,UACnD,cAAYC;AAAA,UAEX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA,GAER;AAER,CAAC;AAEDJ,EAAc,cAAc;"}
+{"version":3,"file":"SelectContent.js","sources":["../../../../../../src/components/forms/select/components/select-content/SelectContent.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { SELECT_CONTENT_STYLES } from '@components/forms/select/components/select-content/styles/SelectContent.css.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\nimport type { SelectContentProps } from '@components/forms/select/components/select-content/types/SelectContent.props.ts'\r\n\r\n/**\r\n * The listbox popup panel.\r\n *\r\n * Wraps Base UI's Portal → Positioner → Popup so consumers can use the same\r\n * simple API as before. Collision handling is delegated to `useViewportShift`\r\n * (Base UI's built-in flip/shift is disabled).\r\n */\r\nconst SelectContent: FC<SelectContentProps> = memo(({\r\n    className,\r\n    listboxAriaLabel = 'Options',\r\n    children,\r\n    side = 'bottom',\r\n    align = 'start',\r\n    sideOffset = 6,\r\n    collisionPadding = 8,\r\n    ...props\r\n}) => {\r\n    const contentRef = useViewportShift(collisionPadding)\r\n\r\n    return (\r\n        <BaseSelect.Portal>\r\n            <BaseSelect.Positioner\r\n                side={side}\r\n                align={align}\r\n                sideOffset={sideOffset}\r\n                // Use standard popper-style positioning (no \"align item with trigger\" overlap).\r\n                alignItemWithTrigger={false}\r\n                // Disable Base UI's flip/shift — our hook handles collision instead.\r\n                collisionAvoidance={{ side: 'none', align: 'none' }}\r\n                {...props}\r\n            >\r\n                <BaseSelect.Popup\r\n                    ref={contentRef}\r\n                    className={cn(SELECT_CONTENT_STYLES.root, className)}\r\n                    aria-label={listboxAriaLabel}\r\n                >\r\n                    {children}\r\n                </BaseSelect.Popup>\r\n            </BaseSelect.Positioner>\r\n        </BaseSelect.Portal>\r\n    )\r\n})\r\n\r\nSelectContent.displayName = 'Select.Content'\r\n\r\nexport default SelectContent\r\n"],"names":["SelectContent","memo","className","listboxAriaLabel","children","side","align","sideOffset","collisionPadding","props","contentRef","useViewportShift","jsx","BaseSelect","cn","SELECT_CONTENT_STYLES"],"mappings":";;;;;;AAeA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBH,CAAgB;AAEpD,SACI,gBAAAI,EAACC,EAAW,QAAX,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAW;AAAA,IAAX;AAAA,MACG,MAAAR;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,sBAAsB;AAAA,MAEtB,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGE;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAAsB,MAAMb,CAAS;AAAA,UACnD,cAAYC;AAAA,UAEX,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA,GAER;AAER,CAAC;AAEDJ,EAAc,cAAc;"}

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                   */var e={root:"k8yojq0"};exports.SELECT_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit113.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                   */var e={root:"k8yojq0"};exports.SELECT_CONTENT_STYLES=e;
 //# sourceMappingURL=SelectContent.css.cjs.map

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit113.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                    */
 /* empty css                                                                     */
 /* empty css                                                                             */

package/dist/components/forms/select/components/select-field/SelectField.cjs

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),d=require("react"),G=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const H=require("../../../_shared/components/helper-text/HelperText.cjs"),M=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const r=require("../../Select.cjs"),N=require("./hooks/useSelectField.hook.cjs"),R=require("./utils/flattenItems.utils.cjs"),j=d.memo(({label:c,helperText:s,error:a,startIcon:m,placeholder:g,size:o="md",width:n,disabled:q,required:v,listboxAriaLabel:I,options:t,className:F,value:S,defaultValue:y,onValueChange:C,open:p,defaultOpen:V,onOpenChange:L,name:$,...k})=>{const{triggerId:x,helperId:f,hasError:i,selectedValue:_,handleValueChange:h}=N({error:a,value:S,defaultValue:y,onValueChange:C}),D=d.useMemo(()=>R.flattenItems(t),[t]),E=d.useCallback(e=>{e!==null&&h(e)},[h]);return l.jsxs(G,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:n!==void 0?{width:n}:void 0,className:F,...k,children:[c&&l.jsx(M,{htmlFor:x,disabled:q,children:c}),l.jsxs(r.default,{value:_??null,onValueChange:E,disabled:q,required:v,open:p,defaultOpen:V,onOpenChange:L,name:$,items:D,children:[l.jsx(r.default.Trigger,{id:x,placeholder:g,startIcon:m,size:o,hasError:i,"aria-describedby":a||s?f:void 0,"aria-invalid":i||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:I,children:l.jsx(r.default.List,{children:t.map((e,b)=>e.type==="separator"?l.jsx(r.default.Separator,{},`sep-${b}`):e.type==="group"?l.jsxs(r.default.Group,{children:[l.jsx(r.default.Label,{children:e.label}),e.options.map(u=>l.jsx(r.default.Item,{value:u.value,disabled:u.disabled,label:u.label},u.value))]},`group-${e.label}-${b}`):l.jsx(r.default.Item,{value:e.value,disabled:e.disabled,label:e.label},e.value))})})]}),(a||s)&&l.jsx(H,{id:f,hasError:i,children:a??s})]})});j.displayName="SelectField";module.exports=j;
+"use strict";require('../../../../../ui-kit49.css');require('../../../../../ui-kit75.css');require('../../../../../ui-kit35.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const l=require("react/jsx-runtime"),d=require("react"),G=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const H=require("../../../_shared/components/helper-text/HelperText.cjs"),M=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const r=require("../../Select.cjs"),N=require("./hooks/useSelectField.hook.cjs"),R=require("./utils/flattenItems.utils.cjs"),j=d.memo(({label:c,helperText:s,error:a,startIcon:m,placeholder:g,size:o="md",width:n,disabled:q,required:v,listboxAriaLabel:I,options:t,className:F,value:S,defaultValue:y,onValueChange:C,open:p,defaultOpen:V,onOpenChange:L,name:$,...k})=>{const{triggerId:x,helperId:f,hasError:i,selectedValue:_,handleValueChange:h}=N({error:a,value:S,defaultValue:y,onValueChange:C}),D=d.useMemo(()=>R.flattenItems(t),[t]),E=d.useCallback(e=>{e!==null&&h(e)},[h]);return l.jsxs(G,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:n!==void 0?{width:n}:void 0,className:F,...k,children:[c&&l.jsx(M,{htmlFor:x,disabled:q,children:c}),l.jsxs(r.default,{value:_??null,onValueChange:E,disabled:q,required:v,open:p,defaultOpen:V,onOpenChange:L,name:$,items:D,children:[l.jsx(r.default.Trigger,{id:x,placeholder:g,startIcon:m,size:o,hasError:i,"aria-describedby":a||s?f:void 0,"aria-invalid":i||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:I,children:l.jsx(r.default.List,{children:t.map((e,b)=>e.type==="separator"?l.jsx(r.default.Separator,{},`sep-${b}`):e.type==="group"?l.jsxs(r.default.Group,{children:[l.jsx(r.default.Label,{children:e.label}),e.options.map(u=>l.jsx(r.default.Item,{value:u.value,disabled:u.disabled,label:u.label},u.value))]},`group-${e.label}-${b}`):l.jsx(r.default.Item,{value:e.value,disabled:e.disabled,label:e.label},e.value))})})]}),(a||s)&&l.jsx(H,{id:f,hasError:i,children:a??s})]})});j.displayName="SelectField";module.exports=j;
 //# sourceMappingURL=SelectField.cjs.map

package/dist/components/forms/select/components/select-field/SelectField.js

@@ -4,7 +4,7 @@ import T from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
 import q from "../../../_shared/components/helper-text/HelperText.js";
 import w from "../../../text-field/components/text-field-label/TextFieldLabel.js";
-/* empty css                                               */
+import '../../../../../ui-kit49.css';import '../../../../../ui-kit75.css';import '../../../../../ui-kit35.css';import '../../../../../ui-kit2.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                   */
 /* empty css                                                                                       */
 import "../../../text-field/components/text-field-start-icon/TextFieldStartIcon.js";

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                */var e={root:"_64wk5i0",indicator:"_64wk5i1"};exports.SELECT_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit105.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_64wk5i0",indicator:"_64wk5i1"};exports.SELECT_ITEM_STYLES=e;
 //# sourceMappingURL=SelectItem.css.cjs.map

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit105.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                              */
 var r = { root: "_64wk5i0", indicator: "_64wk5i1" };
 export {

package/dist/components/forms/select/components/select-label/styles/SelectLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                 */var e={root:"_1tcc5uo0"};exports.SELECT_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit107.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1tcc5uo0"};exports.SELECT_LABEL_STYLES=e;
 //# sourceMappingURL=SelectLabel.css.cjs.map