@ismail-elkorchi/ui-primitives 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -1,5 +1,29 @@
-export * from './Button';
-export * from './Badge';
-export * from './Input';
-export * from './Separator';
+export { UikAlert } from './src/atomic/feedback/uik-alert';
+export { UikBadge } from './src/atomic/content/uik-badge';
+export { UikBox } from './src/atomic/layout/uik-box';
+export { UikButton } from './src/atomic/control/uik-button';
+export { UikCheckbox } from './src/atomic/control/uik-checkbox';
+export { UikDialog } from './src/atomic/overlay/uik-dialog';
+export { UikHeading } from './src/atomic/content/uik-heading';
+export { UikIcon } from './src/atomic/content/uik-icon';
+export { UikInput } from './src/atomic/control/uik-input';
+export { UikLink } from './src/atomic/control/uik-link';
+export { UikPopover } from './src/atomic/overlay/uik-popover';
+export { UikProgress } from './src/atomic/feedback/uik-progress';
+export { UikRadio } from './src/atomic/control/uik-radio';
+export { UikSeparator } from './src/atomic/layout/uik-separator';
+export { UikSelect } from './src/atomic/control/uik-select';
+export { UikSpinner } from './src/atomic/feedback/uik-spinner';
+export { UikStack } from './src/atomic/layout/uik-stack';
+export { UikSurface } from './src/atomic/layout/uik-surface';
+export { UikSwitch } from './src/atomic/control/uik-switch';
+export { UikText } from './src/atomic/content/uik-text';
+export { UikTextarea } from './src/atomic/control/uik-textarea';
+export { UikVisuallyHidden } from './src/atomic/content/uik-visually-hidden';
+export { UikNav } from './src/composed/collection/uik-nav';
+export { UikTreeView } from './src/composed/collection/uik-tree-view';
+export { UikRadioGroup } from './src/composed/collection/uik-radio-group';
+export { UikTooltip } from './src/composed/overlay/uik-tooltip';
+export type { UikNavItem, UikNavSelectDetail, UikNavToggleDetail } from './src/composed/collection/uik-nav';
+export type { UikTreeViewItem, UikTreeViewOpenDetail, UikTreeViewSelectDetail, UikTreeViewToggleDetail, } from './src/composed/collection/uik-tree-view';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAC,OAAO,EAAC,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAC,OAAO,EAAC,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAC,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAC,WAAW,EAAC,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAC,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAC,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAC,UAAU,EAAC,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,OAAO,EAAC,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAC,WAAW,EAAC,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAC;AAC9D,YAAY,EAAC,UAAU,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,MAAM,mCAAmC,CAAC;AAC1G,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,yCAAyC,CAAC"}

package/dist/index.js

@@ -1,5 +1,27 @@
-export * from './Button';
-export * from './Badge';
-export * from './Input';
-export * from './Separator';
+export { UikAlert } from './src/atomic/feedback/uik-alert';
+export { UikBadge } from './src/atomic/content/uik-badge';
+export { UikBox } from './src/atomic/layout/uik-box';
+export { UikButton } from './src/atomic/control/uik-button';
+export { UikCheckbox } from './src/atomic/control/uik-checkbox';
+export { UikDialog } from './src/atomic/overlay/uik-dialog';
+export { UikHeading } from './src/atomic/content/uik-heading';
+export { UikIcon } from './src/atomic/content/uik-icon';
+export { UikInput } from './src/atomic/control/uik-input';
+export { UikLink } from './src/atomic/control/uik-link';
+export { UikPopover } from './src/atomic/overlay/uik-popover';
+export { UikProgress } from './src/atomic/feedback/uik-progress';
+export { UikRadio } from './src/atomic/control/uik-radio';
+export { UikSeparator } from './src/atomic/layout/uik-separator';
+export { UikSelect } from './src/atomic/control/uik-select';
+export { UikSpinner } from './src/atomic/feedback/uik-spinner';
+export { UikStack } from './src/atomic/layout/uik-stack';
+export { UikSurface } from './src/atomic/layout/uik-surface';
+export { UikSwitch } from './src/atomic/control/uik-switch';
+export { UikText } from './src/atomic/content/uik-text';
+export { UikTextarea } from './src/atomic/control/uik-textarea';
+export { UikVisuallyHidden } from './src/atomic/content/uik-visually-hidden';
+export { UikNav } from './src/composed/collection/uik-nav';
+export { UikTreeView } from './src/composed/collection/uik-tree-view';
+export { UikRadioGroup } from './src/composed/collection/uik-radio-group';
+export { UikTooltip } from './src/composed/overlay/uik-tooltip';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAC,OAAO,EAAC,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAC,OAAO,EAAC,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAC,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAC,WAAW,EAAC,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAC,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAC,QAAQ,EAAC,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAC,UAAU,EAAC,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAC,OAAO,EAAC,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAC,WAAW,EAAC,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAC"}

package/dist/register.d.ts

@@ -1,5 +1,27 @@
-import './Button';
-import './Badge';
-import './Input';
-import './Separator';
+import './src/atomic/feedback/uik-alert';
+import './src/atomic/content/uik-badge';
+import './src/atomic/layout/uik-box';
+import './src/atomic/control/uik-button';
+import './src/atomic/control/uik-checkbox';
+import './src/atomic/overlay/uik-dialog';
+import './src/atomic/content/uik-heading';
+import './src/atomic/content/uik-icon';
+import './src/atomic/control/uik-input';
+import './src/atomic/control/uik-link';
+import './src/atomic/overlay/uik-popover';
+import './src/atomic/feedback/uik-progress';
+import './src/atomic/control/uik-radio';
+import './src/atomic/layout/uik-separator';
+import './src/atomic/control/uik-select';
+import './src/atomic/feedback/uik-spinner';
+import './src/atomic/layout/uik-stack';
+import './src/atomic/layout/uik-surface';
+import './src/atomic/control/uik-switch';
+import './src/atomic/content/uik-text';
+import './src/atomic/control/uik-textarea';
+import './src/atomic/content/uik-visually-hidden';
+import './src/composed/collection/uik-nav';
+import './src/composed/collection/uik-radio-group';
+import './src/composed/overlay/uik-tooltip';
+import './src/composed/collection/uik-tree-view';
 //# sourceMappingURL=register.d.ts.map

package/dist/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../register.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAClB,OAAO,SAAS,CAAC;AACjB,OAAO,SAAS,CAAC;AACjB,OAAO,aAAa,CAAC"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../register.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AACvC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,0CAA0C,CAAC;AAClD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,2CAA2C,CAAC;AACnD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yCAAyC,CAAC"}

package/dist/register.js

@@ -1,5 +1,27 @@
-import './Button';
-import './Badge';
-import './Input';
-import './Separator';
+import './src/atomic/feedback/uik-alert';
+import './src/atomic/content/uik-badge';
+import './src/atomic/layout/uik-box';
+import './src/atomic/control/uik-button';
+import './src/atomic/control/uik-checkbox';
+import './src/atomic/overlay/uik-dialog';
+import './src/atomic/content/uik-heading';
+import './src/atomic/content/uik-icon';
+import './src/atomic/control/uik-input';
+import './src/atomic/control/uik-link';
+import './src/atomic/overlay/uik-popover';
+import './src/atomic/feedback/uik-progress';
+import './src/atomic/control/uik-radio';
+import './src/atomic/layout/uik-separator';
+import './src/atomic/control/uik-select';
+import './src/atomic/feedback/uik-spinner';
+import './src/atomic/layout/uik-stack';
+import './src/atomic/layout/uik-surface';
+import './src/atomic/control/uik-switch';
+import './src/atomic/content/uik-text';
+import './src/atomic/control/uik-textarea';
+import './src/atomic/content/uik-visually-hidden';
+import './src/composed/collection/uik-nav';
+import './src/composed/collection/uik-radio-group';
+import './src/composed/overlay/uik-tooltip';
+import './src/composed/collection/uik-tree-view';
 //# sourceMappingURL=register.js.map

package/dist/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../register.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAClB,OAAO,SAAS,CAAC;AACjB,OAAO,SAAS,CAAC;AACjB,OAAO,aAAa,CAAC"}
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../register.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AACvC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,0CAA0C,CAAC;AAClD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,2CAA2C,CAAC;AACnD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yCAAyC,CAAC"}

package/dist/src/atomic/content/uik-badge/element.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class UikBadge extends LitElement {
+    accessor variant: 'default' | 'secondary' | 'danger' | 'outline';
+    static readonly styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/content/uik-badge/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-badge/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAKrC,qBACa,QAAS,SAAQ,UAAU;IACZ,QAAQ,CAAC,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAa;IAEvG,gBAAyB,MAAM,0BAAU;IAEhC,MAAM;CAOhB"}

package/dist/src/atomic/content/uik-badge/element.js

@@ -0,0 +1,30 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './styles';
+let UikBadge = class UikBadge extends LitElement {
+    #variant_accessor_storage = 'default';
+    get variant() { return this.#variant_accessor_storage; }
+    set variant(value) { this.#variant_accessor_storage = value; }
+    static styles = styles;
+    render() {
+        return html `
+      <div part="base" class="badge variant-${this.variant}">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], UikBadge.prototype, "variant", null);
+UikBadge = __decorate([
+    customElement('uik-badge')
+], UikBadge);
+export { UikBadge };
+//# sourceMappingURL=element.js.map

package/dist/src/atomic/content/uik-badge/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-badge/element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGzB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IACH,4BAA0D,SAAS,CAAC;IAApE,IAAA,OAAO,6CAA6D;IAApE,IAAA,OAAO,mDAA6D;IAEvG,MAAM,CAAmB,MAAM,GAAG,MAAM,CAAC;IAEhC,MAAM;QACb,OAAO,IAAI,CAAA;8CAC+B,IAAI,CAAC,OAAO;;;KAGrD,CAAC;IACJ,CAAC;;AAVkC;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCAA8E;AAD5F,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAYpB"}

package/dist/src/atomic/content/uik-badge/index.d.ts

@@ -0,0 +1,2 @@
+export { UikBadge } from './element';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/atomic/content/uik-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/content/uik-badge/index.js

@@ -0,0 +1,2 @@
+export { UikBadge } from './element';
+//# sourceMappingURL=index.js.map

package/dist/src/atomic/content/uik-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/content/uik-badge/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/src/atomic/content/uik-badge/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-badge/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA0DlB,CAAC"}

package/dist/src/atomic/content/uik-badge/styles.js

@@ -0,0 +1,61 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+  }
+
+  .badge {
+    --_uik-badge-bg: oklch(var(--uik-component-badge-default-bg));
+    --_uik-badge-fg: oklch(var(--uik-component-badge-default-fg));
+    --_uik-badge-border-color: oklch(var(--uik-component-badge-default-border));
+    --_uik-badge-shadow: var(--uik-component-badge-default-shadow);
+
+    display: inline-flex;
+    align-items: center;
+    padding: var(--uik-component-badge-base-padding-y) var(--uik-component-badge-base-padding-x);
+    font-size: var(--uik-component-badge-base-font-size);
+    font-weight: var(--uik-component-badge-base-font-weight);
+    line-height: var(--uik-component-badge-base-line-height);
+    color: var(--_uik-badge-fg);
+    background-color: var(--_uik-badge-bg);
+    border-color: var(--_uik-badge-border-color);
+    border-style: var(--uik-border-style-solid);
+    border-width: var(--uik-component-badge-base-border-width);
+    border-radius: var(--uik-component-badge-base-radius);
+    box-shadow: var(--_uik-badge-shadow);
+    transition:
+      color var(--uik-motion-transition-colors),
+      background-color var(--uik-motion-transition-colors),
+      border-color var(--uik-motion-transition-colors),
+      box-shadow var(--uik-motion-transition-shadow);
+  }
+
+  .variant-default {
+    --_uik-badge-bg: oklch(var(--uik-component-badge-default-bg));
+    --_uik-badge-fg: oklch(var(--uik-component-badge-default-fg));
+    --_uik-badge-border-color: oklch(var(--uik-component-badge-default-border));
+    --_uik-badge-shadow: var(--uik-component-badge-default-shadow);
+  }
+
+  .variant-secondary {
+    --_uik-badge-bg: oklch(var(--uik-component-badge-secondary-bg));
+    --_uik-badge-fg: oklch(var(--uik-component-badge-secondary-fg));
+    --_uik-badge-border-color: oklch(var(--uik-component-badge-secondary-border));
+    --_uik-badge-shadow: var(--uik-component-badge-secondary-shadow);
+  }
+
+  .variant-danger {
+    --_uik-badge-bg: oklch(var(--uik-component-badge-danger-bg));
+    --_uik-badge-fg: oklch(var(--uik-component-badge-danger-fg));
+    --_uik-badge-border-color: oklch(var(--uik-component-badge-danger-border));
+    --_uik-badge-shadow: var(--uik-component-badge-danger-shadow);
+  }
+
+  .variant-outline {
+    --_uik-badge-bg: oklch(var(--uik-component-badge-outline-bg));
+    --_uik-badge-fg: oklch(var(--uik-component-badge-outline-fg));
+    --_uik-badge-border-color: oklch(var(--uik-component-badge-outline-border));
+    --_uik-badge-shadow: var(--uik-component-badge-outline-shadow);
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/content/uik-badge/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-badge/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DxB,CAAC"}

package/dist/src/atomic/content/uik-heading/element.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class UikHeading extends LitElement {
+    accessor level: number;
+    accessor tone: 'default' | 'strong' | 'muted' | 'danger' | 'success' | 'warning' | 'info';
+    static readonly styles: import("lit").CSSResult;
+    private get resolvedLevel();
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/content/uik-heading/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-heading/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAKrC,qBACa,UAAW,SAAQ,UAAU;IACmB,QAAQ,CAAC,KAAK,SAAK;IACnB,QAAQ,CAAC,IAAI,EACpE,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,CAAY;IAEtB,gBAAyB,MAAM,0BAAU;IAEzC,OAAO,KAAK,aAAa,GAIxB;IAEQ,MAAM;CAyChB"}

package/dist/src/atomic/content/uik-heading/element.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './styles';
+let UikHeading = class UikHeading extends LitElement {
+    #level_accessor_storage = 2;
+    get level() { return this.#level_accessor_storage; }
+    set level(value) { this.#level_accessor_storage = value; }
+    #tone_accessor_storage = 'strong';
+    get tone() { return this.#tone_accessor_storage; }
+    set tone(value) { this.#tone_accessor_storage = value; }
+    static styles = styles;
+    get resolvedLevel() {
+        if (this.level < 1)
+            return 1;
+        if (this.level > 6)
+            return 6;
+        return this.level;
+    }
+    render() {
+        switch (this.resolvedLevel) {
+            case 1:
+                return html `
+          <h1 part="base" class="heading">
+            <slot></slot>
+          </h1>
+        `;
+            case 2:
+                return html `
+          <h2 part="base" class="heading">
+            <slot></slot>
+          </h2>
+        `;
+            case 3:
+                return html `
+          <h3 part="base" class="heading">
+            <slot></slot>
+          </h3>
+        `;
+            case 4:
+                return html `
+          <h4 part="base" class="heading">
+            <slot></slot>
+          </h4>
+        `;
+            case 5:
+                return html `
+          <h5 part="base" class="heading">
+            <slot></slot>
+          </h5>
+        `;
+            case 6:
+            default:
+                return html `
+          <h6 part="base" class="heading">
+            <slot></slot>
+          </h6>
+        `;
+        }
+    }
+};
+__decorate([
+    property({ type: Number, reflect: true, useDefault: true })
+], UikHeading.prototype, "level", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikHeading.prototype, "tone", null);
+UikHeading = __decorate([
+    customElement('uik-heading')
+], UikHeading);
+export { UikHeading };
+//# sourceMappingURL=element.js.map

package/dist/src/atomic/content/uik-heading/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-heading/element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGzB,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAC4B,0BAAQ,CAAC,CAAC;IAAV,IAAA,KAAK,2CAAK;IAAV,IAAA,KAAK,iDAAK;IACV,yBAOvD,QAAQ,CAAC;IAP8C,IAAA,IAAI,0CAOlD;IAP8C,IAAA,IAAI,gDAOlD;IAEtB,MAAM,CAAmB,MAAM,GAAG,MAAM,CAAC;IAEzC,IAAY,aAAa;QACvB,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;YAAE,OAAO,CAAC,CAAC;QAC7B,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;YAAE,OAAO,CAAC,CAAC;QAC7B,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAEQ,MAAM;QACb,QAAQ,IAAI,CAAC,aAAa,EAAE,CAAC;YAC3B,KAAK,CAAC;gBACJ,OAAO,IAAI,CAAA;;;;SAIV,CAAC;YACJ,KAAK,CAAC;gBACJ,OAAO,IAAI,CAAA;;;;SAIV,CAAC;YACJ,KAAK,CAAC;gBACJ,OAAO,IAAI,CAAA;;;;SAIV,CAAC;YACJ,KAAK,CAAC;gBACJ,OAAO,IAAI,CAAA;;;;SAIV,CAAC;YACJ,KAAK,CAAC;gBACJ,OAAO,IAAI,CAAA;;;;SAIV,CAAC;YACJ,KAAK,CAAC,CAAC;YACP;gBACE,OAAO,IAAI,CAAA;;;;SAIV,CAAC;QACN,CAAC;IACH,CAAC;;AA1DmE;IAAnE,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;uCAAoB;AACV;IAAnE,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;sCAOpC;AATX,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4DtB"}

package/dist/src/atomic/content/uik-heading/index.d.ts

@@ -0,0 +1,2 @@
+export { UikHeading } from './element';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/atomic/content/uik-heading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/content/uik-heading/index.js

@@ -0,0 +1,2 @@
+export { UikHeading } from './element';
+//# sourceMappingURL=index.js.map

package/dist/src/atomic/content/uik-heading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/content/uik-heading/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/src/atomic/content/uik-heading/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-heading/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmElB,CAAC"}

package/dist/src/atomic/content/uik-heading/styles.js

@@ -0,0 +1,70 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .heading {
+    margin: var(--uik-space-0);
+    font-family: var(--uik-typography-font-family-sans);
+    font-size: var(--uik-component-heading-size-2);
+    font-weight: var(--uik-component-heading-weight);
+    line-height: var(--uik-component-heading-line-height-2);
+    color: oklch(var(--uik-component-heading-color-strong));
+  }
+
+  :host([level='1']) .heading {
+    font-size: var(--uik-component-heading-size-1);
+    line-height: var(--uik-component-heading-line-height-1);
+  }
+
+  :host([level='2']) .heading {
+    font-size: var(--uik-component-heading-size-2);
+    line-height: var(--uik-component-heading-line-height-2);
+  }
+
+  :host([level='3']) .heading {
+    font-size: var(--uik-component-heading-size-3);
+    line-height: var(--uik-component-heading-line-height-3);
+  }
+
+  :host([level='4']) .heading {
+    font-size: var(--uik-component-heading-size-4);
+    line-height: var(--uik-component-heading-line-height-4);
+  }
+
+  :host([level='5']) .heading {
+    font-size: var(--uik-component-heading-size-5);
+    line-height: var(--uik-component-heading-line-height-5);
+  }
+
+  :host([level='6']) .heading {
+    font-size: var(--uik-component-heading-size-6);
+    line-height: var(--uik-component-heading-line-height-6);
+  }
+
+  :host([tone='default']) .heading {
+    color: oklch(var(--uik-component-heading-color-default));
+  }
+
+  :host([tone='muted']) .heading {
+    color: oklch(var(--uik-component-heading-color-muted));
+  }
+
+  :host([tone='danger']) .heading {
+    color: oklch(var(--uik-component-heading-color-danger));
+  }
+
+  :host([tone='success']) .heading {
+    color: oklch(var(--uik-component-heading-color-success));
+  }
+
+  :host([tone='warning']) .heading {
+    color: oklch(var(--uik-component-heading-color-warning));
+  }
+
+  :host([tone='info']) .heading {
+    color: oklch(var(--uik-component-heading-color-info));
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/src/atomic/content/uik-heading/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-heading/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmExB,CAAC"}

package/dist/src/atomic/content/uik-icon/element.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class UikIcon extends LitElement {
+    accessor size: 'xs' | 'sm' | 'md' | 'lg';
+    accessor tone: 'default' | 'muted' | 'danger' | 'success' | 'warning' | 'info' | 'inverse';
+    accessor ariaLabelValue: string;
+    accessor ariaHiddenValue: string;
+    static readonly styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=element.d.ts.map

package/dist/src/atomic/content/uik-icon/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-icon/element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAMrC,qBACa,OAAQ,SAAQ,UAAU;IACsB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAChD,QAAQ,CAAC,IAAI,EACpE,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,CAAa;IACW,QAAQ,CAAC,cAAc,SAAM;IAC5B,QAAQ,CAAC,eAAe,SAAM;IAEpE,gBAAyB,MAAM,0BAAU;IAEhC,MAAM;CAYhB"}

package/dist/src/atomic/content/uik-icon/element.js

@@ -0,0 +1,54 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { styles } from './styles';
+let UikIcon = class UikIcon extends LitElement {
+    #size_accessor_storage = 'md';
+    get size() { return this.#size_accessor_storage; }
+    set size(value) { this.#size_accessor_storage = value; }
+    #tone_accessor_storage = 'default';
+    get tone() { return this.#tone_accessor_storage; }
+    set tone(value) { this.#tone_accessor_storage = value; }
+    #ariaLabelValue_accessor_storage = '';
+    get ariaLabelValue() { return this.#ariaLabelValue_accessor_storage; }
+    set ariaLabelValue(value) { this.#ariaLabelValue_accessor_storage = value; }
+    #ariaHiddenValue_accessor_storage = '';
+    get ariaHiddenValue() { return this.#ariaHiddenValue_accessor_storage; }
+    set ariaHiddenValue(value) { this.#ariaHiddenValue_accessor_storage = value; }
+    static styles = styles;
+    render() {
+        return html `
+      <span
+        part="base"
+        class="icon"
+        role=${ifDefined(this.ariaLabelValue ? 'img' : undefined)}
+        aria-label=${ifDefined(this.ariaLabelValue || undefined)}
+        aria-hidden=${ifDefined(this.ariaHiddenValue || undefined)}>
+        <slot></slot>
+      </span>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikIcon.prototype, "size", null);
+__decorate([
+    property({ type: String, reflect: true, useDefault: true })
+], UikIcon.prototype, "tone", null);
+__decorate([
+    property({ attribute: 'aria-label' })
+], UikIcon.prototype, "ariaLabelValue", null);
+__decorate([
+    property({ attribute: 'aria-hidden' })
+], UikIcon.prototype, "ariaHiddenValue", null);
+UikIcon = __decorate([
+    customElement('uik-icon')
+], UikIcon);
+export { UikIcon };
+//# sourceMappingURL=element.js.map

package/dist/src/atomic/content/uik-icon/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-icon/element.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGzB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAC+B,yBAAkC,IAAI,CAAC;IAAvC,IAAA,IAAI,0CAAmC;IAAvC,IAAA,IAAI,gDAAmC;IACvC,yBAOpD,SAAS,CAAC;IAP0C,IAAA,IAAI,0CAO9C;IAP0C,IAAA,IAAI,gDAO9C;IACoB,mCAAiB,EAAE,CAAC;IAApB,IAAA,cAAc,oDAAM;IAApB,IAAA,cAAc,0DAAM;IACnB,oCAAkB,EAAE,CAAC;IAArB,IAAA,eAAe,qDAAM;IAArB,IAAA,eAAe,2DAAM;IAEpE,MAAM,CAAmB,MAAM,GAAG,MAAM,CAAC;IAEhC,MAAM;QACb,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;qBAC5C,SAAS,CAAC,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC;sBAC1C,SAAS,CAAC,IAAI,CAAC,eAAe,IAAI,SAAS,CAAC;;;KAG7D,CAAC;IACJ,CAAC;;AAzBmE;IAAnE,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;mCAAiD;AACvC;IAAnE,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;mCAOhC;AACoB;IAA7C,QAAQ,CAAC,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC;6CAA8B;AACnB;IAA9C,QAAQ,CAAC,EAAC,SAAS,EAAE,aAAa,EAAC,CAAC;8CAA+B;AAXzD,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CA2BnB"}

package/dist/src/atomic/content/uik-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { UikIcon } from './element';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/atomic/content/uik-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/content/uik-icon/index.js

@@ -0,0 +1,2 @@
+export { UikIcon } from './element';
+//# sourceMappingURL=index.js.map

package/dist/src/atomic/content/uik-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC"}

package/dist/src/atomic/content/uik-icon/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/src/atomic/content/uik-icon/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/content/uik-icon/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2DlB,CAAC"}