@warp-ds/elements 2.4.0-next.7 → 2.4.0-next.8

package/dist/api.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../packages/utils/window-exists.js", "../packages/toast/api.ts"],
-  "sourcesContent": ["export const windowExists = typeof window !== 'undefined';\n", "import { windowExists } from '../utils/window-exists';\n\nimport { WarpToastContainer } from '../toast-container/toast-container.js';\nimport type { ToastInternal, ToastOptions } from './types';\n\nfunction getToastContainer() {\n  const container = customElements.get('w-toast-container');\n  return container as typeof WarpToastContainer;\n}\n\n/**\n * Creates a new toast\n */\nexport function toast(message: string, options?: ToastOptions) {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n\n  const data: ToastOptions = {\n    id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),\n    text: message,\n    duration: 5000,\n    type: 'success',\n    ...options,\n  };\n\n  toast.set(data);\n  return data;\n}\n\n/**\n * Remove an existing toast\n */\nexport function removeToast(id: string | number): Promise<boolean> | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  return toast.del(id);\n}\n\n/**\n * Update an existing toast\n */\nexport function updateToast(id: string | number, options?: ToastOptions): ToastInternal | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  toast.set({ ...toast.get(id), ...options });\n  return toast.get(id);\n}\n"],
-  "mappings": "AAAO,IAAMA,EAAe,OAAO,QAAW,YCK9C,SAASC,GAAoB,CAE3B,OADkB,eAAe,IAAI,mBAAmB,CAE1D,CAKO,SAASC,EAAMC,EAAiBC,EAAwB,CAC7D,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EAEjCK,EAAqB,CACzB,GAAI,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAG,CAAC,EACnE,KAAMH,EACN,SAAU,IACV,KAAM,UACN,GAAGC,CACL,EAEA,OAAAF,EAAM,IAAII,CAAI,EACPA,CACT,CAKO,SAASC,EAAYC,EAAmD,CAC7E,OAAKH,EAESJ,EAAkB,EAAE,KAAK,EAC1B,IAAIO,CAAE,EAHA,MAIrB,CAKO,SAASC,EAAYD,EAAqBJ,EAAmD,CAClG,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EACvC,OAAAC,EAAM,IAAI,CAAE,GAAGA,EAAM,IAAIM,CAAE,EAAG,GAAGJ,CAAQ,CAAC,EACnCF,EAAM,IAAIM,CAAE,CACrB",
+  "sourcesContent": ["export const windowExists = typeof window !== 'undefined';\n", "import { WarpToastContainer } from '../toast-container/toast-container.js';\nimport { windowExists } from '../utils/window-exists';\nimport type { ToastInternal, ToastOptions } from './types';\n\nfunction getToastContainer() {\n  const container = customElements.get('w-toast-container');\n  return container as typeof WarpToastContainer;\n}\n\n/**\n * Creates a new toast\n */\nexport function toast(message: string, options?: ToastOptions) {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n\n  const data: ToastOptions = {\n    id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),\n    text: message,\n    duration: 5000,\n    type: 'success',\n    ...options,\n  };\n\n  toast.set(data);\n  return data;\n}\n\n/**\n * Remove an existing toast\n */\nexport function removeToast(id: string | number): Promise<boolean> | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  return toast.del(id);\n}\n\n/**\n * Update an existing toast\n */\nexport function updateToast(id: string | number, options?: ToastOptions): ToastInternal | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  toast.set({ ...toast.get(id), ...options });\n  return toast.get(id);\n}\n"],
+  "mappings": "AAAO,IAAMA,EAAe,OAAO,QAAW,YCI9C,SAASC,GAAoB,CAE3B,OADkB,eAAe,IAAI,mBAAmB,CAE1D,CAKO,SAASC,EAAMC,EAAiBC,EAAwB,CAC7D,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EAEjCK,EAAqB,CACzB,GAAI,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAG,CAAC,EACnE,KAAMH,EACN,SAAU,IACV,KAAM,UACN,GAAGC,CACL,EAEA,OAAAF,EAAM,IAAII,CAAI,EACPA,CACT,CAKO,SAASC,EAAYC,EAAmD,CAC7E,OAAKH,EAESJ,EAAkB,EAAE,KAAK,EAC1B,IAAIO,CAAE,EAHA,MAIrB,CAKO,SAASC,EAAYD,EAAqBJ,EAAmD,CAClG,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EACvC,OAAAC,EAAM,IAAI,CAAE,GAAGA,EAAM,IAAIM,CAAE,EAAG,GAAGJ,CAAQ,CAAC,EACnCF,EAAM,IAAIM,CAAE,CACrB",
   "names": ["windowExists", "getToastContainer", "toast", "message", "options", "windowExists", "data", "removeToast", "id", "updateToast"]
 }

package/dist/custom-elements.json

@@ -6629,70 +6629,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/tab-panel/tab-panel.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
-          "name": "WarpTabPanel",
-          "members": [
-            {
-              "kind": "field",
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "hidden",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "_syncA11yAttributes",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "fieldName": "hidden"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-tab-panel",
-          "customElement": true,
-          "modulePath": "packages/tab-panel/tab-panel.ts",
-          "definitionPath": "packages/tab-panel/tab-panel.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WarpTabPanel",
-          "declaration": {
-            "name": "WarpTabPanel",
-            "module": "packages/tab-panel/tab-panel.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-tab-panel",
-          "declaration": {
-            "name": "WarpTabPanel",
-            "module": "packages/tab-panel/tab-panel.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/tab/tab.ts",
@@ -6836,6 +6772,70 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/tab-panel/tab-panel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
+          "name": "WarpTabPanel",
+          "members": [
+            {
+              "kind": "field",
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "hidden",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_syncA11yAttributes",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "hidden"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-tab-panel",
+          "customElement": true,
+          "modulePath": "packages/tab-panel/tab-panel.ts",
+          "definitionPath": "packages/tab-panel/tab-panel.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpTabPanel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "packages/tab-panel/tab-panel.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-tab-panel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "packages/tab-panel/tab-panel.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/tabs/tabs.ts",

package/dist/index.d.ts

@@ -29,8 +29,8 @@ import type { WarpSliderThumb } from "./packages/slider-thumb/slider-thumb.ts";
 import type { WarpSlider } from "./packages/slider/slider.ts";
 import type { WarpStep } from "./packages/step/step.ts";
 import type { WarpStepIndicator } from "./packages/step-indicator/step-indicator.ts";
-import type { WarpTabPanel } from "./packages/tab-panel/tab-panel.ts";
 import type { WarpTab } from "./packages/tab/tab.ts";
+import type { WarpTabPanel } from "./packages/tab-panel/tab-panel.ts";
 import type { WarpTabs } from "./packages/tabs/tabs.ts";
 import type { WarpTextarea } from "./packages/textarea/textarea.ts";
 
@@ -1683,21 +1683,6 @@ export type WarpStepIndicatorSolidJsProps = {
   textContent?: string | number;
 };
 
-export type WarpTabPanelProps = {
-  /**  */
-  hidden?: WarpTabPanel["hidden"];
-};
-
-export type WarpTabPanelSolidJsProps = {
-  /**  */
-  "prop:hidden"?: WarpTabPanel["hidden"];
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type WarpTabProps = {
   /**  */
   for?: WarpTab["for"];
@@ -1733,6 +1718,21 @@ export type WarpTabSolidJsProps = {
   textContent?: string | number;
 };
 
+export type WarpTabPanelProps = {
+  /**  */
+  hidden?: WarpTabPanel["hidden"];
+};
+
+export type WarpTabPanelSolidJsProps = {
+  /**  */
+  "prop:hidden"?: WarpTabPanel["hidden"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
 export type WarpTabsProps = {
   /**  */
   active?: WarpTabs["active"];
@@ -2722,8 +2722,7 @@ export type CustomElements = {
   >;
 
   /**
-   * Tab panel component that holds content for individual tabs.
-   * Each tab panel should have a name that matches a corresponding tab.
+   * Individual tab component used within w-tabs container.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
    *
@@ -2731,14 +2730,17 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `hidden`: undefined
+   * - `for`: undefined
+   * - `label`: undefined
+   * - `active`: undefined
+   * - `over`: undefined
+   * - `tab-class`/`tabClass`: undefined
    */
-  "w-tab-panel": Partial<
-    WarpTabPanelProps & BaseProps<WarpTabPanel> & BaseEvents
-  >;
+  "w-tab": Partial<WarpTabProps & BaseProps<WarpTab> & BaseEvents>;
 
   /**
-   * Individual tab component used within w-tabs container.
+   * Tab panel component that holds content for individual tabs.
+   * Each tab panel should have a name that matches a corresponding tab.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
    *
@@ -2746,13 +2748,11 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `for`: undefined
-   * - `label`: undefined
-   * - `active`: undefined
-   * - `over`: undefined
-   * - `tab-class`/`tabClass`: undefined
+   * - `hidden`: undefined
    */
-  "w-tab": Partial<WarpTabProps & BaseProps<WarpTab> & BaseEvents>;
+  "w-tab-panel": Partial<
+    WarpTabPanelProps & BaseProps<WarpTabPanel> & BaseEvents
+  >;
 
   /**
    * Tabs are used to organize content by grouping similar information on the same page.
@@ -3777,8 +3777,7 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Tab panel component that holds content for individual tabs.
-   * Each tab panel should have a name that matches a corresponding tab.
+   * Individual tab component used within w-tabs container.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
    *
@@ -3786,17 +3785,19 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `hidden`: undefined
+   * - `for`: undefined
+   * - `label`: undefined
+   * - `active`: undefined
+   * - `over`: undefined
+   * - `tab-class`/`tabClass`: undefined
    */
-  "w-tab-panel": Partial<
-    WarpTabPanelProps &
-      WarpTabPanelSolidJsProps &
-      BaseProps<WarpTabPanel> &
-      BaseEvents
+  "w-tab": Partial<
+    WarpTabProps & WarpTabSolidJsProps & BaseProps<WarpTab> & BaseEvents
   >;
 
   /**
-   * Individual tab component used within w-tabs container.
+   * Tab panel component that holds content for individual tabs.
+   * Each tab panel should have a name that matches a corresponding tab.
    *
    * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
    *
@@ -3804,14 +3805,13 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `for`: undefined
-   * - `label`: undefined
-   * - `active`: undefined
-   * - `over`: undefined
-   * - `tab-class`/`tabClass`: undefined
+   * - `hidden`: undefined
    */
-  "w-tab": Partial<
-    WarpTabProps & WarpTabSolidJsProps & BaseProps<WarpTab> & BaseEvents
+  "w-tab-panel": Partial<
+    WarpTabPanelProps &
+      WarpTabPanelSolidJsProps &
+      BaseProps<WarpTabPanel> &
+      BaseEvents
   >;
 
   /**

package/dist/packages/alert/react.js

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
 import { createComponent } from '@lit/react';
+import { LitElement } from 'lit';
 import React from 'react';
 // decouple from CDN by providing a dummy class
 class Component extends LitElement {