@pure-ds/core 0.3.19 → 0.4.0

package/dist/types/public/assets/pds/components/pds-tabstrip.d.ts

@@ -1,10 +1,20 @@
 /**
+ * A tab panel used as a child of `<pds-tabstrip>`. Each panel becomes a tab
+ * with its button label derived from the `label` attribute.
+ *
  * @element pds-tabpanel
  *
- * @attr {string} label - Label for the tab button
+ * @attr {string} label - Label text displayed on the tab button
  * @attr {string} id - Unique identifier for the panel (auto-generated if not provided)
  *
- * @slot - Content of the tab panel
+ * @slot - Content displayed when this tab is active
+ *
+ * @example
+ * ```html
+ * <pds-tabpanel label="Settings">
+ *   <p>Settings content here.</p>
+ * </pds-tabpanel>
+ * ```
  */
 declare class TabPanel extends HTMLElement {
     connectedCallback(): void;
@@ -16,18 +26,39 @@ declare class TabPanel extends HTMLElement {
     get section(): HTMLElement | null;
 }
 /**
- * Tab navigation component that pairs anchors with `pds-tabpanel` children.
+ * Tab navigation component that displays content in switchable panels.
+ *
+ * Use `<pds-tabpanel>` children with a `label` attribute to define each tab.
+ * The component auto-generates navigation buttons and handles URL hash synchronization.
  *
  * @element pds-tabstrip
+ *
  * @fires tabchange - Fired when the active tab changes. Detail: `{ oldTab: string|null, newTab: string }`
  *
- * @attr {string} label - Accessible label announced for the tablist
+ * @attr {string} label - Accessible label announced for the tablist (default: "Tabs")
  * @attr {string} selected - Identifier of the currently active panel (synced with the location hash)
  *
- * @slot - Collection of `pds-tabpanel` nodes representing individual tab panels
+ * @slot - One or more `<pds-tabpanel>` elements, each with a `label` attribute
  *
  * @csspart tabs - Navigation container comprising the clickable tab buttons
  * @cssprop --color-accent-400 - Color of the active tab indicator underline
+ *
+ * @example
+ * ```html
+ * <pds-tabstrip label="Account settings">
+ *   <pds-tabpanel label="General">
+ *     <p>General settings content here.</p>
+ *   </pds-tabpanel>
+ *
+ *   <pds-tabpanel label="Security">
+ *     <p>Security settings content here.</p>
+ *   </pds-tabpanel>
+ *
+ *   <pds-tabpanel label="Notifications">
+ *     <p>Notification preferences here.</p>
+ *   </pds-tabpanel>
+ * </pds-tabstrip>
+ * ```
  */
 declare class TabStrip extends HTMLElement {
     /**

package/dist/types/public/assets/pds/components/pds-tabstrip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds-tabstrip.d.ts","sourceRoot":"","sources":["../../../../../../public/assets/pds/components/pds-tabstrip.js"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH;IACE,0BAiBC;IAFG,sBAAuB;IAG3B;;;OAGG;IACH,eAFa,WAAW,GAAC,IAAI,CAI5B;CACF;AAGD;;;;;;;;;;;;;GAaG;AACH;IAoCE;;OAEG;IACH,0BAmCC;;CA4HF"}
+{"version":3,"file":"pds-tabstrip.d.ts","sourceRoot":"","sources":["../../../../../../public/assets/pds/components/pds-tabstrip.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH;IACE,0BAiBC;IAFG,sBAAuB;IAG3B;;;OAGG;IACH,eAFa,WAAW,GAAC,IAAI,CAI5B;CACF;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH;IAoCE;;OAEG;IACH,0BAmCC;;CA4HF"}

package/dist/types/src/js/pds-core/pds-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds-generator.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-generator.js"],"names":[],"mappings":"AAmmKA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,4CAjBW,UAAU,qBACV,aAAa,EAAE,GACb,OAAO,CAAC,IAAI,CAAC,CAqCzB;AAED;;;;;;;;GAQG;AACH,wCALW,UAAU,WACV,MAAM,EAAE,qBACR,aAAa,EAAE,GACb,OAAO,CAAC,IAAI,CAAC,CAmDzB;AAED;;;;;;GAMG;AACH,sCAHW,MAAM,GACJ,aAAa,CAMzB;AArtKD;;;GAGG;AACH;IAEE,mCAAiB;IAEjB,2BAEC;IAy/JD;;;;OAIG;IACH,+BAFW,SAAS,QAgCnB;IAED;;;;OAIG;IACH,gDA6CC;IAzkKD,0BA6CC;IA5CC;;MAIC;IAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAmC;IA6BrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBC;IAycD;;;;OAIG;IACH,kDAyBC;IA0ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6DC;IAw4GD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEC;IAGD,oBAEC;IAkrBD,qBAEC;IACD,yBAEC;IACD,yBAEC;IACD,wBAEC;IACD,yBAMC;IAED;;;;;;OAMG;IACH,oBA6JC;IAGD,4BAEC;IACD,gCAEC;IACD,gCAEC;IACD,+BAEC;IAmBD;;;OAGG;IACH;;;;;;MAoBC;;CA2GF"}
+{"version":3,"file":"pds-generator.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-generator.js"],"names":[],"mappings":"AA8rKA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,4CAjBW,UAAU,qBACV,aAAa,EAAE,GACb,OAAO,CAAC,IAAI,CAAC,CAqCzB;AAED;;;;;;;;GAQG;AACH,wCALW,UAAU,WACV,MAAM,EAAE,qBACR,aAAa,EAAE,GACb,OAAO,CAAC,IAAI,CAAC,CAmDzB;AAED;;;;;;GAMG;AACH,sCAHW,MAAM,GACJ,aAAa,CAMzB;AAhzKD;;;GAGG;AACH;IAEE,mCAAiB;IAEjB,2BAEC;IAolKD;;;;OAIG;IACH,+BAFW,SAAS,QAgCnB;IAED;;;;OAIG;IACH,gDA6CC;IApqKD,0BA6CC;IA5CC;;MAIC;IAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAmC;IA6BrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBC;IAycD;;;;OAIG;IACH,kDAyBC;IA0ED;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6DC;IAu8GD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEC;IAGD,oBAEC;IA8sBD,qBAEC;IACD,yBAEC;IACD,yBAEC;IACD,wBAEC;IACD,yBAMC;IAED;;;;;;OAMG;IACH,oBA6JC;IAGD,4BAEC;IACD,gCAEC;IACD,gCAEC;IACD,+BAEC;IAmBD;;;OAGG;IACH;;;;;;MAoBC;;CA2GF"}

package/dist/types/src/js/pds-core/pds-ontology.d.ts

@@ -1,39 +1,212 @@
-export function findComponentForElement(startEl: any, { maxDepth }?: {
-    maxDepth?: number;
-}): {
-    element: any;
-    componentType: string;
-    displayName: any;
-};
-export function getAllSelectors(): any[];
+/**
+ * Find component for an element using the ontology
+ * @param {HTMLElement} startEl - Starting element to search from
+ * @param {Object} options - Search options
+ * @param {number} options.maxDepth - Maximum depth to traverse (default: 5)
+ * @returns {Object|null} Component info or null
+ */
+export function findComponentForElement(startEl: HTMLElement, { maxDepth }?: {
+    maxDepth: number;
+}): any | null;
+/**
+ * Get all CSS selectors from the ontology
+ * @returns {string[]} Array of all selectors
+ */
+export function getAllSelectors(): string[];
+/**
+ * Search the ontology by tag, name, or category
+ * @param {string} query - Search term
+ * @param {Object} options - Search options
+ * @returns {Object[]} Matching items
+ */
+export function searchOntology(query: string, options?: any): any[];
+/**
+ * Get items by category
+ * @param {string} category - Category name
+ * @returns {Object} Items grouped by type
+ */
+export function getByCategory(category: string): any;
+/**
+ * Get all available tags
+ * @returns {string[]} Sorted unique tags
+ */
+export function getAllTags(): string[];
 export namespace ontology {
     namespace meta {
         let name: string;
         let version: string;
+        let description: string;
     }
     namespace tokens {
-        let colors: string[];
-        let spacing: string[];
-        let typography: string[];
+        namespace colors {
+            let semantic: string[];
+            let neutral: string[];
+            let shades: number[];
+            let surface: string[];
+            let text: string[];
+        }
+        namespace spacing {
+            export let scale: string[];
+            let semantic_1: string[];
+            export { semantic_1 as semantic };
+        }
+        namespace typography {
+            let families: string[];
+            let sizes: string[];
+            let weights: string[];
+        }
+        namespace radius {
+            let scale_1: string[];
+            export { scale_1 as scale };
+        }
+        namespace shadows {
+            let scale_2: string[];
+            export { scale_2 as scale };
+        }
         let themes: string[];
+        namespace breakpoints {
+            let sm: number;
+            let md: number;
+            let lg: number;
+            let xl: number;
+        }
     }
     let primitives: {
         id: string;
         name: string;
+        description: string;
         selectors: string[];
+        tags: string[];
+        category: string;
     }[];
     let components: {
         id: string;
         name: string;
+        description: string;
         selectors: string[];
+        tags: string[];
+        category: string;
     }[];
     let layoutPatterns: {
         id: string;
         name: string;
+        description: string;
         selectors: string[];
+        tags: string[];
+        category: string;
+    }[];
+    namespace utilities {
+        export namespace text_1 {
+            let alignment: string[];
+            let color: string[];
+            let overflow: string[];
+        }
+        export { text_1 as text };
+        export namespace backdrop {
+            let base: string[];
+            let variants: string[];
+            let blur: string[];
+        }
+        export namespace shadow {
+            let scale_3: string[];
+            export { scale_3 as scale };
+        }
+        export namespace border {
+            let gradient: string[];
+            let glow: string[];
+            let combined: string[];
+        }
+        export namespace media {
+            let image: string[];
+            let video: string[];
+            let figure: string[];
+        }
+        export namespace effects {
+            let glass: string[];
+        }
+    }
+    namespace responsive {
+        export let prefixes: string[];
+        export namespace utilities_1 {
+            export let grid: string[];
+            export let flex: string[];
+            let text_2: string[];
+            export { text_2 as text };
+            let spacing_1: string[];
+            export { spacing_1 as spacing };
+            export let width: string[];
+            export let display: string[];
+        }
+        export { utilities_1 as utilities };
+    }
+    let enhancements: {
+        id: string;
+        selector: string;
         description: string;
+        tags: string[];
     }[];
-    let utilities: string[];
+    namespace categories {
+        export namespace feedback {
+            let description_1: string;
+            export { description_1 as description };
+            let primitives_1: string[];
+            export { primitives_1 as primitives };
+            let components_1: string[];
+            export { components_1 as components };
+        }
+        export namespace form {
+            let description_2: string;
+            export { description_2 as description };
+            let primitives_2: string[];
+            export { primitives_2 as primitives };
+            let components_2: string[];
+            export { components_2 as components };
+        }
+        export namespace layout {
+            let description_3: string;
+            export { description_3 as description };
+            export let patterns: string[];
+            let components_3: string[];
+            export { components_3 as components };
+        }
+        export namespace navigation {
+            let description_4: string;
+            export { description_4 as description };
+            let primitives_3: string[];
+            export { primitives_3 as primitives };
+            let components_4: string[];
+            export { components_4 as components };
+        }
+        export namespace media_1 {
+            let description_5: string;
+            export { description_5 as description };
+            let primitives_4: string[];
+            export { primitives_4 as primitives };
+            let components_5: string[];
+            export { components_5 as components };
+        }
+        export { media_1 as media };
+        export namespace overlay {
+            let description_6: string;
+            export { description_6 as description };
+            let primitives_5: string[];
+            export { primitives_5 as primitives };
+            let components_6: string[];
+            export { components_6 as components };
+        }
+        export namespace data {
+            let description_7: string;
+            export { description_7 as description };
+            let primitives_6: string[];
+            export { primitives_6 as primitives };
+        }
+        export namespace theming {
+            let description_8: string;
+            export { description_8 as description };
+            let primitives_7: string[];
+            export { primitives_7 as primitives };
+        }
+    }
     namespace styles {
         let typography_1: string[];
         export { typography_1 as typography };
@@ -42,6 +215,7 @@ export namespace ontology {
             let sets: string[];
         }
         export let interactive: string[];
+        export let states: string[];
     }
 }
 export default ontology;

package/dist/types/src/js/pds-core/pds-ontology.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds-ontology.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-ontology.js"],"names":[],"mappings":"AA8FA;;;;;;EAwJC;AAED,yCAKC"}
+{"version":3,"file":"pds-ontology.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-ontology.js"],"names":[],"mappings":"AAqiBA;;;;;;GAMG;AACH,iDALW,WAAW,iBAEnB;IAAwB,QAAQ,EAAxB,MAAM;CACd,GAAU,MAAO,IAAI,CAmKvB;AAED;;;GAGG;AACH,mCAFa,MAAM,EAAE,CAQpB;AAED;;;;;GAKG;AACH,sCAJW,MAAM,kBAEJ,KAAQ,CAoCpB;AAED;;;;GAIG;AACH,wCAHW,MAAM,OAUhB;AAED;;;GAGG;AACH,8BAFa,MAAM,EAAE,CAWpB"}

package/dist/types/src/js/pds-core/pds-query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pds-query.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-query.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;IACE,sBAoCC;IAnCC,SAAc;IAGd;;;;;;;;;;;;MAYC;IAGD;;;;;;;;;;;;;MAaC;IAGD,wBAAqG;IAGvG;;;;OAIG;IACH,cAHW,MAAM,GACJ,OAAO,OAAO,CA0D1B;IAED;;OAEG;IACH,yBAKC;IAED;;OAEG;IACH;;;;;;;MAkCC;IAED;;OAEG;IACH,6CA0FC;IAED;;OAEG;IACH,gDAiEC;IAED;;OAEG;IACH,iDAyDC;IAED;;OAEG;IACH,+CA8CC;IAED;;OAEG;IACH,iDAiCC;IAED;;OAEG;IACH,8CAwBC;IAED;;OAEG;IACH,4CAsBC;IAED;;OAEG;IACH,iDAcC;IAED;;OAEG;IACH,wVAWC;CACF"}
+{"version":3,"file":"pds-query.d.ts","sourceRoot":"","sources":["../../../../../src/js/pds-core/pds-query.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;IACE,sBAoCC;IAnCC,SAAc;IAGd;;;;;;;;;;;;MAYC;IAGD;;;;;;;;;;;;;MAaC;IAGD,wBAAqG;IAGvG;;;;OAIG;IACH,cAHW,MAAM,GACJ,OAAO,OAAO,CA0D1B;IAED;;OAEG;IACH,yBAKC;IAED;;OAEG;IACH;;;;;;;MAkCC;IAED;;OAEG;IACH,6CA0FC;IAED;;OAEG;IACH,gDA4EC;IAED;;OAEG;IACH,iDAyDC;IAED;;OAEG;IACH,+CA8CC;IAED;;OAEG;IACH,iDAiCC;IAED;;OAEG;IACH,8CAwBC;IAED;;OAEG;IACH,4CAsBC;IAED;;OAEG;IACH,iDAcC;IAED;;OAEG;IACH,wVAWC;CACF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pure-ds/core",
   "shortname": "pds",
-  "version": "0.3.19",
+  "version": "0.4.0",
   "description": "Pure Design System - Why develop a Design System when you can generate one?",
   "repository": {
     "type": "git",