@pequity/squirrel 8.4.4 → 8.5.0

package/dist/cjs/chunks/p-tabs.js

@@ -8,14 +8,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "p-tabs",
   props: {
+    /**
+     * Array of tab objects to display.
+     * Each tab should have a name, title, and optional icon and route.
+     */
     tabs: {
       type: Array,
       required: true
     },
+    /**
+     * The currently active tab name.
+     * Controls which tab is visually highlighted.
+     */
     activeTab: {
       type: String,
       required: true
     },
+    /**
+     * Left padding for the tabs container in pixels.
+     * Useful for aligning tabs with other content.
+     */
     tabsLeftPadding: {
       type: Number,
       default: 0

package/dist/cjs/chunks/p-textarea.js

@@ -11,22 +11,42 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "p-textarea",
   props: {
+    /**
+     * The current value of the textarea (v-model).
+     * Supports two-way binding for form inputs.
+     */
     modelValue: {
       type: [String, Number, null],
       default: ""
     },
+    /**
+     * Text label for the textarea field.
+     * If not provided, you can use the label slot instead.
+     */
     label: {
       type: String,
       default: ""
     },
+    /**
+     * Error message to display below the textarea.
+     * When provided, the textarea will show error styling.
+     */
     errorMsg: {
       type: String,
       default: ""
     },
+    /**
+     * Whether the textarea is required.
+     * Adds required attribute and visual indicator.
+     */
     required: {
       type: Boolean,
       default: false
     },
+    /**
+     * The size of the textarea - affects padding, font size, and spacing.
+     * Valid values: 'sm', 'md', 'lg'
+     */
     size: {
       type: String,
       default: "md",

package/dist/cjs/index.js

@@ -45,6 +45,7 @@ const pSkeletonLoader = require("./p-skeleton-loader.js");
 const pSteps_vue_vue_type_script_setup_true_lang = require("./chunks/p-steps.js");
 const pTable$1 = require("./p-table.js");
 const usePTableColResize = require("./usePTableColResize.js");
+const usePTableHeaderWrap = require("./usePTableHeaderWrap.js");
 const pTableHeaderCell = require("./p-table-header-cell.js");
 const pTableTd = require("./p-table-td.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
@@ -81,7 +82,7 @@ const _hoisted_6$3 = {
   key: 1,
   class: "flex flex-col items-center"
 };
-const _hoisted_7$2 = { class: "mt-2 text-p-purple-60" };
+const _hoisted_7$1 = { class: "mt-2 text-p-purple-60" };
 const _hoisted_8 = ["accept", "multiple", "disabled"];
 const _hoisted_9 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
 const _hoisted_10 = ["title"];
@@ -93,10 +94,18 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "p-file-upload",
   props: {
+    /**
+     * The current file(s) value (v-model).
+     * Supports both single file and multiple files based on the multiple prop.
+     */
     modelValue: {
       type: [Object, Array],
       default: () => []
     },
+    /**
+     * Whether multiple files can be selected.
+     * When true, allows selecting multiple files at once.
+     */
     multiple: {
       type: Boolean,
       default: false
@@ -109,27 +118,51 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       type: Array,
       default: () => []
     },
+    /**
+     * Whether the file upload is disabled.
+     * Prevents user interaction when true.
+     */
     disabled: {
       type: Boolean,
       default: false
     },
+    /**
+     * Whether the file upload is required.
+     * Adds required attribute and visual indicator.
+     */
     required: {
       type: Boolean,
       default: false
     },
+    /**
+     * Error message to display below the file upload.
+     * When provided, the upload area will show error styling.
+     */
     errorMsg: {
       type: String,
       default: ""
     },
+    /**
+     * Text label for the file upload field.
+     * Displayed above the upload area.
+     */
     label: {
       type: String,
       default: ""
     },
+    /**
+     * Maximum file size in bytes.
+     * Files exceeding this size will be rejected with an error message.
+     */
     maxSizeInBytes: {
       type: Number,
       default: 256 * 1e3
       // 256 KB
     },
+    /**
+     * Maximum number of files that can be uploaded.
+     * Only applies when multiple is true.
+     */
     maxNumberOfFiles: {
       type: Number,
       default: 10
@@ -202,7 +235,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       if (!f) {
         return;
       }
-      const validatedFiles = props.fileTypes ? validateFiles(Array.from(f)) : f;
+      const validatedFiles = props.fileTypes ? validateFiles(Array.from(f)) : Array.from(f);
       files.value = props.multiple ? [...files.value, ...validatedFiles] : validatedFiles;
       emit("file-added", validatedFiles);
     };
@@ -264,7 +297,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                 class: "text-p-gray-50"
               }),
               vue.createElementVNode("div", _hoisted_4$3, [
-                _cache[3] || (_cache[3] = vue.createTextVNode(" Drag or ")),
+                _cache[3] || (_cache[3] = vue.createTextVNode(" Drag or ", -1)),
                 vue.createElementVNode("span", _hoisted_5$3, "select " + vue.toDisplayString(fileWord.value), 1)
               ])
             ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
@@ -273,7 +306,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                 width: "32",
                 class: "text-primary"
               }),
-              vue.createElementVNode("div", _hoisted_7$2, "Drop " + vue.toDisplayString(fileWord.value), 1)
+              vue.createElementVNode("div", _hoisted_7$1, "Drop " + vue.toDisplayString(fileWord.value), 1)
             ])),
             vue.createElementVNode("input", {
               ref_key: "fileInputRef",
@@ -338,7 +371,7 @@ const _hoisted_6$2 = {
   class: "ml-auto fill-p-purple-60 pl-2",
   src: pDropdownSelect_vue_vue_type_script_setup_true_lang._imports_0
 };
-const _hoisted_7$1 = {
+const _hoisted_7 = {
   key: 1,
   class: "ml-auto h-4 w-[26px] pl-2"
 };
@@ -642,7 +675,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                           }), 128))
                         ], 8, _hoisted_5$2)
                       ]),
-                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1))
+                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7))
                     ], 2)
                   ], 14, _hoisted_4$2)), [
                     [_directive_close_popper, __props.closePopperOnSelect && !__props.multiple]
@@ -667,15 +700,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$1 = ["data-col-id"];
-const _hoisted_2$1 = { class: "flex" };
-const _hoisted_3$1 = ["onMousedown", "onDblclick"];
-const _hoisted_4$1 = {
+const _hoisted_2$1 = ["onMousedown", "onDblclick"];
+const _hoisted_3$1 = {
   key: 0,
   class: "min-w-[80px] bg-gradient-to-r from-white via-p-gray-10 to-p-gray-10"
 };
-const _hoisted_5$1 = { key: 0 };
-const _hoisted_6$1 = { class: "py-2" };
-const _hoisted_7 = { key: 1 };
+const _hoisted_4$1 = { key: 0 };
+const _hoisted_5$1 = { class: "py-2" };
+const _hoisted_6$1 = { key: 1 };
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "PTable" },
   __name: "p-table",
@@ -713,6 +745,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       vue.computed(() => props.colsResizable)
     );
     const scrollWrapper = vue.ref(null);
+    const theadRef = vue.useTemplateRef("theadRef");
     const ths = vue.ref([]);
     const {
       isColResizing,
@@ -726,6 +759,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       enabled: vue.computed(() => props.colsResizable),
       ths
     });
+    const { hasWrap } = usePTableHeaderWrap.usePTableHeaderWrap(theadRef);
     const tbodyElement = vue.ref(null);
     const updateThsRefs = (el, index2) => {
       if (el instanceof Element) {
@@ -812,7 +846,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             { "first-col-fixed": _ctx.isFirstColFixed }
           ]
         }, vue.toHandlers(_ctx.colsResizable ? { mousemove: vue.unref(colResize) } : {}, true)), [
-          vue.createElementVNode("thead", null, [
+          vue.createElementVNode("thead", {
+            ref_key: "theadRef",
+            ref: theadRef
+          }, [
             vue.createElementVNode("tr", null, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.cols, (col, i) => {
                 return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
@@ -828,7 +865,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(thDivClasses(i)),
                     style: vue.normalizeStyle(bgColorStyle(col))
                   }, [
-                    vue.createElementVNode("div", _hoisted_2$1, [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(["flex", { "h-10": vue.unref(hasWrap) }])
+                    }, [
                       vue.renderSlot(_ctx.$slots, `prepend-header-cell-${vue.unref(lodashEs.kebabCase)(col.name)}`, { col }, void 0, true),
                       vue.createVNode(pTableHeaderCell, vue.mergeProps({
                         text: col.title,
@@ -840,14 +879,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       }, { ref_for: true }, col.headerCellAttrs, {
                         onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
                       }), null, 16, ["text", "filter-active", "show-filter-icon", "tooltip-text", "class", "text-color", "onClickFilterIcon"])
-                    ]),
+                    ], 2),
                     _ctx.colsResizable && i !== 0 && !(i === _ctx.cols.length - 1 && _ctx.isLastColFixed) ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 0,
-                      class: vue.normalizeClass(["absolute bottom-2 right-0 z-110 h-5 w-2 cursor-col-resize after:absolute after:bottom-0 after:z-110 after:block after:h-full after:w-2 after:cursor-col-resize after:border-r-2 after:border-dashed after:border-p-gray-30", i === _ctx.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
+                      class: vue.normalizeClass(["absolute right-0 top-1/2 z-110 h-5 w-2 -translate-y-1/2 cursor-col-resize after:absolute after:bottom-0 after:z-110 after:block after:h-full after:w-2 after:cursor-col-resize after:border-r-2 after:border-dashed after:border-p-gray-30", i === _ctx.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
                       "data-resize-handle": "",
                       onMousedown: ($event) => vue.unref(colResizeStart)($event, i),
                       onDblclick: ($event) => vue.unref(colResizeFitToData)(i)
-                    }, null, 42, _hoisted_3$1)) : vue.createCommentVNode("", true)
+                    }, null, 42, _hoisted_2$1)) : vue.createCommentVNode("", true)
                   ], 6),
                   _ctx.subheader ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
@@ -857,14 +896,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                   ], 2)) : vue.createCommentVNode("", true)
                 ], 16, _hoisted_1$1);
               }), 128)),
-              _ctx.colsResizable && !_ctx.isLastColFixed ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$1)) : vue.createCommentVNode("", true)
+              _ctx.colsResizable && !_ctx.isLastColFixed ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$1)) : vue.createCommentVNode("", true)
             ])
-          ]),
+          ], 512),
           vue.createElementVNode("tbody", {
             ref_key: "tbodyElement",
             ref: tbodyElement
           }, [
-            _ctx.virtualizer.paddingTop > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$1, [
+            _ctx.virtualizer.paddingTop > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_4$1, [
               vue.createElementVNode("td", {
                 style: vue.normalizeStyle({ height: `${_ctx.virtualizer.paddingTop}px` })
               }, null, 4)
@@ -883,7 +922,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.renderSlot(_ctx.$slots, "cell", vue.mergeProps({ ref_for: true }, { col, colIndex, rowData, rowIndex, cellData: rowData[col.name] }), () => [
                             vue.renderSlot(_ctx.$slots, `cell-${vue.unref(lodashEs.kebabCase)(col.name)}`, vue.mergeProps({ ref_for: true }, { col, rowData, rowIndex, cellData: rowData[col.name] }), () => [
-                              vue.createElementVNode("div", _hoisted_6$1, vue.toDisplayString(rowData[col.name]), 1)
+                              vue.createElementVNode("div", _hoisted_5$1, vue.toDisplayString(rowData[col.name]), 1)
                             ], true)
                           ], true)
                         ]),
@@ -894,7 +933,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                 ]);
               }), 128))
             ], true),
-            _ctx.virtualizer.paddingBottom > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_7, [
+            _ctx.virtualizer.paddingBottom > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$1, [
               vue.createElementVNode("td", {
                 style: vue.normalizeStyle({ height: `${_ctx.virtualizer.paddingBottom}px` })
               }, null, 4)
@@ -905,7 +944,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-ab73279a"]]);
+const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-8af637b9"]]);
 const _imports_0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75838)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75838'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const _imports_1 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80096)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80096'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const _imports_2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
@@ -934,6 +973,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "p-table-sort",
   props: {
+    /**
+     * The current sorting state (v-model).
+     * Valid values: 'asc', 'desc', 'no-sorting'
+     * Controls which sort option is visually active.
+     */
     modelValue: {
       type: String,
       default: pTableSort.SORTING_TYPES.NO_SORTING,
@@ -1049,12 +1093,11 @@ exports.toNumberOrNull = number.toNumberOrNull;
 exports.isObject = object.isObject;
 exports.createPagingRange = pagination.createPagingRange;
 exports.sanitizeUrl = sanitization.sanitizeUrl;
-exports.cn = index.M;
-exports.cnBase = index.N;
-exports.createTV = index.fe;
-exports.defaultConfig = index.ie;
-exports.tv = index.ce;
-exports.voidEmpty = index.x;
+exports.cn = index.i;
+exports.cnBase = index.u;
+exports.createTV = index.C;
+exports.defaultConfig = index.Q;
+exports.tv = index.T;
 exports.PFileUpload = _sfc_main$3;
 exports.PSelectList = _sfc_main$2;
 exports.PTable = pTable;

package/dist/cjs/inputClasses.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./chunks/index.js");
-const inputClasses = index.ce({
+const inputClasses = index.T({
   slots: {
     input: "w-full rounded border-0 bg-surface text-night ring-1 ring-inset ring-p-gray-30 placeholder:text-p-gray-40 hover:ring-primary focus:outline-none focus:ring-2 focus:ring-primary disabled:cursor-default disabled:bg-p-blue-10 disabled:ring-p-gray-30 disabled:hover:ring-p-gray-30",
     label: "mb-1 block font-medium",
@@ -92,7 +92,7 @@ const inputClasses = index.ce({
     size: "md"
   }
 });
-const textareaClasses = index.ce({
+const textareaClasses = index.T({
   extend: inputClasses,
   slots: {
     input: "resize-y overflow-auto"
@@ -111,7 +111,7 @@ const textareaClasses = index.ce({
     }
   }
 });
-const selectClasses = index.ce({
+const selectClasses = index.T({
   extend: inputClasses,
   slots: {
     input: "squirrel-bg-chevron-down appearance-none truncate bg-no-repeat"

package/dist/cjs/p-checkbox.js

@@ -13,10 +13,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "p-checkbox",
   props: {
+    /**
+     * The checked state of the checkbox (v-model)
+     */
     modelValue: {
       type: Boolean,
       default: false
     },
+    /**
+     * Text label for the checkbox
+     * Ignored if using the label slot
+     */
     label: {
       type: String,
       default: ""
@@ -59,5 +66,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pCheckbox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-b394a2f0"]]);
+const pCheckbox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c0f571ea"]]);
 module.exports = pCheckbox;

package/dist/cjs/p-chips.js

@@ -5,15 +5,31 @@ const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js")
 const _sfc_main = vue.defineComponent({
   name: "PChips",
   props: {
+    /**
+     * Array of items to display as chips.
+     * Can be strings or objects with a text property.
+     */
     items: {
       type: Array,
       default: () => []
     },
+    /**
+     * Property name to use as the item display text.
+     * Used when items are objects to extract the text value.
+     */
     itemText: {
       type: String,
       default: "text"
     }
   },
+  /**
+   * Emitted when a chip is clicked.
+   * @param {any} item - The clicked item
+   */
+  /**
+   * Emitted when the overflow indicator is clicked.
+   * Indicates that there are more chips than can be displayed.
+   */
   emits: ["click:chip", "click:overflow"],
   data() {
     return {
@@ -103,5 +119,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 512);
 }
-const pChips = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-57d9f151"]]);
+const pChips = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a6ae49f4"]]);
 module.exports = pChips;

package/dist/cjs/p-close-btn.js

@@ -7,6 +7,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "p-close-btn",
   props: {
+    /**
+     * The visual variant of the close button.
+     * Controls the background color and hover effects.
+     * Valid values: 'transparent', 'gray', 'dark'
+     */
     variant: {
       type: String,
       default: "transparent"
@@ -35,5 +40,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PCloseBtn = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-2002dcc8"]]);
+const PCloseBtn = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8232fb9d"]]);
 module.exports = PCloseBtn;

package/dist/cjs/p-drawer.js

@@ -10,66 +10,132 @@ const __default__ = vue.defineComponent({
     PCloseBtn: pCloseBtn
   },
   props: {
+    /**
+     * Target element to append the drawer to.
+     * Usually 'body' for proper z-index stacking.
+     */
     appendTo: {
       type: String,
       default: "body"
     },
+    /**
+     * Title displayed in the drawer header.
+     * Used for accessibility and visual identification.
+     */
     title: {
       type: String,
       default: ""
     },
+    /**
+     * Whether the drawer content is disabled.
+     * Prevents user interaction with drawer content.
+     */
     disabled: {
       type: Boolean,
       default: false
     },
+    /**
+     * Error message to display in the drawer.
+     * Shows an error alert above the drawer content.
+     */
     errorMsg: {
       type: String,
       default: ""
     },
+    /**
+     * The position of the drawer on the screen.
+     * Valid values: 'left', 'right'
+     * @values left, right
+     */
     position: {
       type: String,
       default: "right"
     },
+    /**
+     * Base z-index for the drawer.
+     * Higher values ensure the drawer appears above other content.
+     */
     zIndex: {
       type: Number,
       default: 900
     },
+    /**
+     * Inline styles for the drawer element.
+     * Applied directly to the drawer element.
+     */
     drawerStyle: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * CSS class for the drawer container.
+     * Controls the base styling of the drawer.
+     */
     drawerClass: {
       type: String,
       default: "drawer"
     },
+    /**
+     * CSS class for the drawer entrance animation.
+     * Overrides the default position-based animation.
+     */
     inClass: {
       type: String,
       default: ""
     },
+    /**
+     * CSS class for the drawer exit animation.
+     * Overrides the default position-based animation.
+     */
     outClass: {
       type: String,
       default: ""
     },
+    /**
+     * Whether the drawer should be mounted immediately.
+     * Useful for drawers that are always present in the DOM.
+     */
     live: {
       type: Boolean,
       default: false
     },
+    /**
+     * Controls the visibility of the drawer (v-model).
+     * Supports two-way binding for drawer state.
+     */
     modelValue: {
       type: Boolean,
       default: false
     },
+    /**
+     * Accessibility label for the close button.
+     * Used by screen readers for better accessibility.
+     */
     closeLabel: {
       type: String,
       default: "Close"
     },
+    /**
+     * Whether to show the backdrop behind the drawer.
+     * When true, displays a semi-transparent overlay.
+     */
     showBackdrop: {
       type: Boolean,
       default: false
     },
+    /**
+     * Whether the drawer can be closed by user interaction.
+     * Controls close button visibility and backdrop click behavior.
+     */
     enableClose: {
       type: Boolean,
       default: true
     },
+    /**
+     * Width of the drawer.
+     * Must be a valid CSS width value ending with 'px'.
+     * @values 460px, 600px, 800px, etc.
+     */
     width: {
       type: String,
       default: "460px",
@@ -78,6 +144,28 @@ const __default__ = vue.defineComponent({
       }
     }
   },
+  /**
+   * Emitted before the drawer starts opening.
+   */
+  /**
+   * Emitted when the drawer is opening (animation in progress).
+   */
+  /**
+   * Emitted when the drawer has finished opening.
+   */
+  /**
+   * Emitted before the drawer starts closing.
+   */
+  /**
+   * Emitted when the drawer is closing (animation in progress).
+   */
+  /**
+   * Emitted when the drawer has finished closing.
+   */
+  /**
+   * Emitted when the drawer visibility changes (v-model).
+   * @param {boolean} value - The new visibility state
+   */
   emits: ["update:modelValue", "before-open", "opening", "opened", "before-close", "closing", "closed"],
   data() {
     return {
@@ -149,7 +237,7 @@ const __default__ = vue.defineComponent({
 });
 const __injectCSSVars__ = () => {
   vue.useCssVars((_ctx) => ({
-    "508822d0": _ctx.width
+    "0ae27020": _ctx.width
   }));
 };
 const __setup__ = __default__.setup;
@@ -266,5 +354,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
   ], 8, ["to"])) : vue.createCommentVNode("", true);
 }
-const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-95d3e794"]]);
+const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-b08a9ced"]]);
 module.exports = pDrawer;

package/dist/cjs/p-dropdown.js

@@ -24,6 +24,7 @@ const _sfc_main = vue.defineComponent({
     },
     /**
      * Enables closing the dropdown with the Escape key.
+     * When true, pressing Escape will close the dropdown.
      */
     enableCloseOnEsc: {
       type: Boolean,
@@ -31,7 +32,7 @@ const _sfc_main = vue.defineComponent({
     },
     /**
      * v-tooltip wraps the popper trigger with a div that has `display: inline-block` set by default.
-     * This prop is used to override the CSS style of that wrapper div
+     * This prop is used to override the CSS style of that wrapper div.
      */
     triggerStyle: {
       type: Object,

package/dist/cjs/p-icon.js

@@ -36,6 +36,7 @@ const P_ICON_ALIASES = {
   upload: "tdesign:upload",
   info: "streamline:information-circle",
   help: "ph:question",
-  search: "streamline:magnifying-glass-solid"
+  search: "streamline:magnifying-glass-solid",
+  warning: "ri:error-warning-line"
 };
 exports.P_ICON_ALIASES = P_ICON_ALIASES;