@salla.sa/twilight-components 2.14.596 → 2.14.598

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-12T08:49:56",
+  "timestamp": "2026-10-13T12:23:06",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.1",
@@ -844,7 +844,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": false,
-          "docs": "Icon type (defaults to variant)",
+          "docs": "The icon type to display. Defaults to the variant type. Set to 'none' to hide the icon.",
           "docsTags": [],
           "values": [
             {
@@ -884,7 +884,7 @@
           "mutable": false,
           "attr": "message",
           "reflectToAttr": false,
-          "docs": "Message text",
+          "docs": "The alert message text to display.",
           "docsTags": [],
           "values": [
             {
@@ -907,7 +907,7 @@
           "mutable": false,
           "attr": "variant",
           "reflectToAttr": false,
-          "docs": "Variant theme",
+          "docs": "The visual style/theme of the alert. Can be 'info', 'success', 'warning', or 'error'. Default is 'info'.",
           "docsTags": [
             {
               "name": "default",
@@ -2410,7 +2410,7 @@
           "mutable": false,
           "attr": "color",
           "reflectToAttr": true,
-          "docs": "Button Color",
+          "docs": "The color theme of the button. Available options: 'primary', 'success', 'warning', 'danger', 'light', 'gray', 'dark'. Default is 'primary'.",
           "docsTags": [
             {
               "name": "default",
@@ -2464,7 +2464,7 @@
           "mutable": false,
           "attr": "disabled",
           "reflectToAttr": true,
-          "docs": "Is the button currently disabled",
+          "docs": "Disables the button, preventing user interaction. Default is false.",
           "docsTags": [
             {
               "name": "default",
@@ -2522,7 +2522,7 @@
           "mutable": false,
           "attr": "fill",
           "reflectToAttr": true,
-          "docs": "Button Fill",
+          "docs": "The fill style of the button. 'solid' (filled background), 'outline' (bordered, transparent background), or 'none'. Default is 'solid'.",
           "docsTags": [
             {
               "name": "default",
@@ -2560,7 +2560,7 @@
           "mutable": false,
           "attr": "href",
           "reflectToAttr": false,
-          "docs": "Button with href as normal link",
+          "docs": "When provided, renders the button as an anchor (`<a>`) element with this URL.",
           "docsTags": [],
           "values": [
             {
@@ -2583,7 +2583,7 @@
           "mutable": false,
           "attr": "loader-position",
           "reflectToAttr": false,
-          "docs": "If there is need to change loader position, pass the position",
+          "docs": "Position of the loading spinner. Can be 'start', 'end', 'center', or 'after' (after the button text). Default is 'after'.",
           "docsTags": [
             {
               "name": "default",
@@ -2625,7 +2625,7 @@
           "mutable": false,
           "attr": "loading",
           "reflectToAttr": true,
-          "docs": "Is the button currently loading",
+          "docs": "Shows a loading spinner on the button. Default is false.",
           "docsTags": [
             {
               "name": "default",
@@ -2654,7 +2654,7 @@
           "mutable": false,
           "attr": "shape",
           "reflectToAttr": true,
-          "docs": "Button Type",
+          "docs": "The shape/variant of the button. Can be 'link' (text-only style), 'icon' (circular icon button), or 'btn' (standard button). Default is 'btn'.",
           "docsTags": [
             {
               "name": "default",
@@ -2692,7 +2692,7 @@
           "mutable": false,
           "attr": "size",
           "reflectToAttr": true,
-          "docs": "Button Size",
+          "docs": "The size of the button. Can be 'small', 'medium', or 'large'. Default is 'medium'.",
           "docsTags": [
             {
               "name": "default",
@@ -2730,7 +2730,7 @@
           "mutable": false,
           "attr": "type",
           "reflectToAttr": true,
-          "docs": "Determines the type of the rendered button.\nBy default, the type is set to \"button,\" making it a general-purpose button.\nSetting `type` to \"submit\" makes the button behave as a submit button within a form, triggering form submission.\nPossible values for `type` include \"button,\" \"submit,\" \"reset,\" and \"menu.\".\n\nPossible values and their usage are as follows:\n\"button\" (default, used for general button functionality), \n\"reset\" (resets form fields to their default values), and \n\"menu\" (represents a button that, when activated, displays a context menu).",
+          "docs": "The HTML type attribute for the button. 'button' (default, general-purpose), 'submit' (submits forms), or 'reset' (resets form fields).",
           "docsTags": [
             {
               "name": "default",
@@ -2759,7 +2759,7 @@
           "mutable": false,
           "attr": "width",
           "reflectToAttr": true,
-          "docs": "Button Width",
+          "docs": "The width of the button. 'wide' makes the button full-width, 'normal' uses auto width. Default is 'normal'.",
           "docsTags": [
             {
               "name": "default",
@@ -3358,7 +3358,7 @@
           "mutable": false,
           "attr": "show-cart-label",
           "reflectToAttr": false,
-          "docs": "Show cart label",
+          "docs": "Whether to show the cart label text alongside the cart icon. Default is false (icon only).",
           "docsTags": [],
           "values": [
             {
@@ -5138,7 +5138,7 @@
           "mutable": false,
           "attr": "boxed",
           "reflectToAttr": false,
-          "docs": "If true, the count down numbers will be appear in a boxes",
+          "docs": "Whether to display countdown numbers in boxed containers. Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -5230,7 +5230,7 @@
           "mutable": false,
           "attr": "color",
           "reflectToAttr": false,
-          "docs": "The color of the count down",
+          "docs": "The color theme of the countdown. Can be 'primary', 'light', or 'dark'. Default is 'dark'.",
           "docsTags": [
             {
               "name": "default",
@@ -5291,7 +5291,7 @@
           "mutable": false,
           "attr": "digits",
           "reflectToAttr": false,
-          "docs": "The digits lang to show in the count down",
+          "docs": "The language/format for displaying digits. 'en' for English numerals, 'auto' for localized numerals. Default is 'auto'.",
           "docsTags": [
             {
               "name": "default",
@@ -5325,7 +5325,7 @@
           "mutable": false,
           "attr": "end-of-day",
           "reflectToAttr": false,
-          "docs": "If true, the count down will end at the end of the day",
+          "docs": "Whether to set the countdown end time to the end of the specified day (23:59:59). Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -5348,7 +5348,7 @@
           "mutable": false,
           "attr": "end-text",
           "reflectToAttr": false,
-          "docs": "The text to show when the count down ends",
+          "docs": "Custom text to display when the countdown ends. If not provided, uses the default localized message.",
           "docsTags": [],
           "values": [
             {
@@ -5394,7 +5394,7 @@
           "mutable": false,
           "attr": "labeled",
           "reflectToAttr": false,
-          "docs": "Show labels for each count down number",
+          "docs": "Whether to show labels (day, hour, minute, second) below each countdown number. Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -5494,7 +5494,7 @@
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "The size of the count down",
+          "docs": "The size of the countdown display. Can be 'sm', 'md', or 'lg'. Default is 'md'.",
           "docsTags": [
             {
               "name": "default",
@@ -5606,7 +5606,7 @@
       "encapsulation": "none",
       "tag": "salla-custom-fields",
       "readme": "# salla-custom-fields\n\n\n",
-      "docs": "",
+      "docs": "The `salla-custom-fields` component renders custom form fields with validation support.\nSupports text and file upload fields with real-time validation.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -10156,7 +10156,7 @@
           "mutable": true,
           "attr": "filters",
           "reflectToAttr": false,
-          "docs": "Array of filter options",
+          "docs": "Array of filter options to display. Each filter contains key, label, type, and values for filtering products.",
           "docsTags": [],
           "values": [
             {
@@ -10980,7 +10980,7 @@
       "encapsulation": "shadow",
       "tag": "salla-hook",
       "readme": "# salla-hook\n\n\n",
-      "docs": "",
+      "docs": "The `salla-hook` component serves as a placeholder for dynamic content injection.\nUsed by the Salla hooks system to mount elements at specific locations.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -18158,7 +18158,7 @@
           "mutable": false,
           "attr": "compact",
           "reflectToAttr": true,
-          "docs": "Compact list layout for drawers and lists.",
+          "docs": "Whether to use a compact card layout suitable for drawers and lists. Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -18239,7 +18239,7 @@
           "mutable": false,
           "attr": "full-image",
           "reflectToAttr": false,
-          "docs": "Full image card.",
+          "docs": "Whether to use a full-image card style where the image covers the entire card. Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -18262,7 +18262,7 @@
           "mutable": false,
           "attr": "hide-add-btn",
           "reflectToAttr": false,
-          "docs": "Hide add to cart button.",
+          "docs": "Whether to hide the \"Add to Cart\" button. Default is false (button is shown).",
           "docsTags": [],
           "values": [
             {
@@ -18285,7 +18285,7 @@
           "mutable": false,
           "attr": "horizontal",
           "reflectToAttr": false,
-          "docs": "Horizontal card.",
+          "docs": "Whether to display the card in horizontal (landscape) layout. Default is false (vertical layout).",
           "docsTags": [],
           "values": [
             {
@@ -18308,7 +18308,7 @@
           "mutable": false,
           "attr": "is-special",
           "reflectToAttr": false,
-          "docs": "Special card.",
+          "docs": "Whether this is a special/featured product card with additional styling (like quantity pie chart). Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -18331,7 +18331,7 @@
           "mutable": false,
           "attr": "minimal",
           "reflectToAttr": false,
-          "docs": "Minimal card.",
+          "docs": "Whether to use a minimal card style with reduced information. Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -18354,7 +18354,7 @@
           "mutable": false,
           "attr": "product",
           "reflectToAttr": false,
-          "docs": "Product information.",
+          "docs": "The product data to display. Can be a JSON string or a product object containing id, name, image, price, etc.",
           "docsTags": [],
           "values": [
             {
@@ -18380,7 +18380,7 @@
           "mutable": false,
           "attr": "shadow-on-hover",
           "reflectToAttr": false,
-          "docs": "Support shadow on hover.",
+          "docs": "Whether to add a shadow effect on hover. Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -18432,7 +18432,7 @@
           "mutable": false,
           "attr": "show-quantity",
           "reflectToAttr": false,
-          "docs": "Show quantity.",
+          "docs": "Whether to show the product quantity in a badge. Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -22282,7 +22282,7 @@
           "mutable": false,
           "attr": "editable",
           "reflectToAttr": false,
-          "docs": "Allows the rating to be editable.",
+          "docs": "Whether the rating is interactive/editable by the user. Default is false (display-only).",
           "docsTags": [
             {
               "name": "default",
@@ -22340,7 +22340,7 @@
           "mutable": false,
           "attr": "name",
           "reflectToAttr": false,
-          "docs": "Sets input name.",
+          "docs": "The name attribute for the rating input (used in forms). Default is 'rating'.",
           "docsTags": [
             {
               "name": "default",
@@ -22369,7 +22369,7 @@
           "mutable": false,
           "attr": "reviews",
           "reflectToAttr": false,
-          "docs": "Number of reviews to display.",
+          "docs": "The number of reviews to display next to the stars. Default is 0 (hidden).",
           "docsTags": [
             {
               "name": "default",
@@ -22398,7 +22398,7 @@
           "mutable": false,
           "attr": "size",
           "reflectToAttr": false,
-          "docs": "Sets the height and width of the component. Defaults to medium.",
+          "docs": "The size of the star icons. Can be 'large', 'medium', 'small', or 'mini'. Default is 'medium'.",
           "docsTags": [
             {
               "name": "default",
@@ -22469,7 +22469,7 @@
           "mutable": false,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "The rating value.",
+          "docs": "The current rating value (0-5). Used to display filled stars.",
           "docsTags": [],
           "values": [
             {
@@ -22492,7 +22492,7 @@
           "mutable": false,
           "attr": "with-label",
           "reflectToAttr": false,
-          "docs": "Show the description label.",
+          "docs": "Whether to show a descriptive label (e.g., \"Excellent\", \"Good\") next to the rating. Default is false.",
           "docsTags": [],
           "values": [
             {
@@ -22554,7 +22554,7 @@
       "encapsulation": "none",
       "tag": "salla-review-card",
       "readme": "# salla-review-card\n\n\n",
-      "docs": "",
+      "docs": "The `salla-review-card` component displays a product review with images, ratings, and product info.\nSupports image carousel with swipe gestures.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -24884,7 +24884,7 @@
           "mutable": false,
           "attr": "height",
           "reflectToAttr": false,
-          "docs": "Set the skeleton height",
+          "docs": "The height of the skeleton. Can be any CSS height value (e.g., '100%', '50px', '2rem'). Default is '100%'.",
           "docsTags": [
             {
               "name": "default",
@@ -24913,7 +24913,7 @@
           "mutable": false,
           "attr": "type",
           "reflectToAttr": false,
-          "docs": "Set the shape type of the skeleton is it circle or normal",
+          "docs": "The shape type of the skeleton. 'circle' for circular skeletons (e.g., avatars), 'normal' for rectangular shapes. Default is 'normal'.",
           "docsTags": [
             {
               "name": "default",
@@ -24947,7 +24947,7 @@
           "mutable": false,
           "attr": "width",
           "reflectToAttr": false,
-          "docs": "Set the skeleton width",
+          "docs": "The width of the skeleton. Can be any CSS width value (e.g., '100%', '50px', '2rem'). Default is '100%'.",
           "docsTags": [
             {
               "name": "default",

package/dist/esm/{filepond-okemUEVJ.js → filepond-Cqatu146.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C1mBhG6Z.js';
+import { d as getDefaultExportFromCjs } from './index-noRE1pbw.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-He-1QDcm.js → filepond-plugin-file-poster-DbVXhgv4.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C1mBhG6Z.js';
+import { d as getDefaultExportFromCjs } from './index-noRE1pbw.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BoQ9OZHK.js → filepond-plugin-file-validate-size-BpJPambh.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C1mBhG6Z.js';
+import { d as getDefaultExportFromCjs } from './index-noRE1pbw.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-BVxE-7xU.js → filepond-plugin-file-validate-type-3Qrskyxw.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C1mBhG6Z.js';
+import { d as getDefaultExportFromCjs } from './index-noRE1pbw.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-DJnNmArQ.js → filepond-plugin-image-edit-Cjy7cOV1.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C1mBhG6Z.js';
+import { d as getDefaultExportFromCjs } from './index-noRE1pbw.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-CgkqV9g5.js → filepond-plugin-image-exif-orientation-DYM12Yp-.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C1mBhG6Z.js';
+import { d as getDefaultExportFromCjs } from './index-noRE1pbw.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-DxbixTNR.js → filepond-plugin-image-preview-C9nMEHVX.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-C1mBhG6Z.js';
+import { d as getDefaultExportFromCjs } from './index-noRE1pbw.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {