@orchidui/core 1.88.0 → 1.91.0

package/dist/{OcDataTable-DdYe3d9A.js → OcDataTable-BnRVGVHc.js}

@@ -1,8 +1,8 @@
 import { ref as C, onMounted as Se, createBlock as L, openBlock as o, unref as i, withCtx as p, createVNode as I, createElementVNode as q, createElementBlock as x, createCommentVNode as f, mergeProps as ye, Fragment as ae, renderList as ee, normalizeClass as te, toDisplayString as ge, computed as T, watch as ke, toRaw as Ge, nextTick as Me, renderSlot as E, resolveDynamicComponent as We, createSlots as Xe, normalizeProps as be, guardReactiveProps as he } from "vue";
-import { aG as Oe, B as Ve, C as Ye, E as Ze, Q as He, a4 as _e, aR as el, aS as ll, aT as al, K as tl, L as we, j as sl } from "./index-CH6HqHCV.js";
+import { aG as Oe, B as Ve, C as Ye, E as Ze, Q as He, a4 as _e, aR as el, aS as ll, aT as al, K as tl, L as we, j as sl } from "./index-CCGmnLvC.js";
 import { V as xe } from "./vue-draggable-next.esm-bundler-QQ8zx__3.js";
 import { getFromLocalStorage as Fe, formatHeadersFromLocalStorage as Ee, formatHeadersToLocalStorage as ol, setInLocalStorage as ul } from "./DataTable/utils/editColumnsUtils.js";
-import { _ as $e } from "./OcIcon-BedshzZm.js";
+import { _ as $e } from "./OcIcon-DuLjS3TV.js";
 import { formatFilterDisplay as il, clearAllFilters as rl } from "./DataTable/utils/filterUtils.js";
 import { formatCustomItemsPerPageOptions as nl, getItemsPerPageOptions as dl } from "./DataTable/utils/paginationUtils.js";
 import "./dayjs.min-7xVZzECu.js";
@@ -15,20 +15,30 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
 }, fl = { class: "flex items-center w-full gap-x-3" }, yl = { class: "truncate w-full max-w-[160px]" }, gl = {
   __name: "ColumnEdit",
   props: {
+    /** Initial active/visible state overrides for columns. Keyed by column key. */
     options: {
       type: Object,
       default: () => ({})
     },
+    /** Full list of column header objects — each with `key`, `label`, and optional `isActive`. */
     headers: {
       type: Array,
       default: () => []
     },
+    /** localStorage key used to persist the column order and visibility across sessions. */
     localKey: {
       type: String,
       default: ""
     }
   },
-  emits: ["change-active", "onMoved", "update-order"],
+  emits: {
+    /** A column's active state was toggled. Payload: column header object. */
+    "change-active": [],
+    /** A column was reordered via drag. Payload: move event. */
+    onMoved: [],
+    /** Column order or visibility changed. Payload: `{ fixedHeaders, activeHeaders, isOnMount }`. */
+    "update-order": []
+  },
   setup($, { emit: le }) {
     const j = le, g = $, c = C([]), S = C([]), O = C(!1), y = {
       handle: ".drag-el",
@@ -157,49 +167,100 @@ const vl = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, cl = {
 }, Al = {
   __name: "OcDataTable",
   props: {
+    /** Show skeleton loading rows while data is being fetched. */
     isLoading: Boolean,
+    /**
+     * Unique ID for this table instance. Used as a localStorage namespace when columnEdit is enabled.
+     */
     id: {
       type: String,
       required: !0
     },
+    /**
+     * Full configuration object for the table.
+     *
+     * `tableOptions` — table structure:
+     * - `headers` — array of `{ key, label, variant?, class?, isCopy?, stickyLeft?, stickyRight?, chipOptions?, disableClickRow? }`
+     * - `fields` — array of row data objects keyed to header keys
+     * - `isSelectable` — show row checkboxes
+     * - `isCursorPointer` — cursor:pointer on rows
+     * - `isSticky` — horizontal scroll with sticky first column
+     * - `isBorderless` — remove outer border
+     *
+     * `filterOptions` (optional) — filter toolbar config:
+     * - `search` — `{ key, options? }` enables search bar
+     * - `form` — FormBuilder jsonForm array rendered in the filter dropdown
+     * - `tabs` — `{ key, options }` tab bar above the table
+     * - `per_page` — `{ key }` controls which filter key holds items-per-page
+     * - `columnEdit` — `{ key, localStorageKey }` enables column show/hide editor
+     *
+     * `pagination` — `{ total, last_page }` for numbered pagination; omit for cursor mode.
+     * `cursor` — `{ prev, next }` cursor strings for cursor-based navigation.
+     * `perPageOptions` — custom per-page dropdown options.
+     * `hidePerPageDropdown` — hide the per-page selector.
+     */
     options: {
       type: Object,
       required: !0
     },
+    /**
+     * Current filter state object (v-model:filter). Includes page, per_page, search query, tab value, etc.
+     * The component emits `update:filter` whenever filters change.
+     */
     filter: {
       type: Object,
       default: () => ({})
     },
+    /** Currently selected rows array (v-model:selected). Each item is a row data object from fields. */
     selected: {
       type: Array,
       required: !1
     },
+    /** CSS class or function `(row, index) => string` applied to each data row element. */
     rowClass: String,
+    /**
+     * Field name or function used to uniquely identify each row.
+     * If a string, `row[rowKey]` is used. If a function, receives the row and returns a key.
+     */
     rowKey: {
       type: [String, Function],
       default: "id"
     },
+    /** Field name in each row data object containing the URL to navigate to on row click. */
     rowLink: String,
+    /** Use the new table design (NewTable component) instead of the classic Table. */
     isNewTable: {
       type: Boolean,
       default: !1
     },
+    /** Highlight a specific row by index (0-based). Set -1 to clear. */
     selectedIndex: {
       type: Number,
       default: -1
     }
   },
   emits: {
+    /** Selected rows changed. Payload: array of selected row objects (v-model:selected). */
     "update:selected": [],
+    /** Filter state changed. Payload: current filter object (v-model:filter). */
     "update:filter": [],
+    /** Emitted alongside update:filter after every filter action. Payload: current filter object. */
     "apply-filter": [],
+    /** A row cell was clicked. Payload: `{ field, header }`. */
     "click:row": [],
+    /** A filter form field value changed. Payload: `{ form, value }`. */
     "filter-fields-changed": [],
+    /** A filter tag was dismissed. Payload: the removed filter field key. */
     "filter-removed": [],
+    /** Filter dropdown opened or closed. Payload: boolean. */
     "filter-open": [],
+    /** Search query was submitted or cleared. Payload: query string. */
     "search-query-changed": [],
+    /** A table cell was hovered. Payload: `{ item, key }`. */
     "hover:cell": [],
+    /** Column visibility or order changed via the column editor. Payload: active headers array. */
     "columns-changed": [],
+    /** Table has mounted and column order is initialized. */
     "on-table-ready": []
   },
   setup($, { emit: le }) {

package/dist/{OcDraggable-C-RjArcr.js → OcDraggable-5y_FiZHv.js}

@@ -3,10 +3,13 @@ import { V as f } from "./vue-draggable-next.esm-bundler-QQ8zx__3.js";
 const _ = {
   __name: "OcDraggable",
   props: {
+    /** v-model — the array of items to make draggable. Updated in-place when items are reordered. */
     modelValue: Array
   },
   emits: {
+    /** Item order changed. Payload: `(newList, event)` — the reordered array and the vue-draggable event. */
     "update:modelValue": [],
+    /** An item is being dragged over another position. Used to restrict or allow drops. */
     detectMove: null
   },
   setup(o, { emit: l }) {

package/dist/{OcDraggableList-C8ulvqkC.js → OcDraggableList-BcuXDoyP.js}

@@ -1,36 +1,48 @@
 import { ref as w, createBlock as y, openBlock as c, unref as l, withCtx as r, createElementBlock as b, Fragment as C, renderList as $, normalizeClass as s, createElementVNode as o, createCommentVNode as m, renderSlot as u, toDisplayString as x, createVNode as f } from "vue";
-import { aP as D, aL as S, aG as B } from "./index-CH6HqHCV.js";
-import { _ as g } from "./OcIcon-BedshzZm.js";
+import { aP as D, aL as S, aG as B } from "./index-CCGmnLvC.js";
+import { _ as g } from "./OcIcon-DuLjS3TV.js";
 const M = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, O = ["href"], W = { class: "min-w-[120px]" }, j = { class: "truncate w-[200px]" }, z = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, P = {
   __name: "OcDraggableList",
   props: {
+    /** v-model — array of list item objects. Reordering updates this array. */
     modelValue: Array,
+    /** Object key used to read the icon name from each item. Default: `'icon'`. */
     iconKey: {
       type: String,
       default: "icon"
     },
+    /** Mark this list as a nested child list — affects styling (no background, icon always visible). */
     isChildren: Boolean,
+    /** Object key used to read nested child items from each item. Default: `'children'`. */
     childrenKey: {
       type: String,
       default: "children"
     },
+    /** Enable link display for items that have a link property. */
     isLink: Boolean,
+    /** Object key used to read the URL from each item when isLink is true. Default: `'link'`. */
     linkKey: {
       type: String,
       default: "link"
     },
+    /** Disable drag-and-drop for all items in this list. */
     unmovable: Boolean,
-    // general unmovable
+    /** Apply inactive styling (gray background) for items where `active === false`. */
     enableStatusVariant: Boolean,
+    /** Extra Tailwind classes applied to each list item card. */
     classes: {
       type: String,
       default: ""
     },
+    /** Tailwind width class applied to the title text container (e.g. `'w-[200px]'`). */
     titleWidth: String
   },
   emits: {
+    /** Item order changed. Payload: `(newList, changedElement)`. */
     "update:modelValue": [],
+    /** A list item was clicked. Payload: the item object. */
     "click:element": [],
+    /** Drag-over event fired — use to allow/deny drops. */
     detectMove: null
   },
   setup(t, { emit: p }) {

package/dist/{OcEmojiPicker-PI_T1ZAi.js → OcEmojiPicker-9X_3e2et.js}

@@ -1,5 +1,5 @@
 import { ref as m, computed as p, createElementBlock as l, openBlock as s, createVNode as f, createBlock as N, createCommentVNode as z, unref as c, withCtx as v, createElementVNode as n, normalizeClass as T, Fragment as V, renderList as k, createTextVNode as C } from "vue";
-import { aG as U, d as G, B as b } from "./index-CH6HqHCV.js";
+import { aG as U, d as G, B as b } from "./index-CCGmnLvC.js";
 import { EMOJI_LIST as a, EMOJI_CATEGORIES as J } from "./Form/EmojiPicker/conts/emoji.js";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = { class: "flex items-center justify-center rounded bg-oc-bg-dark h-[140px] relative w-full z-50" }, F = ["innerHTML"], R = { class: "p-4 w-[340px]" }, q = { class: "bg-oc-bg-dark p-4 rounded flex items-center justify-center" }, K = ["innerHTML"], Q = { class: "pt-3 pb-4" }, W = ["id", "innerHTML", "onClick"], X = {

package/dist/{OcFilterForm-BD4F_p_-.js → OcFilterForm-CGsddHdW.js}

@@ -1,27 +1,42 @@
 import { ref as r, computed as u, onMounted as B, createElementBlock as O, openBlock as k, renderSlot as $, createElementVNode as f, createVNode as c, unref as i } from "vue";
-import { t as w, B as m } from "./index-CH6HqHCV.js";
+import { t as w, B as m } from "./index-CCGmnLvC.js";
 const C = { class: "flex w-[326px] flex-col gap-y-5" }, A = { class: "max-h-[500px] overflow-y-auto p-5" }, E = { class: "flex gap-x-5 px-5 pb-5" }, N = {
   __name: "OcFilterForm",
   props: {
+    /** Unique ID passed to the inner FormBuilder instance. */
     id: {
       type: String,
       required: !0
     },
+    /** FormBuilder field config array. Same shape as `FormBuilder.jsonForm`. */
     jsonForm: {
       type: Array
     },
+    /** Initial form values. Merged into local state on mount. */
     values: {
       type: Object
     },
+    /**
+     * Override labels for the action buttons.
+     * Shape: `{ applyButton: { label }, cancelButton: { label } }`.
+     */
     actions: {
       type: Object
     },
+    /** Optional responsive grid layout passed to the inner FormBuilder. */
     grid: {
       type: Object,
       default: null
     }
   },
-  emits: ["applyFilter", "cancel", "filter-fields-changed"],
+  emits: {
+    /** Apply button clicked. Payload: current form values object. */
+    applyFilter: [],
+    /** Cancel button clicked. */
+    cancel: [],
+    /** Tracks which fields were changed before Apply. Payload: array of changed field names. */
+    "filter-fields-changed": []
+  },
   setup(t, { emit: y }) {
     const s = t, d = y, a = r({}), p = r({}), n = r([]), b = u(() => Object.values(a.value).length > 0), g = u(() => {
       var e, l;

package/dist/{OcFilterSearch-CrI7tLww.js → OcFilterSearch-qpRKNVkC.js}

@@ -1,16 +1,22 @@
 import { ref as u, computed as K, createElementBlock as d, openBlock as s, Fragment as p, createElementVNode as r, createCommentVNode as f, normalizeClass as O, createVNode as m, unref as c, withKeys as N, createSlots as Q, withCtx as h, toDisplayString as D, renderList as E, createBlock as S, nextTick as F } from "vue";
-import { d as I, aG as U, aH as j, B as w } from "./index-CH6HqHCV.js";
-import { _ as q } from "./OcIcon-BedshzZm.js";
+import { d as I, aG as U, aH as j, B as w } from "./index-CCGmnLvC.js";
+import { _ as q } from "./OcIcon-DuLjS3TV.js";
 const A = { class: "flex gap-x-4" }, G = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, H = { class: "p-2 flex flex-col" }, P = {
   __name: "OcFilterSearch",
   props: {
+    /** Show the search bar permanently (no expand/collapse toggle). */
     isSearchOnly: Boolean,
+    /** Field options for the search-key dropdown. Array of `{ label, value }`. When empty, no dropdown is shown. */
     searchOptions: Array,
+    /** Currently selected search field value — must match one of the `searchOptions` values. */
     selectedOption: String
   },
   emits: {
+    /** User submitted a search term. Payload: query string. */
     addQuery: [],
+    /** Search bar expanded or collapsed. Payload: boolean. */
     toggle: [],
+    /** User selected a different search field from the dropdown. Payload: option value string. */
     "change-search-key": []
   },
   setup(a, { emit: C }) {

package/dist/{OcFilterSearchFor-ByVyGsvL.js → OcFilterSearchFor-BnKlN3Cr.js}

@@ -1,20 +1,25 @@
 import { computed as h, createBlock as c, createCommentVNode as k, openBlock as a, unref as o, withCtx as y, createElementVNode as f, createElementBlock as v, createVNode as F, Fragment as p, renderList as b } from "vue";
-import { T as $, aB as m } from "./index-CH6HqHCV.js";
+import { T as $, aB as m } from "./index-CCGmnLvC.js";
 const w = { class: "flex gap-1 items-center normal-case flex-wrap" }, E = {
   __name: "OcFilterSearchFor",
   props: {
+    /** Applied filter chips. Array of `{ name, label, multiNames? }` objects from `formatFilterDisplay`. */
     filters: {
       type: Object,
       default: () => ({})
     },
+    /** Active search query strings shown as chips. */
     queries: {
       type: Object,
       default: () => ({})
     }
   },
   emits: {
+    /** A search query chip was dismissed. Payload: query string. */
     removeQuery: [],
+    /** A filter chip was dismissed. Payload: `(filterObject, fieldName)`. */
     removeFilter: [],
+    /** "Clear all" chip was clicked. */
     removeAll: []
   },
   setup(s, { emit: d }) {

package/dist/{OcHorizontalProgressbar-DapCdBDF.js → OcHorizontalProgressbar-ClgiRxAb.js}

@@ -2,14 +2,17 @@ import { createElementBlock as l, openBlock as r, createElementVNode as t, toDis
 const o = { class: "flex items-center gap-x-3" }, s = { class: "text-oc-text-400 text-sm shrink-0" }, c = { class: "w-full rounded-full bg-oc-gray-100 h-[8px] overflow-hidden" }, m = {
   __name: "OcHorizontalProgressbar",
   props: {
+    /** Label text shown to the left of the progress bar. */
     label: {
       type: String,
       default: ""
     },
+    /** Maximum value (denominator) for the progress calculation. */
     max: {
       type: Number,
       default: 0
     },
+    /** Current value — bar fills to `(current / max) * 100%`. */
     current: {
       type: Number,
       default: 0

package/dist/{OcIcon-BedshzZm.js → OcIcon-DuLjS3TV.js}

@@ -2,18 +2,22 @@ import { ref as s, onMounted as l, nextTick as a, watch as w, createElementBlock
 const f = ["width", "height", "viewBox"], v = {
   __name: "OcIcon",
   props: {
+    /** Base URL path where SVG icon files are served from. */
     path: {
       type: String,
       default: "/icons/orchidui"
     },
+    /** Icon file name (without `.svg` extension). Fetched from `{path}/{name}.svg`. */
     name: {
       type: String,
       required: !0
     },
+    /** Width of the rendered SVG in pixels. */
     width: {
       type: [String, Number],
       default: "24"
     },
+    /** Height of the rendered SVG in pixels. */
     height: {
       type: [String, Number],
       default: "24"

package/dist/{OcModalCropper-CtDRlDMK.js → OcModalCropper-D1xoK4y5.js}

@@ -1,15 +1,26 @@
 import { ref as o, createBlock as v, openBlock as d, unref as r, withCtx as x, createVNode as O } from "vue";
-import { aI as b } from "./index-CH6HqHCV.js";
-import k from "./OcCropper-DWLjgt8P.js";
+import { aI as b } from "./index-CCGmnLvC.js";
+import k from "./OcCropper-Cj_9uRUe.js";
 const h = {
   __name: "OcModalCropper",
   props: {
+    /** Additional input field configs shown inside the cropper (e.g. alt text). Array of field definitions. */
     inputOptions: Array,
+    /** Current values for the `inputOptions` fields. Object keyed by field name. */
     inputOptionValues: Object,
+    /** Source image URL to load into the cropper. */
     img: String,
+    /** Maximum allowed file size in bytes. Passed through to the Cropper. */
     maxSize: [String, Number]
   },
-  emits: ["changeImage", "close", "update:input-options"],
+  emits: {
+    /** Save clicked with a cropped image. Payload: `{ url, cropper }`. */
+    changeImage: [],
+    /** Modal closed without saving. */
+    close: [],
+    /** An `inputOptions` field value changed. Payload: new value. */
+    "update:input-options": []
+  },
   setup(e, { emit: l }) {
     const c = e, t = l, p = o();
     o();

package/dist/{OcPopper-DAh56I2b.js → OcPopper-4s9J9wmd.js}

@@ -903,35 +903,43 @@ var Br = [Jt, vr, Ut, Mt, lr, ir, mr, It, fr], Dr = /* @__PURE__ */ Pr({
 const jr = { class: "flex w-[inherit]" }, Cr = {
   __name: "OcPopper",
   props: {
+    /** Popper.js placement string (e.g. `'bottom'`, `'top-start'`, `'right-end'`). */
     placement: {
       type: String,
       required: !0
     },
     /**
-     * Options passed to the `popper` from `https://popper.js.org/docs/v2/modifiers/`
+     * Additional options passed directly to the Popper.js instance.
+     * See https://popper.js.org/docs/v2/modifiers/ for available modifiers.
      */
     popperOptions: {
       type: Object
     },
+    /** Inline CSS styles applied to the popper container element. */
     popperStyle: {
       type: Object
     },
+    /** Horizontal shift of the popper relative to the reference element (px). */
     skidding: {
       type: Number,
       default: 0
     },
+    /** Vertical distance between the reference element and the popper panel (px). */
     distance: {
       type: [String, Number],
       default: 5
     },
+    /** Allow the popper to flip to the opposite side when it would overflow the viewport. */
     isFlipEnabled: {
       type: Boolean,
       default: !0
     },
+    /** CSS class(es) applied to the popper container element. */
     popperClass: {
       type: [String, Array, Object],
       default: ""
     },
+    /** Teleport the popper panel to `document.body` (required inside overflow:hidden containers). */
     isAttachToBody: {
       type: Boolean,
       default: !1

package/dist/{OcProgressBar-lyqE5LZd.js → OcProgressBar-MTSaIZCf.js}

@@ -5,14 +5,17 @@ const d = {
 }, b = { class: "w-full flex align-center justify-center gap-2" }, f = {
   __name: "OcProgressBar",
   props: {
+    /** Total number of pill segments to render. */
     steps: {
       type: Number,
       required: !0
     },
+    /** Index of the last completed step (1-based). Segments up to this index are filled. */
     currentStep: {
       type: Number,
       default: 1
     },
+    /** Optional label text shown above the progress bar. */
     label: String
   },
   setup(e) {

package/dist/{OcSection-BjyapRr3.js → OcSection-DaXJy5P1.js}

@@ -2,6 +2,7 @@ import { createElementBlock as o, openBlock as i, createElementVNode as n, rende
 const c = { class: "oc-section" }, a = { class: "font-medium text-lg flex" }, d = { key: 0 }, m = { class: "mt-5" }, p = {
   __name: "OcSection",
   props: {
+    /** Section heading text shown in the header when no custom `header` slot is provided. */
     title: {
       type: String,
       required: !1

package/dist/{OcSwitchTabs-B7LfmG3z.js → OcSwitchTabs-CmwaBCBs.js}

@@ -1,25 +1,30 @@
-import { createElementBlock as r, openBlock as n, Fragment as i, renderList as o, normalizeClass as a, createElementVNode as l, toDisplayString as c } from "vue";
+import { createElementBlock as r, openBlock as n, Fragment as s, renderList as i, normalizeClass as a, createElementVNode as o, toDisplayString as c } from "vue";
 const u = { class: "flex items-center gap-2 p-2 rounded-full shadow-inner border border-oc-gray-200" }, d = ["onClick"], y = {
   __name: "OcSwitchTabs",
   props: {
+    /** Array of tab option objects, each with `value` and `label` fields. */
     options: {
       type: Array,
       required: !0
     },
+    /** Value of the currently selected option. */
     activeOption: {
       type: String,
       default: ""
     }
   },
-  emits: ["select"],
+  emits: {
+    /** A tab was clicked. Payload: the `value` of the selected option. */
+    select: null
+  },
   setup(t) {
-    return (s, m) => (n(), r("div", u, [
-      (n(!0), r(i, null, o(t.options, (e) => (n(), r("div", {
+    return (l, m) => (n(), r("div", u, [
+      (n(!0), r(s, null, i(t.options, (e) => (n(), r("div", {
         key: e.value,
         class: a(["rounded-full cursor-pointer py-3 px-4 transition duration-300 border-2 border-transparent", { "bg-oc-gray-800": e.value === t.activeOption }]),
-        onClick: (p) => s.$emit("select", e.value)
+        onClick: (p) => l.$emit("select", e.value)
       }, [
-        l("span", {
+        o("span", {
           class: a(["text-oc-text-300 font-medium text-sm", { "text-white": e.value === t.activeOption }])
         }, c(e.label), 3)
       ], 10, d))), 128))

package/dist/{OcTag-CuzgktNM.js → OcTag-H1qaGHcE.js}

@@ -2,10 +2,15 @@ import { createElementBlock as a, openBlock as n, normalizeClass as r, toDisplay
 const o = {
   __name: "OcTag",
   props: {
+    /**
+     * Color variant of the tag.
+     * @values warning, accent-2
+     */
     variant: {
       type: String,
       default: "warning"
     },
+    /** Text label displayed inside the tag. */
     label: {
       type: String,
       default: ""

package/dist/{OcTheme-B6NTNYtz.js → OcTheme-CveJ_GMF.js}

@@ -2,6 +2,10 @@ import { watch as r, createElementBlock as c, openBlock as s, renderSlot as l }
 const a = { class: "orchid-ui bg-oc-bg-light text-oc-text-500" }, n = {
   __name: "OcTheme",
   props: {
+    /**
+     * Global color mode applied to the `<body>` element class.
+     * @values light, dark
+     */
     colorMode: {
       type: String,
       default: "light"

package/dist/{OcTimePicker-eeXUndiL.js → OcTimePicker-C2_ADPGZ.js}

@@ -1,5 +1,5 @@
 import { ref as n, watch as g, createBlock as m, openBlock as s, unref as o, withCtx as p, createVNode as v, createCommentVNode as y } from "vue";
-import { aG as S, d as h, aQ as D } from "./index-CH6HqHCV.js";
+import { aG as S, d as h, aQ as D } from "./index-CCGmnLvC.js";
 import { d as c } from "./dayjs.min-7xVZzECu.js";
 const w = {
   __name: "OcTimePicker",

package/dist/{OcTimePopup-CrwbZ_Nx.js → OcTimePopup-D0LECk6H.js}

@@ -3,12 +3,16 @@ import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = { class: "overflow-hidden flex items-center relative rounded shadow-normal w-fit px-3" }, N = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, F = ["onClick"], O = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, z = ["onClick"], Y = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, j = ["onClick"], G = {
   __name: "OcTimePopup",
   props: {
+    /** Current time value (v-model). Pass a `Date` object; the component reads hours, minutes, and AM/PM from it. */
     modelValue: {
       type: [String, Date],
       default: () => /* @__PURE__ */ new Date()
     }
   },
-  emits: ["update:modelValue"],
+  emits: {
+    /** Time changed by scrolling or clicking a column. Payload: updated `Date` object. */
+    "update:modelValue": []
+  },
   setup(A, { expose: H, emit: B }) {
     const u = A, D = B, n = r(
       u.modelValue.getHours() <= 12 ? u.modelValue.getHours() : u.modelValue.getHours() - 12
@@ -124,7 +128,7 @@ const $ = { class: "overflow-hidden flex items-center relative rounded shadow-no
       ], 544)
     ]));
   }
-}, K = /* @__PURE__ */ R(G, [["__scopeId", "data-v-434f8eef"]]);
+}, K = /* @__PURE__ */ R(G, [["__scopeId", "data-v-8c1d732d"]]);
 export {
   K as default
 };

package/dist/{OcToggle-DOfA-DZ8.js → OcToggle-CoI4QOGs.js}

@@ -1,22 +1,27 @@
-import { computed as s, createElementBlock as i, openBlock as r, createElementVNode as l, createCommentVNode as b, normalizeClass as o, toDisplayString as f } from "vue";
+import { computed as s, createElementBlock as c, openBlock as i, createElementVNode as l, createCommentVNode as b, normalizeClass as o, toDisplayString as f } from "vue";
 import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const g = { class: "inline-flex items-center gap-3 h-fit" }, h = ["value", "checked"], p = `absolute top-0 left-0 border border-transparent hover:bg-oc-primary-300 hover:border-oc-primary-500 bg-oc-primary-100 rounded-full cursor-pointer transition-all duration-300
  before:transition-all before:duration-300 before:absolute before:rounded-full before:bg-oc-bg-light`, x = {
   __name: "OcToggle",
   props: {
+    /** Toggle state (v-model). `true` = on, `false` = off. */
     modelValue: Boolean,
+    /** Disable the toggle — non-interactive, uses muted colors. */
     disabled: Boolean,
+    /** Size preset — `'default'` or `'small'`. */
     size: {
       type: String,
       default: "default"
     },
+    /** Label text rendered to the right of the toggle. Clicking it also toggles. */
     label: String
   },
   emits: {
+    /** Toggle state changed. Payload: new boolean value. */
     "update:modelValue": []
   },
-  setup(e, { emit: c }) {
-    const t = e, d = c, a = () => {
+  setup(e, { emit: r }) {
+    const t = e, d = r, a = () => {
       t.disabled || d("update:modelValue", !t.modelValue);
     }, n = s(() => ({
       default: "w-[42px] h-7",
@@ -25,7 +30,7 @@ const g = { class: "inline-flex items-center gap-3 h-fit" }, h = ["value", "chec
       default: "before:w-6 before:h-6 before:top-px before:left-px",
       small: " before:w-4 before:h-4 before:top-[0.5px] before:left-[0.5px]"
     }));
-    return (v, V) => (r(), i("div", g, [
+    return (v, V) => (i(), c("div", g, [
       l("label", {
         class: o(["toggle-switch relative inline-block", [n.value[e.size], e.size, e.disabled ? "pointer-events-none" : ""]])
       }, [
@@ -45,14 +50,14 @@ const g = { class: "inline-flex items-center gap-3 h-fit" }, h = ["value", "chec
           }]])
         }, null, 2)
       ], 2),
-      e.label ? (r(), i("div", {
+      e.label ? (i(), c("div", {
         key: 0,
         class: "text-sm cursor-pointer",
         onClick: a
       }, f(e.label), 1)) : b("", !0)
     ]));
   }
-}, z = /* @__PURE__ */ m(x, [["__scopeId", "data-v-23da89d0"]]);
+}, z = /* @__PURE__ */ m(x, [["__scopeId", "data-v-477f47c0"]]);
 export {
   z as T
 };

package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js

@@ -1,4 +1,4 @@
-import { aE as r } from "../../index-CH6HqHCV.js";
+import { aE as r } from "../../index-CCGmnLvC.js";
 export {
   r as ConfirmationModal
 };

package/dist/Overlay/CopyTooltip/OcCopyTooltip.js

@@ -1,4 +1,4 @@
-import { aF as a } from "../../index-CH6HqHCV.js";
+import { aF as a } from "../../index-CCGmnLvC.js";
 export {
   a as CopyTooltip
 };

package/dist/Overlay/Dropdown/OcDropdown.js

@@ -1,4 +1,4 @@
-import { aG as r, aH as p } from "../../index-CH6HqHCV.js";
+import { aG as r, aH as p } from "../../index-CCGmnLvC.js";
 export {
   r as Dropdown,
   p as DropdownItem