@ctrliq/quantic-components 1.83.0 → 1.84.0

package/dist/types/badge/badge-group.component.d.ts

@@ -0,0 +1,13 @@
+import { QuanticElement } from '../shared/quantic-element';
+import type { ComponentMeta } from '../shared/meta.types';
+export declare class BadgeGroup extends QuanticElement {
+    static meta: ComponentMeta;
+    ariaLabel: string | null;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'quantic-badge-group': BadgeGroup;
+    }
+}

package/dist/types/badge/badge-group.stories.d.ts

@@ -0,0 +1,41 @@
+import { BadgeColor, BadgeSize } from './index.constants';
+interface Args {
+    label: string | undefined;
+    size: BadgeSize;
+    color: BadgeColor;
+    badges: string[];
+}
+declare const _default: {
+    title: string;
+    component: string;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: string;
+            description: string;
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: ("xs" | "sm" | "md" | "lg")[];
+            description: string;
+        };
+        color: {
+            control: {
+                type: string;
+            };
+            options: ("success" | "error" | "warning" | "gray" | "brand" | "gray-blue" | "blue-light" | "blue" | "indigo" | "purple" | "pink" | "orange")[];
+            description: string;
+        };
+        badges: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: import("../shared/story").StoryObject<Args>;
+export declare const WithAccessibleName: import("../shared/story").StoryObject<Args>;
+export declare const Wrapping: import("../shared/story").StoryObject<Args>;
+export declare const StatusBadges: import("../shared/story").StoryObject<object>;

package/dist/types/badge/index.d.ts

@@ -1,3 +1,4 @@
 export * from './badge.component';
 export * from './status-badge.component';
+export * from './badge-group.component';
 export { BadgeSize, BadgeColor } from './index.constants';

package/dist/types/button-bar/button-bar-item.d.ts

@@ -4,6 +4,9 @@ import type { ComponentMeta } from '../shared/meta.types';
 export declare class ButtonBarItem extends QuanticElement {
     static meta: ComponentMeta;
     size?: ButtonBarSize;
+    tabbable: boolean;
+    private innerButton?;
+    focus(options?: FocusOptions): void;
     disabled: boolean;
     active: boolean;
     static styles: import("lit").CSSResult;

package/dist/types/button-bar/button-bar.d.ts

@@ -5,6 +5,15 @@ export declare class ButtonBar extends QuanticElement {
     static meta: ComponentMeta;
     size: ButtonBarSize;
     ariaLabel: string | null;
+    private disabledObserver?;
+    private hasSynced;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private get items();
+    private setFocusStop;
+    private syncFocusStop;
+    private handleFocusIn;
+    private handleKeydown;
     static styles: import("lit").CSSResult;
     protected defaultLabel: string;
     render(): import("lit").TemplateResult<1>;

package/dist/types/button-bar/index.utils.d.ts

@@ -0,0 +1,6 @@
+export interface FocusStopCandidate {
+    tabbable: boolean;
+    active: boolean;
+}
+export declare function resolveFocusStop(items: FocusStopCandidate[], hasSynced: boolean): number | null;
+export declare function nextFocusIndex(key: string, current: number, count: number): number | null;

package/dist/types/button-bar/index.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -3,6 +3,7 @@ export * from './combobox';
 export * from './badge';
 export * from './capacity-bar';
 export * from './button';
+export * from './action-group';
 export * from './button-group';
 export * from './button-bar';
 export * from './card';

package/dist/types/tag/index.d.ts

@@ -1,4 +1,5 @@
 export * from './tag.component';
 export * from './status-tag.component';
 export * from './count-tag.component';
+export * from './tag-group.component';
 export { TagSize } from './index.constants';

package/dist/types/tag/tag-group.component.d.ts

@@ -0,0 +1,13 @@
+import { QuanticElement } from '../shared/quantic-element';
+import type { ComponentMeta } from '../shared/meta.types';
+export declare class TagGroup extends QuanticElement {
+    static meta: ComponentMeta;
+    ariaLabel: string | null;
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'quantic-tag-group': TagGroup;
+    }
+}

package/dist/types/tag/tag-group.stories.d.ts

@@ -0,0 +1,34 @@
+import { TagSize } from './index.constants';
+interface Args {
+    label: string | undefined;
+    size: TagSize;
+    tags: string[];
+}
+declare const _default: {
+    title: string;
+    component: string;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: string;
+            description: string;
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: ("sm" | "md" | "lg")[];
+            description: string;
+        };
+        tags: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: import("../shared/story").StoryObject<Args>;
+export declare const WithAccessibleName: import("../shared/story").StoryObject<Args>;
+export declare const Wrapping: import("../shared/story").StoryObject<Args>;
+export declare const Dismissible: import("../shared/story").StoryObject<object>;
+export declare const MixedTagTypes: import("../shared/story").StoryObject<object>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctrliq/quantic-components",
-  "version": "1.83.0",
+  "version": "1.84.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
@@ -88,10 +88,11 @@
     "prebuild": "pnpm run prebuild:fonts && pnpm run prebuild:tokens && pnpm run prebuild:icons && pnpm run prebuild:astro",
     "postbuild:astro": "node scripts/fix-astro-dts.mjs",
     "postbuild:meta": "node scripts/gen-meta.mjs",
-    "build": "pnpm run prebuild:icons && pnpm run prebuild:astro && rollup -c && tsc -p tsconfig.json && pnpm run postbuild:astro && pnpm run postbuild:meta",
+    "build": "pnpm run clean && pnpm run prebuild:icons && pnpm run prebuild:astro && rollup -c && tsc -p tsconfig.json && pnpm run postbuild:astro && pnpm run postbuild:meta",
     "dev": "pnpm run prebuild:icons && pnpm run prebuild:astro && rollup -c -w",
     "typecheck": "pnpm run prebuild:icons && pnpm run prebuild:astro && tsc",
     "test": "vitest run",
-    "release": "semantic-release"
+    "release": "semantic-release",
+    "clean": "rm -rf dist"
   }
 }