@vielzeug/buildit 2.0.0

package/dist/content/avatar/avatar.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.css?inline.js","names":[],"sources":["../../../src/content/avatar/avatar.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    --_bg: var(--avatar-bg, var(--_theme-backdrop, var(--color-contrast-200)));\n    --_color: var(--avatar-color, var(--_theme-base, var(--color-contrast-700)));\n    --_radius: var(--avatar-radius, var(--rounded-full));\n    --_font-weight: var(--avatar-font-weight, var(--font-semibold));\n    --_border: var(--avatar-border, none);\n    --_border-color: var(--avatar-border-color, var(--color-canvas));\n    --_size: var(--avatar-size, var(--size-10));\n    --_font-size: var(--avatar-font-size, var(--text-sm));\n\n    position: relative;\n    display: inline-flex;\n    flex-shrink: 0;\n  }\n\n  .avatar {\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--_size);\n    height: var(--_size);\n    overflow: hidden;\n    font-size: var(--_font-size);\n    font-weight: var(--_font-weight);\n    line-height: 1;\n    color: var(--_color);\n    text-transform: uppercase;\n    user-select: none;\n    background: var(--_bg);\n    border: var(--_border);\n    border-color: var(--_border-color);\n    border-radius: var(--_radius);\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  img[hidden] {\n    display: none;\n  }\n\n  .initials {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n  }\n\n  .icon-fallback {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    color: var(--_color);\n    opacity: 0.6;\n  }\n\n  .status {\n    position: absolute;\n    inset-inline-end: 0;\n    bottom: 0;\n    width: 0.75em;\n    height: 0.75em;\n    border: 2px solid var(--_border-color, var(--color-canvas));\n    border-radius: var(--rounded-full);\n  }\n\n  .status[data-status='online'] {\n    background: var(--color-success);\n  }\n\n  .status[data-status='offline'] {\n    background: var(--color-contrast-400);\n  }\n\n  .status[data-status='busy'] {\n    background: var(--color-error);\n  }\n\n  .status[data-status='away'] {\n    background: var(--color-warning);\n  }\n}\n\n/* forcedColorsMixin targets :host; avatar needs the border on .avatar (different geometry),\n     so forced-color rules are kept inline and unlayered to match mixin convention. */\n@media (forced-colors: active) {\n  .avatar {\n    forced-color-adjust: none;\n    border: 1px solid ButtonText;\n  }\n\n  .status {\n    background: Highlight;\n    border: 2px solid ButtonText;\n  }\n}\n"],"mappings":""}

package/dist/content/avatar/avatar.d.ts

@@ -0,0 +1,78 @@
+import type { ComponentSize, RoundedSize, ThemeColor } from '../../types';
+export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
+/** Avatar component properties */
+export type BitAvatarProps = {
+    /** Alt text for the image; also used to derive initials when no `initials` prop is given */
+    alt?: string;
+    /** Theme color (used for initials background) */
+    color?: ThemeColor;
+    /** Explicit initials to display when no image is available (e.g. "JD") */
+    initials?: string;
+    /** Border radius */
+    rounded?: RoundedSize | '';
+    /** Component size */
+    size?: ComponentSize;
+    /** Image source URL */
+    src?: string;
+    /** Online presence indicator */
+    status?: AvatarStatus;
+};
+/**
+ * Displays a user avatar: image → initials → generic fallback icon, in that priority order.
+ *
+ * @element bit-avatar
+ *
+ * @attr {string} src - Image source URL
+ * @attr {string} alt - Image alt text (also used to derive initials)
+ * @attr {string} initials - Explicit initials (up to 2 chars)
+ * @attr {string} color - Theme color for initials background
+ * @attr {string} size - 'sm' | 'md' | 'lg'
+ * @attr {string} rounded - Border radius
+ * @attr {string} status - 'online' | 'offline' | 'busy' | 'away'
+ *
+ * @cssprop --avatar-size - Diameter of the avatar
+ * @cssprop --avatar-bg - Background color
+ * @cssprop --avatar-color - Text/icon color
+ * @cssprop --avatar-radius - Border radius
+ * @cssprop --avatar-border - Border shorthand
+ * @cssprop --avatar-border-color - Border color (also controls status dot border)
+ *
+ * @example
+ * ```html
+ * <bit-avatar src="/jane.jpg" alt="Jane Doe"></bit-avatar>
+ * <bit-avatar initials="JD" color="primary"></bit-avatar>
+ * <bit-avatar alt="John Smith" status="online"></bit-avatar>
+ * ```
+ */
+export declare const AVATAR_TAG: string;
+/** AvatarGroup component properties */
+export type BitAvatarGroupProps = {
+    /** Maximum number of avatars to show before showing a +N badge */
+    max?: number;
+    /** Total count shown in the overflow badge (defaults to the actual hidden count) */
+    total?: number;
+};
+/**
+ * Groups multiple `bit-avatar` elements in a stacked, overlapping row.
+ *
+ * @element bit-avatar-group
+ *
+ * @attr {number} max - Max visible avatars before overflow badge (default: 5)
+ * @attr {number} total - Override the total count displayed in the badge
+ *
+ * @slot - `bit-avatar` elements
+ *
+ * @cssprop --avatar-group-overlap - Negative margin creating the overlap (default: -0.75rem)
+ *
+ * @example
+ * ```html
+ * <bit-avatar-group max="3">
+ *   <bit-avatar src="/a.jpg" alt="Alice"></bit-avatar>
+ *   <bit-avatar src="/b.jpg" alt="Bob"></bit-avatar>
+ *   <bit-avatar src="/c.jpg" alt="Carol"></bit-avatar>
+ *   <bit-avatar src="/d.jpg" alt="Dave"></bit-avatar>
+ * </bit-avatar-group>
+ * ```
+ */
+export declare const AVATAR_GROUP_TAG: string;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/content/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/content/avatar/avatar.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAY1E,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AASlE,kCAAkC;AAClC,MAAM,MAAM,cAAc,GAAG;IAC3B,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB;IACpB,OAAO,CAAC,EAAE,WAAW,GAAG,EAAE,CAAC;IAC3B,qBAAqB;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gCAAgC;IAChC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,QAmHrB,CAAC;AAQH,uCAAuC;AACvC,MAAM,MAAM,mBAAmB,GAAG;IAChC,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,gBAAgB,QAoC3B,CAAC"}

package/dist/content/breadcrumb/breadcrumb-item.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`@layer buildit.base{:host,.item{align-items:center;display:inline-flex}.separator{padding-inline:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-contrast-400);display:none}:host([data-show-separator]) .separator{display:inline-block}.link{gap:var(--size-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);outline-offset:2px;border-radius:var(--rounded-sm);transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.link:hover{color:var(--color-contrast-900);text-decoration:underline}.link:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2)}:host([active]) .link{font-weight:var(--font-semibold);color:var(--color-contrast-900);pointer-events:none;text-decoration:none}.icon{display:contents}.label{min-width:0;max-width:var(--breadcrumb-item-max-width,20ch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}`;exports.default=e;
+//# sourceMappingURL=breadcrumb-item.css?inline.cjs.map

package/dist/content/breadcrumb/breadcrumb-item.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.css?inline.cjs","names":[],"sources":["../../../src/content/breadcrumb/breadcrumb-item.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .item {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .separator {\n    display: none;\n    padding-inline: var(--size-2);\n    font-size: var(--text-sm);\n    font-weight: var(--font-normal);\n    color: var(--color-contrast-400);\n  }\n\n  :host([data-show-separator]) .separator {\n    display: inline-block;\n  }\n\n  .link {\n    display: inline-flex;\n    gap: var(--size-1);\n    align-items: center;\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--color-contrast-600);\n    text-decoration: none;\n    outline-offset: 2px;\n    border-radius: var(--rounded-sm);\n    transition: color var(--transition-fast);\n  }\n\n  .link:hover {\n    color: var(--color-contrast-900);\n    text-decoration: underline;\n  }\n\n  .link:focus-visible {\n    outline: var(--border-2) solid currentcolor;\n    outline-offset: var(--border-2);\n  }\n\n  :host([active]) .link {\n    font-weight: var(--font-semibold);\n    color: var(--color-contrast-900);\n    text-decoration: none;\n    pointer-events: none;\n  }\n\n  /* Icon slot */\n  .icon {\n    display: contents;\n  }\n\n  .label {\n    min-width: 0;\n    max-width: var(--breadcrumb-item-max-width, 20ch);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}

package/dist/content/breadcrumb/breadcrumb-item.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/content/breadcrumb/breadcrumb-item.css?inline
+var e = "@layer buildit.base{:host,.item{align-items:center;display:inline-flex}.separator{padding-inline:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-contrast-400);display:none}:host([data-show-separator]) .separator{display:inline-block}.link{gap:var(--size-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);outline-offset:2px;border-radius:var(--rounded-sm);transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.link:hover{color:var(--color-contrast-900);text-decoration:underline}.link:focus-visible{outline:var(--border-2) solid currentcolor;outline-offset:var(--border-2)}:host([active]) .link{font-weight:var(--font-semibold);color:var(--color-contrast-900);pointer-events:none;text-decoration:none}.icon{display:contents}.label{min-width:0;max-width:var(--breadcrumb-item-max-width,20ch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=breadcrumb-item.css?inline.js.map

package/dist/content/breadcrumb/breadcrumb-item.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.css?inline.js","names":[],"sources":["../../../src/content/breadcrumb/breadcrumb-item.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .item {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .separator {\n    display: none;\n    padding-inline: var(--size-2);\n    font-size: var(--text-sm);\n    font-weight: var(--font-normal);\n    color: var(--color-contrast-400);\n  }\n\n  :host([data-show-separator]) .separator {\n    display: inline-block;\n  }\n\n  .link {\n    display: inline-flex;\n    gap: var(--size-1);\n    align-items: center;\n    font-size: var(--text-sm);\n    font-weight: var(--font-medium);\n    color: var(--color-contrast-600);\n    text-decoration: none;\n    outline-offset: 2px;\n    border-radius: var(--rounded-sm);\n    transition: color var(--transition-fast);\n  }\n\n  .link:hover {\n    color: var(--color-contrast-900);\n    text-decoration: underline;\n  }\n\n  .link:focus-visible {\n    outline: var(--border-2) solid currentcolor;\n    outline-offset: var(--border-2);\n  }\n\n  :host([active]) .link {\n    font-weight: var(--font-semibold);\n    color: var(--color-contrast-900);\n    text-decoration: none;\n    pointer-events: none;\n  }\n\n  /* Icon slot */\n  .icon {\n    display: contents;\n  }\n\n  .label {\n    min-width: 0;\n    max-width: var(--breadcrumb-item-max-width, 20ch);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}

package/dist/content/breadcrumb/breadcrumb.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`@layer buildit.base{:host,nav{display:block}ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}}`;exports.default=e;
+//# sourceMappingURL=breadcrumb.css?inline.cjs.map

package/dist/content/breadcrumb/breadcrumb.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.css?inline.cjs","names":[],"sources":["../../../src/content/breadcrumb/breadcrumb.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    display: block;\n  }\n\n  nav {\n    display: block;\n  }\n\n  ol {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0;\n    align-items: center;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n}\n"],"mappings":""}

package/dist/content/breadcrumb/breadcrumb.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/content/breadcrumb/breadcrumb.css?inline
+var e = "@layer buildit.base{:host,nav{display:block}ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=breadcrumb.css?inline.js.map

package/dist/content/breadcrumb/breadcrumb.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.css?inline.js","names":[],"sources":["../../../src/content/breadcrumb/breadcrumb.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    display: block;\n  }\n\n  nav {\n    display: block;\n  }\n\n  ol {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0;\n    align-items: center;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n}\n"],"mappings":""}

package/dist/content/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,36 @@
+export type BitBreadcrumbProps = {
+    label?: string;
+    separator?: string;
+};
+export type BitBreadcrumbItemProps = {
+    active?: boolean;
+    href?: string;
+    separator?: string;
+};
+/**
+ * `bit-breadcrumb-item` — A single crumb within a `<bit-breadcrumb>` list.
+ *
+ * @example
+ * ```html
+ * <bit-breadcrumb-item href="/">Home</bit-breadcrumb-item>
+ * <bit-breadcrumb-item active>Current Page</bit-breadcrumb-item>
+ * ```
+ */
+export declare const BREADCRUMB_ITEM_TAG: string;
+/**
+ * `bit-breadcrumb` — Accessible navigation breadcrumb.
+ *
+ * Wrap `<bit-breadcrumb-item>` elements as children.
+ * The last/current item should have `active` attribute.
+ *
+ * @example
+ * ```html
+ * <bit-breadcrumb label="Page breadcrumb">
+ *   <bit-breadcrumb-item href="/">Home</bit-breadcrumb-item>
+ *   <bit-breadcrumb-item href="/blog">Blog</bit-breadcrumb-item>
+ *   <bit-breadcrumb-item active>My Post</bit-breadcrumb-item>
+ * </bit-breadcrumb>
+ * ```
+ */
+export declare const BREADCRUMB_TAG: string;
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/content/breadcrumb/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/content/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,QAwB9B,CAAC;AAQH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,QAiDzB,CAAC"}

package/dist/content/card/card.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`@layer buildit.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-contrast-300));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));display:block;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);transition:var(--_motion-transition,backdrop-filter var(--transition-slow), box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal), opacity var(--transition-normal));flex-direction:column;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer buildit.variants{:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]) .card{background:var(--_theme-backdrop);border:var(--_border) solid var(--_theme-border)}:host(:not([variant])[color]:hover) .card{background:color-mix(in srgb, var(--_theme-base) 16%, var(--color-contrast-50));border-color:var(--_theme-focus)}:host([variant=solid]) .card{color:var(--_theme-contrast);background:var(--_theme-base);border:var(--_border) solid var(--_theme-base);box-shadow:var(--_shadow)}:host([variant=flat]) .card{background:var(--_theme-backdrop);border:var(--_border) solid color-mix(in srgb, var(--_theme-border) 50%, transparent)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--shadow-xl), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--shadow-2xl), var(--inset-shadow-sm)}}@layer buildit.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s ease-in-out infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(calc(-1 * var(--size-1))) scale(1.01);will-change:box-shadow, transform}:host([interactive]) .card{cursor:pointer}:host([interactive]:not([disabled]):active) .card{box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow var(--transition-fast), transform var(--transition-fast));transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`;exports.default=e;
+//# sourceMappingURL=card.css?inline.cjs.map

package/dist/content/card/card.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.css?inline.cjs","names":[],"sources":["../../../src/content/card/card.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    --_bg: var(--card-bg, var(--color-canvas));\n    --_color: var(--card-color, var(--color-contrast-900));\n    --_border: var(--card-border, var(--border));\n    --_border-color: var(--card-border-color, var(--color-contrast-300));\n    --_radius: var(--card-radius, var(--rounded-lg));\n    --_padding: var(--card-padding, var(--size-4));\n    --_shadow: var(--card-shadow, var(--shadow-sm));\n    --_hover-shadow: var(--card-hover-shadow, var(--shadow-md));\n\n    position: relative;\n    display: block;\n  }\n\n  .card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    color: var(--_color);\n    background: var(--_bg);\n    border-radius: var(--_radius);\n    transition: var(\n      --_motion-transition,\n      backdrop-filter var(--transition-slow),\n      box-shadow var(--transition-normal),\n      transform var(--transition-normal),\n      background var(--transition-normal),\n      border-color var(--transition-normal),\n      opacity var(--transition-normal)\n    );\n  }\n\n  /* ── Card Structure ───────────────────────── */\n\n  .card-media {\n    flex-shrink: 0;\n    overflow: hidden;\n  }\n\n  .card-media img {\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n  }\n\n  .card-body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-height: 0;\n  }\n\n  .card-header,\n  .card-content,\n  .card-footer {\n    padding: var(--_padding);\n  }\n\n  .card-header {\n    padding-bottom: calc(var(--_padding) / 2);\n  }\n\n  .card-footer {\n    padding-top: calc(var(--_padding) / 2);\n  }\n\n  .card-content {\n    flex: 1;\n  }\n\n  .card-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--_padding);\n    padding-top: calc(var(--_padding) / 2);\n  }\n\n  [hidden] {\n    display: none;\n  }\n}\n\n@layer buildit.variants {\n  /* Default (no variant) */\n  :host(:not([variant], [color])) .card {\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--_shadow);\n  }\n\n  :host(:not([variant])[color]) .card {\n    background: var(--_theme-backdrop);\n    border: var(--_border) solid var(--_theme-border);\n  }\n\n  :host(:not([variant])[color]:hover) .card {\n    background: color-mix(in srgb, var(--_theme-base) 16%, var(--color-contrast-50));\n    border-color: var(--_theme-focus);\n  }\n\n  /* Solid */\n  :host([variant='solid']) .card {\n    color: var(--_theme-contrast);\n    background: var(--_theme-base);\n    border: var(--_border) solid var(--_theme-base);\n    box-shadow: var(--_shadow);\n  }\n\n  /* Flat */\n  :host([variant='flat']) .card {\n    background: var(--_theme-backdrop);\n    border: var(--_border) solid color-mix(in srgb, var(--_theme-border) 50%, transparent);\n  }\n\n  /* Glass */\n  :host([variant='glass']) .card {\n    text-shadow: var(--text-shadow-xs);\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--shadow-md), var(--inset-shadow-xs);\n    backdrop-filter: blur(var(--blur-lg)) saturate(180%) brightness(1.05);\n  }\n\n  :host([variant='glass']:hover) .card {\n    box-shadow: var(--shadow-xl), var(--inset-shadow-sm);\n    backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);\n  }\n\n  :host([variant='glass'][interactive]:hover) .card {\n    box-shadow: var(--shadow-2xl), var(--inset-shadow-sm);\n  }\n}\n\n@layer buildit.overrides {\n  /* ── Loading bar ──────────────────────────── */\n\n  /* Bar lives inside .card which already has overflow:hidden,\n       so translateX can sweep freely without any overflow. */\n  .loading-bar {\n    position: absolute;\n    inset-inline-start: 0;\n    top: 0;\n    display: none;\n    width: 65%;\n    height: 3px;\n    background: linear-gradient(90deg, transparent 0%, var(--_theme-base, var(--color-primary)) 50%, transparent 100%);\n  }\n\n  :host([loading]) .loading-bar {\n    display: block;\n    animation: var(--_motion-animation, loading-bar 1.4s ease-in-out infinite);\n  }\n\n  /* In RTL the loading bar sweeps right-to-left */\n  :host(:dir(rtl)[loading]) .loading-bar {\n    animation-direction: reverse;\n  }\n\n  /* ── Disabled ─────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.6;\n  }\n\n  :host([disabled][interactive]) .card {\n    cursor: not-allowed;\n  }\n\n  /* ── Interactive hover/active ─────────────── */\n\n  :host([interactive]:not([disabled]):hover) .card {\n    box-shadow: var(--_hover-shadow);\n    transform: translateY(calc(-1 * var(--size-1))) scale(1.01);\n    will-change: box-shadow, transform;\n  }\n\n  :host([interactive]) .card {\n    cursor: pointer;\n  }\n\n  :host([interactive]:not([disabled]):active) .card {\n    box-shadow: var(--_shadow);\n    transform: translateY(0) scale(0.99);\n    transition: var(--_motion-transition, box-shadow var(--transition-fast), transform var(--transition-fast));\n  }\n\n  :host([interactive]:focus-visible) .card {\n    outline: var(--border-2) solid var(--_theme-focus, var(--color-primary));\n    outline-offset: var(--border-2);\n  }\n\n  /* ── Horizontal orientation ───────────────── */\n\n  :host([orientation='horizontal']) .card {\n    flex-direction: row;\n  }\n\n  :host([orientation='horizontal']) .card-media {\n    width: 30%;\n    min-width: 192px;\n    max-width: 320px;\n  }\n\n  :host([orientation='horizontal']) .card-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  :host([orientation='horizontal']) .card-body {\n    flex: 1;\n  }\n}\n\n@keyframes loading-bar {\n  0% {\n    transform: translateX(-100%);\n  }\n\n  100% {\n    transform: translateX(200%);\n  }\n}\n"],"mappings":""}

package/dist/content/card/card.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/content/card/card.css?inline
+var e = "@layer buildit.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-contrast-300));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));display:block;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);transition:var(--_motion-transition,backdrop-filter var(--transition-slow), box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal), opacity var(--transition-normal));flex-direction:column;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer buildit.variants{:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]) .card{background:var(--_theme-backdrop);border:var(--_border) solid var(--_theme-border)}:host(:not([variant])[color]:hover) .card{background:color-mix(in srgb, var(--_theme-base) 16%, var(--color-contrast-50));border-color:var(--_theme-focus)}:host([variant=solid]) .card{color:var(--_theme-contrast);background:var(--_theme-base);border:var(--_border) solid var(--_theme-base);box-shadow:var(--_shadow)}:host([variant=flat]) .card{background:var(--_theme-backdrop);border:var(--_border) solid color-mix(in srgb, var(--_theme-border) 50%, transparent)}:host([variant=glass]) .card{text-shadow:var(--text-shadow-xs);border:var(--_border) solid var(--_border-color);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([variant=glass]:hover) .card{box-shadow:var(--shadow-xl), var(--inset-shadow-sm);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1);backdrop-filter:blur(var(--blur-xl)) saturate(200%) brightness(1.1)}:host([variant=glass][interactive]:hover) .card{box-shadow:var(--shadow-2xl), var(--inset-shadow-sm)}}@layer buildit.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.loading-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s ease-in-out infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(calc(-1 * var(--size-1))) scale(1.01);will-change:box-shadow, transform}:host([interactive]) .card{cursor:pointer}:host([interactive]:not([disabled]):active) .card{box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow var(--transition-fast), transform var(--transition-fast));transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=card.css?inline.js.map

package/dist/content/card/card.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.css?inline.js","names":[],"sources":["../../../src/content/card/card.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    --_bg: var(--card-bg, var(--color-canvas));\n    --_color: var(--card-color, var(--color-contrast-900));\n    --_border: var(--card-border, var(--border));\n    --_border-color: var(--card-border-color, var(--color-contrast-300));\n    --_radius: var(--card-radius, var(--rounded-lg));\n    --_padding: var(--card-padding, var(--size-4));\n    --_shadow: var(--card-shadow, var(--shadow-sm));\n    --_hover-shadow: var(--card-hover-shadow, var(--shadow-md));\n\n    position: relative;\n    display: block;\n  }\n\n  .card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    color: var(--_color);\n    background: var(--_bg);\n    border-radius: var(--_radius);\n    transition: var(\n      --_motion-transition,\n      backdrop-filter var(--transition-slow),\n      box-shadow var(--transition-normal),\n      transform var(--transition-normal),\n      background var(--transition-normal),\n      border-color var(--transition-normal),\n      opacity var(--transition-normal)\n    );\n  }\n\n  /* ── Card Structure ───────────────────────── */\n\n  .card-media {\n    flex-shrink: 0;\n    overflow: hidden;\n  }\n\n  .card-media img {\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n  }\n\n  .card-body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-height: 0;\n  }\n\n  .card-header,\n  .card-content,\n  .card-footer {\n    padding: var(--_padding);\n  }\n\n  .card-header {\n    padding-bottom: calc(var(--_padding) / 2);\n  }\n\n  .card-footer {\n    padding-top: calc(var(--_padding) / 2);\n  }\n\n  .card-content {\n    flex: 1;\n  }\n\n  .card-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--_padding);\n    padding-top: calc(var(--_padding) / 2);\n  }\n\n  [hidden] {\n    display: none;\n  }\n}\n\n@layer buildit.variants {\n  /* Default (no variant) */\n  :host(:not([variant], [color])) .card {\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--_shadow);\n  }\n\n  :host(:not([variant])[color]) .card {\n    background: var(--_theme-backdrop);\n    border: var(--_border) solid var(--_theme-border);\n  }\n\n  :host(:not([variant])[color]:hover) .card {\n    background: color-mix(in srgb, var(--_theme-base) 16%, var(--color-contrast-50));\n    border-color: var(--_theme-focus);\n  }\n\n  /* Solid */\n  :host([variant='solid']) .card {\n    color: var(--_theme-contrast);\n    background: var(--_theme-base);\n    border: var(--_border) solid var(--_theme-base);\n    box-shadow: var(--_shadow);\n  }\n\n  /* Flat */\n  :host([variant='flat']) .card {\n    background: var(--_theme-backdrop);\n    border: var(--_border) solid color-mix(in srgb, var(--_theme-border) 50%, transparent);\n  }\n\n  /* Glass */\n  :host([variant='glass']) .card {\n    text-shadow: var(--text-shadow-xs);\n    border: var(--_border) solid var(--_border-color);\n    box-shadow: var(--shadow-md), var(--inset-shadow-xs);\n    backdrop-filter: blur(var(--blur-lg)) saturate(180%) brightness(1.05);\n  }\n\n  :host([variant='glass']:hover) .card {\n    box-shadow: var(--shadow-xl), var(--inset-shadow-sm);\n    backdrop-filter: blur(var(--blur-xl)) saturate(200%) brightness(1.1);\n  }\n\n  :host([variant='glass'][interactive]:hover) .card {\n    box-shadow: var(--shadow-2xl), var(--inset-shadow-sm);\n  }\n}\n\n@layer buildit.overrides {\n  /* ── Loading bar ──────────────────────────── */\n\n  /* Bar lives inside .card which already has overflow:hidden,\n       so translateX can sweep freely without any overflow. */\n  .loading-bar {\n    position: absolute;\n    inset-inline-start: 0;\n    top: 0;\n    display: none;\n    width: 65%;\n    height: 3px;\n    background: linear-gradient(90deg, transparent 0%, var(--_theme-base, var(--color-primary)) 50%, transparent 100%);\n  }\n\n  :host([loading]) .loading-bar {\n    display: block;\n    animation: var(--_motion-animation, loading-bar 1.4s ease-in-out infinite);\n  }\n\n  /* In RTL the loading bar sweeps right-to-left */\n  :host(:dir(rtl)[loading]) .loading-bar {\n    animation-direction: reverse;\n  }\n\n  /* ── Disabled ─────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.6;\n  }\n\n  :host([disabled][interactive]) .card {\n    cursor: not-allowed;\n  }\n\n  /* ── Interactive hover/active ─────────────── */\n\n  :host([interactive]:not([disabled]):hover) .card {\n    box-shadow: var(--_hover-shadow);\n    transform: translateY(calc(-1 * var(--size-1))) scale(1.01);\n    will-change: box-shadow, transform;\n  }\n\n  :host([interactive]) .card {\n    cursor: pointer;\n  }\n\n  :host([interactive]:not([disabled]):active) .card {\n    box-shadow: var(--_shadow);\n    transform: translateY(0) scale(0.99);\n    transition: var(--_motion-transition, box-shadow var(--transition-fast), transform var(--transition-fast));\n  }\n\n  :host([interactive]:focus-visible) .card {\n    outline: var(--border-2) solid var(--_theme-focus, var(--color-primary));\n    outline-offset: var(--border-2);\n  }\n\n  /* ── Horizontal orientation ───────────────── */\n\n  :host([orientation='horizontal']) .card {\n    flex-direction: row;\n  }\n\n  :host([orientation='horizontal']) .card-media {\n    width: 30%;\n    min-width: 192px;\n    max-width: 320px;\n  }\n\n  :host([orientation='horizontal']) .card-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  :host([orientation='horizontal']) .card-body {\n    flex: 1;\n  }\n}\n\n@keyframes loading-bar {\n  0% {\n    transform: translateX(-100%);\n  }\n\n  100% {\n    transform: translateX(200%);\n  }\n}\n"],"mappings":""}

package/dist/content/card/card.d.ts

@@ -0,0 +1,66 @@
+import type { ElevationLevel, PaddingSize, ThemeColor } from '../../types';
+/** Card component properties */
+export type BitCardEvents = {
+    activate: {
+        originalEvent: MouseEvent | KeyboardEvent;
+        trigger: 'pointer' | 'keyboard';
+    };
+};
+export type BitCardProps = {
+    /** Theme color */
+    color?: ThemeColor;
+    /** Disable interaction */
+    disabled?: boolean;
+    /** Shadow elevation level (0-5) */
+    elevation?: `${ElevationLevel}`;
+    /** Make the card interactive (role=button, keyboard nav, emits activate) */
+    interactive?: boolean;
+    /** Show a loading progress bar */
+    loading?: boolean;
+    /** Card orientation */
+    orientation?: 'horizontal';
+    /** Internal padding size */
+    padding?: PaddingSize;
+    /** Visual style variant */
+    variant?: 'solid' | 'flat' | 'glass' | 'frost';
+};
+/**
+ * A versatile card container with semantic slots for media, header, body, footer, and actions.
+ *
+ * @element bit-card
+ *
+ * @attr {string} variant - Visual variant: 'solid' | 'flat' | 'glass' | 'frost'
+ * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
+ * @attr {string} padding - Internal padding: 'none' | 'sm' | 'md' | 'lg' | 'xl'
+ * @attr {string} elevation - Shadow elevation: '0' | '1' | '2' | '3' | '4' | '5'
+ * @attr {string} orientation - Card layout: 'horizontal'
+ * @attr {boolean} interactive - Enable pointer/keyboard activation
+ * @attr {boolean} disabled - Disable card interaction
+ * @attr {boolean} loading - Show loading progress bar
+ *
+ * @fires activate - Emitted when an interactive card is activated
+ *
+ * @slot media - Media content displayed at top/left
+ * @slot header - Card header (title, subtitle)
+ * @slot - Main card content
+ * @slot footer - Card footer content
+ * @slot actions - Action buttons or links
+ *
+ * @cssprop --card-bg - Background color
+ * @cssprop --card-color - Text color
+ * @cssprop --card-border - Border width
+ * @cssprop --card-border-color - Border color
+ * @cssprop --card-radius - Border radius
+ * @cssprop --card-padding - Internal padding
+ * @cssprop --card-shadow - Box shadow
+ * @cssprop --card-hover-shadow - Shadow on hover
+ *
+ * @example
+ * ```html
+ * <bit-card elevation="2"><h3 slot="header">Title</h3><p>Content</p></bit-card>
+ * <bit-card interactive color="primary"><h3 slot="header">Click me</h3></bit-card>
+ * <bit-card variant="frost" color="secondary">Frosted card</bit-card>
+ * ```
+ */
+export declare const CARD_TAG: string;
+//# sourceMappingURL=card.d.ts.map

package/dist/content/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/content/card/card.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAmC3E,gCAAgC;AAEhC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE;QAAE,aAAa,EAAE,UAAU,GAAG,aAAa,CAAC;QAAC,OAAO,EAAE,SAAS,GAAG,UAAU,CAAA;KAAE,CAAC;CAC1F,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAChC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;CAChD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,QAAQ,QAmGnB,CAAC"}

package/dist/content/index.cjs

@@ -0,0 +1 @@
+require(`../avatar.cjs`),require(`../breadcrumb.cjs`),require(`../card.cjs`),require(`../pagination.cjs`),require(`../separator.cjs`),require(`../table.cjs`),require(`../text.cjs`);

package/dist/content/index.d.ts

@@ -0,0 +1,15 @@
+export { AVATAR_GROUP_TAG, AVATAR_TAG } from './avatar/avatar';
+export type { AvatarStatus, BitAvatarGroupProps, BitAvatarProps } from './avatar/avatar';
+export { BREADCRUMB_ITEM_TAG, BREADCRUMB_TAG } from './breadcrumb/breadcrumb';
+export type { BitBreadcrumbItemProps, BitBreadcrumbProps } from './breadcrumb/breadcrumb';
+export { CARD_TAG } from './card/card';
+export type { BitCardEvents, BitCardProps } from './card/card';
+export { PAGINATION_TAG } from './pagination/pagination';
+export type { BitPaginationEvents, BitPaginationProps } from './pagination/pagination';
+export { SEPARATOR_TAG } from './separator/separator';
+export type { BitSeparatorProps } from './separator/separator';
+export { TABLE_TAG, TD_TAG, TH_TAG, TR_TAG } from './table/table';
+export type { BitTableProps } from './table/table';
+export { TEXT_TAG } from './text/text';
+export type { BitTextProps } from './text/text';
+//# sourceMappingURL=index.d.ts.map

package/dist/content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/content/index.js

@@ -0,0 +1,7 @@
+import "../avatar.js";
+import "../breadcrumb.js";
+import "../card.js";
+import "../pagination.js";
+import "../separator.js";
+import "../table.js";
+import "../text.js";

package/dist/content/pagination/pagination.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`@layer buildit.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:is(:disabled,[aria-current=page])),:host([variant=ghost]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in srgb, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in srgb, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in srgb, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in srgb, var(--_theme-focus) 55%, transparent)}:host([variant=glass]) button{color:var(--_theme-content);background:color-mix(in srgb, var(--color-canvas) 70%, transparent);border-color:color-mix(in srgb, var(--_theme-border) 40%, transparent);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}:host([variant=glass]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in srgb, var(--color-canvas) 55%, transparent);border-color:color-mix(in srgb, var(--_theme-focus) 45%, transparent)}button:hover:not(:is(:disabled,[aria-current=page])){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}button:disabled{cursor:not-allowed;opacity:.4}.ellipsis{min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));font-size:var(--_font-size,var(--text-sm));color:var(--color-contrast-400);cursor:default;justify-content:center;align-items:center;display:inline-flex}}@layer buildit.utilities{:host([size=sm]){--pagination-item-size:var(--size-7);--pagination-gap:var(--size-0_5);--_font-size:var(--text-xs)}:host([size=lg]){--pagination-item-size:var(--size-11);--_font-size:var(--text-base)}}`;exports.default=e;
+//# sourceMappingURL=pagination.css?inline.cjs.map

package/dist/content/pagination/pagination.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.css?inline.cjs","names":[],"sources":["../../../src/content/pagination/pagination.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    display: flex;\n    gap: var(--size-1);\n    align-items: center;\n  }\n\n  .pagination {\n    display: flex;\n    gap: var(--pagination-gap, var(--size-1));\n    align-items: center;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    display: contents;\n  }\n\n  button {\n    all: unset;\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: var(--pagination-item-size, var(--size-9));\n    height: var(--pagination-item-size, var(--size-9));\n    min-height: var(--_touch-target);\n    padding: 0 var(--size-2);\n    font-size: var(--_font-size, var(--text-sm));\n    font-weight: var(--font-medium);\n    color: var(--color-contrast-700);\n    cursor: pointer;\n    user-select: none;\n    border: var(--border) solid transparent;\n    border-radius: var(--pagination-radius, var(--rounded-lg));\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast),\n      border-color var(--transition-fast);\n  }\n\n  /* Default (ghost-like) behavior unless variant is specified */\n  :host(:not([variant])) button,\n  :host([variant='ghost']) button {\n    color: var(--_theme-base);\n    background: transparent;\n    border-color: transparent;\n    border-width: 0;\n  }\n\n  :host(:not([variant])) button:hover:not(:disabled, [aria-current='page']),\n  :host([variant='ghost']) button:hover:not(:disabled, [aria-current='page']) {\n    background: var(--_theme-backdrop);\n  }\n\n  :host([variant='solid']) button {\n    color: var(--_theme-contrast);\n    background: var(--_theme-base);\n    border-color: var(--_theme-base);\n  }\n\n  :host([variant='solid']) button:hover:not(:disabled, [aria-current='page']) {\n    background: var(--_theme-focus);\n  }\n\n  :host([variant='flat']) button {\n    color: var(--_theme-base);\n    background: color-mix(in srgb, var(--_theme-backdrop) 8%, var(--color-contrast-100));\n    border-color: color-mix(in srgb, var(--_theme-focus) 20%, transparent);\n    box-shadow: var(--inset-shadow-2xs);\n  }\n\n  :host([variant='flat']) button:hover:not(:disabled, [aria-current='page']) {\n    color: var(--_theme-contrast);\n    background: var(--_theme-focus);\n  }\n\n  :host([variant='bordered']) button {\n    color: var(--_theme-base);\n    background: var(--_theme-backdrop);\n    border-color: var(--_theme-border);\n    box-shadow: var(--inset-shadow-xs);\n  }\n\n  :host([variant='bordered']) button:hover:not(:disabled, [aria-current='page']) {\n    color: var(--_theme-contrast);\n    background: var(--_theme-focus);\n    border-color: var(--_theme-focus);\n  }\n\n  :host([variant='outline']) button {\n    color: var(--_theme-base);\n    background: transparent;\n    border-color: var(--_theme-base);\n  }\n\n  :host([variant='outline']) button:hover:not(:disabled, [aria-current='page']) {\n    background: var(--_theme-backdrop);\n    border-color: var(--_theme-focus);\n  }\n\n  :host([variant='text']) button {\n    color: var(--_theme-base);\n    background: transparent;\n    border-color: transparent;\n    border-width: 0;\n  }\n\n  :host([variant='text']) button:hover:not(:disabled, [aria-current='page']) {\n    color: var(--_theme-focus);\n    background: transparent;\n  }\n\n  :host([variant='frost']) button {\n    color: var(--_theme-content);\n    background: color-mix(in srgb, var(--_theme-backdrop) 45%, transparent);\n    border-color: color-mix(in srgb, var(--_theme-border) 45%, transparent);\n    backdrop-filter: blur(var(--blur-xl)) saturate(200%);\n  }\n\n  :host([variant='frost']) button:hover:not(:disabled, [aria-current='page']) {\n    background: color-mix(in srgb, var(--_theme-backdrop) 65%, transparent);\n    border-color: color-mix(in srgb, var(--_theme-focus) 55%, transparent);\n  }\n\n  :host([variant='glass']) button {\n    color: var(--_theme-content);\n    background: color-mix(in srgb, var(--color-canvas) 70%, transparent);\n    border-color: color-mix(in srgb, var(--_theme-border) 40%, transparent);\n    backdrop-filter: blur(var(--blur-md)) saturate(140%);\n  }\n\n  :host([variant='glass']) button:hover:not(:disabled, [aria-current='page']) {\n    background: color-mix(in srgb, var(--color-canvas) 55%, transparent);\n    border-color: color-mix(in srgb, var(--_theme-focus) 45%, transparent);\n  }\n\n  button:hover:not(:disabled, [aria-current='page']) {\n    background: var(--color-contrast-100);\n  }\n\n  button:focus-visible {\n    outline: var(--border-2) solid var(--_theme-base, var(--color-contrast-500));\n    outline-offset: var(--border-2);\n  }\n\n  button[aria-current='page'] {\n    color: var(--_theme-contrast, var(--color-canvas));\n    cursor: default;\n    background: var(--_theme-base, var(--color-contrast-800));\n    border-color: var(--_theme-base, var(--color-contrast-800));\n  }\n\n  button:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  .ellipsis {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: var(--pagination-item-size, var(--size-9));\n    height: var(--pagination-item-size, var(--size-9));\n    font-size: var(--_font-size, var(--text-sm));\n    color: var(--color-contrast-400);\n    cursor: default;\n  }\n}\n\n@layer buildit.utilities {\n  :host([size='sm']) {\n    --pagination-item-size: var(--size-7);\n    --pagination-gap: var(--size-0_5);\n    --_font-size: var(--text-xs);\n  }\n\n  :host([size='lg']) {\n    --pagination-item-size: var(--size-11);\n    --_font-size: var(--text-base);\n  }\n}\n"],"mappings":""}

package/dist/content/pagination/pagination.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/content/pagination/pagination.css?inline
+var e = "@layer buildit.base{:host{gap:var(--size-1);align-items:center;display:flex}.pagination{gap:var(--pagination-gap,var(--size-1));align-items:center;margin:0;padding:0;list-style:none;display:flex}li{display:contents}button{all:unset;box-sizing:border-box;min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));min-height:var(--_touch-target);padding:0 var(--size-2);font-size:var(--_font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--color-contrast-700);cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--border) solid transparent;border-radius:var(--pagination-radius,var(--rounded-lg));transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}:host(:not([variant])) button,:host([variant=ghost]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host(:not([variant])) button:hover:not(:is(:disabled,[aria-current=page])),:host([variant=ghost]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop)}:host([variant=solid]) button{color:var(--_theme-contrast);background:var(--_theme-base);border-color:var(--_theme-base)}:host([variant=solid]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-focus)}:host([variant=flat]) button{color:var(--_theme-base);background:color-mix(in srgb, var(--_theme-backdrop) 8%, var(--color-contrast-100));border-color:color-mix(in srgb, var(--_theme-focus) 20%, transparent);box-shadow:var(--inset-shadow-2xs)}:host([variant=flat]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus)}:host([variant=bordered]) button{color:var(--_theme-base);background:var(--_theme-backdrop);border-color:var(--_theme-border);box-shadow:var(--inset-shadow-xs)}:host([variant=bordered]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-contrast);background:var(--_theme-focus);border-color:var(--_theme-focus)}:host([variant=outline]) button{color:var(--_theme-base);border-color:var(--_theme-base);background:0 0}:host([variant=outline]) button:hover:not(:is(:disabled,[aria-current=page])){background:var(--_theme-backdrop);border-color:var(--_theme-focus)}:host([variant=text]) button{color:var(--_theme-base);background:0 0;border-width:0;border-color:#0000}:host([variant=text]) button:hover:not(:is(:disabled,[aria-current=page])){color:var(--_theme-focus);background:0 0}:host([variant=frost]) button{color:var(--_theme-content);background:color-mix(in srgb, var(--_theme-backdrop) 45%, transparent);border-color:color-mix(in srgb, var(--_theme-border) 45%, transparent);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);backdrop-filter:blur(var(--blur-xl)) saturate(200%)}:host([variant=frost]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in srgb, var(--_theme-backdrop) 65%, transparent);border-color:color-mix(in srgb, var(--_theme-focus) 55%, transparent)}:host([variant=glass]) button{color:var(--_theme-content);background:color-mix(in srgb, var(--color-canvas) 70%, transparent);border-color:color-mix(in srgb, var(--_theme-border) 40%, transparent);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%)}:host([variant=glass]) button:hover:not(:is(:disabled,[aria-current=page])){background:color-mix(in srgb, var(--color-canvas) 55%, transparent);border-color:color-mix(in srgb, var(--_theme-focus) 45%, transparent)}button:hover:not(:is(:disabled,[aria-current=page])){background:var(--color-contrast-100)}button:focus-visible{outline:var(--border-2) solid var(--_theme-base,var(--color-contrast-500));outline-offset:var(--border-2)}button[aria-current=page]{color:var(--_theme-contrast,var(--color-canvas));cursor:default;background:var(--_theme-base,var(--color-contrast-800));border-color:var(--_theme-base,var(--color-contrast-800))}button:disabled{cursor:not-allowed;opacity:.4}.ellipsis{min-width:var(--pagination-item-size,var(--size-9));height:var(--pagination-item-size,var(--size-9));font-size:var(--_font-size,var(--text-sm));color:var(--color-contrast-400);cursor:default;justify-content:center;align-items:center;display:inline-flex}}@layer buildit.utilities{:host([size=sm]){--pagination-item-size:var(--size-7);--pagination-gap:var(--size-0_5);--_font-size:var(--text-xs)}:host([size=lg]){--pagination-item-size:var(--size-11);--_font-size:var(--text-base)}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=pagination.css?inline.js.map

package/dist/content/pagination/pagination.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.css?inline.js","names":[],"sources":["../../../src/content/pagination/pagination.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    display: flex;\n    gap: var(--size-1);\n    align-items: center;\n  }\n\n  .pagination {\n    display: flex;\n    gap: var(--pagination-gap, var(--size-1));\n    align-items: center;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  li {\n    display: contents;\n  }\n\n  button {\n    all: unset;\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: var(--pagination-item-size, var(--size-9));\n    height: var(--pagination-item-size, var(--size-9));\n    min-height: var(--_touch-target);\n    padding: 0 var(--size-2);\n    font-size: var(--_font-size, var(--text-sm));\n    font-weight: var(--font-medium);\n    color: var(--color-contrast-700);\n    cursor: pointer;\n    user-select: none;\n    border: var(--border) solid transparent;\n    border-radius: var(--pagination-radius, var(--rounded-lg));\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast),\n      border-color var(--transition-fast);\n  }\n\n  /* Default (ghost-like) behavior unless variant is specified */\n  :host(:not([variant])) button,\n  :host([variant='ghost']) button {\n    color: var(--_theme-base);\n    background: transparent;\n    border-color: transparent;\n    border-width: 0;\n  }\n\n  :host(:not([variant])) button:hover:not(:disabled, [aria-current='page']),\n  :host([variant='ghost']) button:hover:not(:disabled, [aria-current='page']) {\n    background: var(--_theme-backdrop);\n  }\n\n  :host([variant='solid']) button {\n    color: var(--_theme-contrast);\n    background: var(--_theme-base);\n    border-color: var(--_theme-base);\n  }\n\n  :host([variant='solid']) button:hover:not(:disabled, [aria-current='page']) {\n    background: var(--_theme-focus);\n  }\n\n  :host([variant='flat']) button {\n    color: var(--_theme-base);\n    background: color-mix(in srgb, var(--_theme-backdrop) 8%, var(--color-contrast-100));\n    border-color: color-mix(in srgb, var(--_theme-focus) 20%, transparent);\n    box-shadow: var(--inset-shadow-2xs);\n  }\n\n  :host([variant='flat']) button:hover:not(:disabled, [aria-current='page']) {\n    color: var(--_theme-contrast);\n    background: var(--_theme-focus);\n  }\n\n  :host([variant='bordered']) button {\n    color: var(--_theme-base);\n    background: var(--_theme-backdrop);\n    border-color: var(--_theme-border);\n    box-shadow: var(--inset-shadow-xs);\n  }\n\n  :host([variant='bordered']) button:hover:not(:disabled, [aria-current='page']) {\n    color: var(--_theme-contrast);\n    background: var(--_theme-focus);\n    border-color: var(--_theme-focus);\n  }\n\n  :host([variant='outline']) button {\n    color: var(--_theme-base);\n    background: transparent;\n    border-color: var(--_theme-base);\n  }\n\n  :host([variant='outline']) button:hover:not(:disabled, [aria-current='page']) {\n    background: var(--_theme-backdrop);\n    border-color: var(--_theme-focus);\n  }\n\n  :host([variant='text']) button {\n    color: var(--_theme-base);\n    background: transparent;\n    border-color: transparent;\n    border-width: 0;\n  }\n\n  :host([variant='text']) button:hover:not(:disabled, [aria-current='page']) {\n    color: var(--_theme-focus);\n    background: transparent;\n  }\n\n  :host([variant='frost']) button {\n    color: var(--_theme-content);\n    background: color-mix(in srgb, var(--_theme-backdrop) 45%, transparent);\n    border-color: color-mix(in srgb, var(--_theme-border) 45%, transparent);\n    backdrop-filter: blur(var(--blur-xl)) saturate(200%);\n  }\n\n  :host([variant='frost']) button:hover:not(:disabled, [aria-current='page']) {\n    background: color-mix(in srgb, var(--_theme-backdrop) 65%, transparent);\n    border-color: color-mix(in srgb, var(--_theme-focus) 55%, transparent);\n  }\n\n  :host([variant='glass']) button {\n    color: var(--_theme-content);\n    background: color-mix(in srgb, var(--color-canvas) 70%, transparent);\n    border-color: color-mix(in srgb, var(--_theme-border) 40%, transparent);\n    backdrop-filter: blur(var(--blur-md)) saturate(140%);\n  }\n\n  :host([variant='glass']) button:hover:not(:disabled, [aria-current='page']) {\n    background: color-mix(in srgb, var(--color-canvas) 55%, transparent);\n    border-color: color-mix(in srgb, var(--_theme-focus) 45%, transparent);\n  }\n\n  button:hover:not(:disabled, [aria-current='page']) {\n    background: var(--color-contrast-100);\n  }\n\n  button:focus-visible {\n    outline: var(--border-2) solid var(--_theme-base, var(--color-contrast-500));\n    outline-offset: var(--border-2);\n  }\n\n  button[aria-current='page'] {\n    color: var(--_theme-contrast, var(--color-canvas));\n    cursor: default;\n    background: var(--_theme-base, var(--color-contrast-800));\n    border-color: var(--_theme-base, var(--color-contrast-800));\n  }\n\n  button:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  .ellipsis {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: var(--pagination-item-size, var(--size-9));\n    height: var(--pagination-item-size, var(--size-9));\n    font-size: var(--_font-size, var(--text-sm));\n    color: var(--color-contrast-400);\n    cursor: default;\n  }\n}\n\n@layer buildit.utilities {\n  :host([size='sm']) {\n    --pagination-item-size: var(--size-7);\n    --pagination-gap: var(--size-0_5);\n    --_font-size: var(--text-xs);\n  }\n\n  :host([size='lg']) {\n    --pagination-item-size: var(--size-11);\n    --_font-size: var(--text-base);\n  }\n}\n"],"mappings":""}

package/dist/content/pagination/pagination.d.ts

@@ -0,0 +1,56 @@
+import '../../inputs/button/button';
+import type { ComponentSize, ThemeColor, VisualVariant } from '../../types';
+export type BitPaginationEvents = {
+    change: {
+        page: number;
+    };
+};
+/** Pagination props */
+export type BitPaginationProps = {
+    /** Theme color */
+    color?: ThemeColor;
+    /** Accessible label for the nav landmark */
+    label?: string;
+    /** Current page (1-indexed) */
+    page?: number;
+    /** Show first/last page navigation buttons */
+    'show-first-last'?: boolean;
+    /** Show prev/next navigation buttons */
+    'show-prev-next'?: boolean;
+    /** Number of sibling pages shown around the current page */
+    siblings?: number;
+    /** Size */
+    size?: ComponentSize;
+    /** Total number of pages */
+    'total-pages'?: number;
+    /** Visual variant for nav buttons */
+    variant?: VisualVariant;
+};
+/**
+ * Page-based navigation control.
+ *
+ * @element bit-pagination
+ *
+ * @attr {number} page - Current page (1-indexed, default: 1)
+ * @attr {number} total-pages - Total number of pages (required)
+ * @attr {number} siblings - Sibling pages around current (default: 1)
+ * @attr {boolean} show-first-last - Show first/last page buttons (default: false)
+ * @attr {boolean} show-prev-next - Show prev/next buttons (default: false)
+ * @attr {string} color - Theme color
+ * @attr {string} variant - Visual variant for nav buttons: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost' | 'glass' (default: 'ghost')
+ * @attr {string} size - 'sm' | 'md' | 'lg'
+ * @attr {string} label - Accessible nav label (default: 'Pagination')
+ *
+ * @fires change - Emitted when the page changes, with { page: number }
+ *
+ * @cssprop --pagination-item-size - Width/height of each item
+ * @cssprop --pagination-gap - Gap between items
+ * @cssprop --pagination-radius - Border radius of items
+ *
+ * @example
+ * ```html
+ * <bit-pagination page="3" total-pages="10" color="primary"></bit-pagination>
+ * ```
+ */
+export declare const PAGINATION_TAG: string;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/content/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/content/pagination/pagination.ts"],"names":[],"mappings":"AAGA,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAK5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1B,CAAC;AAEF,uBAAuB;AACvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW;IACX,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAkCF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc,QAwLzB,CAAC"}

package/dist/content/separator/separator.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`@layer buildit.base{:host{--_color:var(--separator-color,var(--color-contrast-300));--_size:var(--separator-size,var(--border));--_spacing:var(--separator-spacing,0);display:block}.separator{all:unset;box-sizing:border-box;margin:var(--_spacing) 0;display:block}:host([orientation=horizontal]),:host(:not([orientation=vertical])){width:100%}:host([orientation=horizontal]) .separator,:host(:not([orientation=vertical])) .separator{border-top:var(--_size) solid var(--_color);width:100%}:host([orientation=vertical]){align-self:stretch;display:inline-block}:host([orientation=vertical]) .separator{height:100%}:host([orientation=vertical]) .separator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}:host([color]){--_color:var(--_theme-base)}.separator-wrapper{gap:var(--size-3);align-items:center;display:flex}.separator-wrapper .separator{flex:1}.separator-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_color);white-space:nowrap}}`;exports.default=e;
+//# sourceMappingURL=separator.css?inline.cjs.map

package/dist/content/separator/separator.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.css?inline.cjs","names":[],"sources":["../../../src/content/separator/separator.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    --_color: var(--separator-color, var(--color-contrast-300));\n    --_size: var(--separator-size, var(--border));\n    --_spacing: var(--separator-spacing, 0);\n\n    display: block;\n  }\n\n  .separator {\n    all: unset;\n    box-sizing: border-box;\n    display: block;\n    margin: var(--_spacing) 0;\n  }\n\n  :host([orientation='horizontal']),\n  :host(:not([orientation='vertical'])) {\n    width: 100%;\n  }\n\n  :host([orientation='horizontal']) .separator,\n  :host(:not([orientation='vertical'])) .separator {\n    width: 100%;\n    border-top: var(--_size) solid var(--_color);\n  }\n\n  :host([orientation='vertical']) {\n    display: inline-block;\n    align-self: stretch;\n  }\n\n  :host([orientation='vertical']) .separator {\n    height: 100%;\n    border-inline-start: var(--_size) solid var(--_color);\n  }\n\n  :host([color]) {\n    --_color: var(--_theme-base);\n  }\n\n  /* Labelled separator */\n  .separator-wrapper {\n    display: flex;\n    gap: var(--size-3);\n    align-items: center;\n  }\n\n  .separator-wrapper .separator {\n    flex: 1;\n  }\n\n  .separator-label {\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    color: var(--_color);\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}

package/dist/content/separator/separator.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/content/separator/separator.css?inline
+var e = "@layer buildit.base{:host{--_color:var(--separator-color,var(--color-contrast-300));--_size:var(--separator-size,var(--border));--_spacing:var(--separator-spacing,0);display:block}.separator{all:unset;box-sizing:border-box;margin:var(--_spacing) 0;display:block}:host([orientation=horizontal]),:host(:not([orientation=vertical])){width:100%}:host([orientation=horizontal]) .separator,:host(:not([orientation=vertical])) .separator{border-top:var(--_size) solid var(--_color);width:100%}:host([orientation=vertical]){align-self:stretch;display:inline-block}:host([orientation=vertical]) .separator{height:100%}:host([orientation=vertical]) .separator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:var(--_size) solid var(--_color)}:host([orientation=vertical]) .separator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--_size) solid var(--_color)}:host([color]){--_color:var(--_theme-base)}.separator-wrapper{gap:var(--size-3);align-items:center;display:flex}.separator-wrapper .separator{flex:1}.separator-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--_color);white-space:nowrap}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=separator.css?inline.js.map

package/dist/content/separator/separator.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.css?inline.js","names":[],"sources":["../../../src/content/separator/separator.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    --_color: var(--separator-color, var(--color-contrast-300));\n    --_size: var(--separator-size, var(--border));\n    --_spacing: var(--separator-spacing, 0);\n\n    display: block;\n  }\n\n  .separator {\n    all: unset;\n    box-sizing: border-box;\n    display: block;\n    margin: var(--_spacing) 0;\n  }\n\n  :host([orientation='horizontal']),\n  :host(:not([orientation='vertical'])) {\n    width: 100%;\n  }\n\n  :host([orientation='horizontal']) .separator,\n  :host(:not([orientation='vertical'])) .separator {\n    width: 100%;\n    border-top: var(--_size) solid var(--_color);\n  }\n\n  :host([orientation='vertical']) {\n    display: inline-block;\n    align-self: stretch;\n  }\n\n  :host([orientation='vertical']) .separator {\n    height: 100%;\n    border-inline-start: var(--_size) solid var(--_color);\n  }\n\n  :host([color]) {\n    --_color: var(--_theme-base);\n  }\n\n  /* Labelled separator */\n  .separator-wrapper {\n    display: flex;\n    gap: var(--size-3);\n    align-items: center;\n  }\n\n  .separator-wrapper .separator {\n    flex: 1;\n  }\n\n  .separator-label {\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    color: var(--_color);\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}

package/dist/content/separator/separator.d.ts

@@ -0,0 +1,35 @@
+import type { ThemeColor } from '../../types';
+/** Separator component properties */
+export type BitSeparatorProps = {
+    /** Theme color tint */
+    color?: ThemeColor;
+    /** Decorative only (default true) — set to false for semantic separators */
+    decorative?: boolean;
+    /** Optional label text centered on the separator */
+    label?: string;
+    /** Orientation of the separator */
+    orientation?: 'horizontal' | 'vertical';
+};
+/**
+ * A simple visual divider between sections of content.
+ *
+ * @element bit-separator
+ *
+ * @attr {string} orientation - 'horizontal' (default) | 'vertical'
+ * @attr {boolean} decorative - When true (default), aria-hidden is applied
+ * @attr {string} label - Optional centered label text
+ * @attr {string} color - Theme color
+ *
+ * @cssprop --separator-color - Line color
+ * @cssprop --separator-size - Line thickness
+ * @cssprop --separator-spacing - Vertical margin
+ *
+ * @example
+ * ```html
+ * <bit-separator></bit-separator>
+ * <bit-separator label="or"></bit-separator>
+ * <bit-separator orientation="vertical"></bit-separator>
+ * ```
+ */
+export declare const SEPARATOR_TAG: string;
+//# sourceMappingURL=separator.d.ts.map

package/dist/content/separator/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/content/separator/separator.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,qCAAqC;AACrC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,aAAa,QAuCxB,CAAC"}

package/dist/content/table/table.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`@layer buildit.base{:host{--_radius:var(--table-radius,var(--rounded-lg));--_shadow:var(--table-shadow,none);--_border:var(--table-border,1px solid var(--color-contrast-200));--_cell-padding:var(--table-cell-padding,var(--size-4) var(--size-5));--_cell-font-size:var(--table-cell-font-size,var(--text-sm));--_cell-color:var(--table-cell-color,var(--color-contrast-800));--_th-bg:var(--table-header-bg,color-mix(in srgb, var(--color-contrast-100) 85%, transparent));--_th-color:var(--table-header-color,var(--_theme-content));--_th-font-weight:var(--font-semibold);--_th-font-size:var(--text-xs);--_row-hover-bg:var(--table-row-hover-bg,var(--color-contrast-100));--_stripe-bg:transparent;border-radius:var(--_radius);width:100%;box-shadow:var(--_shadow);display:block}.scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{table-layout:auto;border-spacing:0;border-collapse:collapse;background:var(--table-bg,var(--color-canvas));width:100%}caption{padding:var(--size-3) var(--size-5);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_th-bg)}caption:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}caption:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}th,td{padding:var(--_cell-padding);font-size:var(--_cell-font-size);vertical-align:middle;color:var(--_cell-color);border-bottom:var(--_border);transition:background var(--duration-150) var(--ease-in-out);background:0 0;font-weight:400}th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),td:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}tbody tr:last-child th,tbody tr:last-child td,tfoot tr:last-child th,tfoot tr:last-child td{border-bottom:none}thead th,thead td,tfoot th,tfoot td{font-size:var(--_th-font-size);font-weight:var(--_th-font-weight);color:var(--_th-color);border-bottom:var(--border-2) solid var(--color-contrast-200);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%);background:var(--_th-bg)!important}thead th{text-transform:uppercase;letter-spacing:.05em}tbody tr:hover th,tbody tr:hover td{background:var(--_row-hover-bg)}tbody tr:nth-child(2n) th,tbody tr:nth-child(2n) td{background:var(--_stripe-bg)}tbody tr:nth-child(2n):hover th,tbody tr:nth-child(2n):hover td{background:var(--_row-hover-bg)}}@layer buildit.states{:host([loading]){cursor:wait}:host([loading]) table{pointer-events:none;opacity:.5;transition:opacity var(--duration-200) var(--ease-in-out)}}@layer buildit.variants{:host([striped]){--_stripe-bg:var(--table-stripe-bg,var(--color-contrast-50))}:host([bordered]){border:var(--_border);border-radius:var(--_radius);box-shadow:var(--shadow-xs);overflow:hidden}:host([bordered]) .scroll-container{border-radius:inherit;clip-path:inset(0 round var(--_radius))}:host([color]){--_th-color:var(--_theme-base)}:host([sticky]) .scroll-container{max-height:var(--table-sticky-max-height,24rem);overflow-y:auto}:host([sticky]) thead th,:host([sticky]) thead td{z-index:10;background:var(--table-sticky-header-bg,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-50) 94%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 94%, transparent)));-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);will-change:backdrop-filter;position:sticky;top:0}}@layer buildit.utilities{:host([size=sm]){--_cell-padding:var(--size-2) var(--size-3);--_cell-font-size:var(--text-xs)}:host([size=lg]){--_cell-padding:var(--size-5) var(--size-8);--_cell-font-size:var(--text-base)}}`;exports.default=e;
+//# sourceMappingURL=table.css?inline.cjs.map

package/dist/content/table/table.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.css?inline.cjs","names":[],"sources":["../../../src/content/table/table.css?inline"],"sourcesContent":["@layer buildit.base {\n  :host {\n    /* ── Public API tokens ──────────────────────────────────────────────── */\n    --_radius: var(--table-radius, var(--rounded-lg));\n    --_shadow: var(--table-shadow, none);\n    --_border: var(--table-border, 1px solid var(--color-contrast-200));\n\n    /* ── Tokens consumed by native th/td in the shadow table ────────────── */\n    --_cell-padding: var(--table-cell-padding, var(--size-4) var(--size-5));\n    --_cell-font-size: var(--table-cell-font-size, var(--text-sm));\n    --_cell-color: var(--table-cell-color, var(--color-contrast-800));\n    --_th-bg: var(--table-header-bg, color-mix(in srgb, var(--color-contrast-100) 85%, transparent));\n    --_th-color: var(--table-header-color, var(--_theme-content));\n    --_th-font-weight: var(--font-semibold);\n    --_th-font-size: var(--text-xs);\n    --_row-hover-bg: var(--table-row-hover-bg, var(--color-contrast-100));\n    --_stripe-bg: transparent;\n\n    display: block;\n    width: 100%;\n    border-radius: var(--_radius);\n    box-shadow: var(--_shadow);\n  }\n\n  /* ── Scroll container ────────────────────────────────────────────────── */\n\n  .scroll-container {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  /* ── Native table ─────────────────────────────────────────────────────── */\n\n  table {\n    width: 100%;\n    table-layout: auto;\n    border-spacing: 0;\n    border-collapse: collapse;\n    background: var(--table-bg, var(--color-canvas));\n  }\n\n  /* ── Caption ─────────────────────────────────────────────────────────── */\n\n  caption {\n    padding: var(--size-3) var(--size-5);\n    font-size: var(--text-xs);\n    font-weight: var(--font-semibold);\n    color: var(--color-contrast-500);\n    text-align: start;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    caption-side: top;\n    background: var(--_th-bg);\n  }\n\n  /* ── Native cells (live in shadow DOM — all styling goes here) ────────── */\n\n  th,\n  td {\n    padding: var(--_cell-padding);\n    font-size: var(--_cell-font-size);\n    font-weight: normal;\n    vertical-align: middle;\n    color: var(--_cell-color);\n    text-align: start;\n    background: transparent;\n    border-bottom: var(--_border);\n    transition: background var(--duration-150) var(--ease-in-out);\n  }\n\n  /* Last row in each section — remove separator */\n  tbody tr:last-child th,\n  tbody tr:last-child td,\n  tfoot tr:last-child th,\n  tfoot tr:last-child td {\n    border-bottom: none;\n  }\n\n  /* ── Header / footer rows ─────────────────────────────────────────────── */\n\n  thead th,\n  thead td,\n  tfoot th,\n  tfoot td {\n    font-size: var(--_th-font-size);\n    font-weight: var(--_th-font-weight);\n    color: var(--_th-color);\n    background: var(--_th-bg) !important;\n    border-bottom: var(--border-2) solid var(--color-contrast-200);\n    backdrop-filter: blur(var(--blur-md)) saturate(140%);\n  }\n\n  thead th {\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── Row hover (body only) ────────────────────────────────────────────── */\n\n  tbody tr:hover th,\n  tbody tr:hover td {\n    background: var(--_row-hover-bg);\n  }\n\n  /* ── Striped rows ─────────────────────────────────────────────────────── */\n\n  tbody tr:nth-child(even) th,\n  tbody tr:nth-child(even) td {\n    background: var(--_stripe-bg);\n  }\n\n  tbody tr:nth-child(even):hover th,\n  tbody tr:nth-child(even):hover td {\n    background: var(--_row-hover-bg);\n  }\n}\n\n/* ── Loading state ───────────────────────────────────────────────────────── */\n\n@layer buildit.states {\n  :host([loading]) {\n    cursor: wait;\n  }\n\n  :host([loading]) table {\n    pointer-events: none;\n    opacity: 0.5;\n    transition: opacity var(--duration-200) var(--ease-in-out);\n  }\n}\n\n/* ── Variants ────────────────────────────────────────────────────────────── */\n\n@layer buildit.variants {\n  /* Striped: flip --_stripe-bg token on */\n  :host([striped]) {\n    --_stripe-bg: var(--table-stripe-bg, var(--color-contrast-50));\n  }\n\n  /* Bordered: border and radius on the host itself; overflow:hidden on the\n     scroll-container would block position:sticky so we avoid it there. */\n  :host([bordered]) {\n    overflow: hidden;\n    border: var(--_border);\n    border-radius: var(--_radius);\n    box-shadow: var(--shadow-xs);\n  }\n\n  /* Clip painted table sections (caption/thead/tbody/tfoot) to the same radius\n     without interfering with scrolling or sticky headers. */\n  :host([bordered]) .scroll-container {\n    border-radius: inherit;\n    clip-path: inset(0 round var(--_radius));\n  }\n\n  /* Color theme: remap header tokens from the theme mixin's --_theme-* vars */\n  :host([color]) {\n    --_th-color: var(--_theme-base);\n  }\n\n  /* Sticky: clamp height and let the single scroll container handle both axes.\n     position:sticky on thead th works correctly when the scrolling ancestor\n     is the same element in both x and y — two nested overflow containers break it. */\n  :host([sticky]) .scroll-container {\n    max-height: var(--table-sticky-max-height, 24rem);\n    overflow-y: auto;\n  }\n\n  /* Pin thead cells to the top of the scroll container */\n  :host([sticky]) thead th,\n  :host([sticky]) thead td {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    background: var(\n      --table-sticky-header-bg,\n      light-dark(\n        color-mix(in srgb, var(--color-contrast-50) 94%, transparent),\n        color-mix(in srgb, var(--color-contrast-100) 94%, transparent)\n      )\n    );\n    backdrop-filter: blur(var(--table-sticky-blur, var(--blur-md))) saturate(140%);\n    will-change: backdrop-filter;\n  }\n}\n\n/* ── Size utilities ──────────────────────────────────────────────────────── */\n\n@layer buildit.utilities {\n  :host([size='sm']) {\n    --_cell-padding: var(--size-2) var(--size-3);\n    --_cell-font-size: var(--text-xs);\n  }\n\n  :host([size='lg']) {\n    --_cell-padding: var(--size-5) var(--size-8);\n    --_cell-font-size: var(--text-base);\n  }\n}\n"],"mappings":""}

package/dist/content/table/table.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/content/table/table.css?inline
+var e = "@layer buildit.base{:host{--_radius:var(--table-radius,var(--rounded-lg));--_shadow:var(--table-shadow,none);--_border:var(--table-border,1px solid var(--color-contrast-200));--_cell-padding:var(--table-cell-padding,var(--size-4) var(--size-5));--_cell-font-size:var(--table-cell-font-size,var(--text-sm));--_cell-color:var(--table-cell-color,var(--color-contrast-800));--_th-bg:var(--table-header-bg,color-mix(in srgb, var(--color-contrast-100) 85%, transparent));--_th-color:var(--table-header-color,var(--_theme-content));--_th-font-weight:var(--font-semibold);--_th-font-size:var(--text-xs);--_row-hover-bg:var(--table-row-hover-bg,var(--color-contrast-100));--_stripe-bg:transparent;border-radius:var(--_radius);width:100%;box-shadow:var(--_shadow);display:block}.scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{table-layout:auto;border-spacing:0;border-collapse:collapse;background:var(--table-bg,var(--color-canvas));width:100%}caption{padding:var(--size-3) var(--size-5);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.05em;caption-side:top;background:var(--_th-bg)}caption:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}caption:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}th,td{padding:var(--_cell-padding);font-size:var(--_cell-font-size);vertical-align:middle;color:var(--_cell-color);border-bottom:var(--_border);transition:background var(--duration-150) var(--ease-in-out);background:0 0;font-weight:400}th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),td:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),td:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}tbody tr:last-child th,tbody tr:last-child td,tfoot tr:last-child th,tfoot tr:last-child td{border-bottom:none}thead th,thead td,tfoot th,tfoot td{font-size:var(--_th-font-size);font-weight:var(--_th-font-weight);color:var(--_th-color);border-bottom:var(--border-2) solid var(--color-contrast-200);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(140%);backdrop-filter:blur(var(--blur-md)) saturate(140%);background:var(--_th-bg)!important}thead th{text-transform:uppercase;letter-spacing:.05em}tbody tr:hover th,tbody tr:hover td{background:var(--_row-hover-bg)}tbody tr:nth-child(2n) th,tbody tr:nth-child(2n) td{background:var(--_stripe-bg)}tbody tr:nth-child(2n):hover th,tbody tr:nth-child(2n):hover td{background:var(--_row-hover-bg)}}@layer buildit.states{:host([loading]){cursor:wait}:host([loading]) table{pointer-events:none;opacity:.5;transition:opacity var(--duration-200) var(--ease-in-out)}}@layer buildit.variants{:host([striped]){--_stripe-bg:var(--table-stripe-bg,var(--color-contrast-50))}:host([bordered]){border:var(--_border);border-radius:var(--_radius);box-shadow:var(--shadow-xs);overflow:hidden}:host([bordered]) .scroll-container{border-radius:inherit;clip-path:inset(0 round var(--_radius))}:host([color]){--_th-color:var(--_theme-base)}:host([sticky]) .scroll-container{max-height:var(--table-sticky-max-height,24rem);overflow-y:auto}:host([sticky]) thead th,:host([sticky]) thead td{z-index:10;background:var(--table-sticky-header-bg,var(--lightningcss-light,color-mix(in srgb, var(--color-contrast-50) 94%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-contrast-100) 94%, transparent)));-webkit-backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);backdrop-filter:blur(var(--table-sticky-blur,var(--blur-md))) saturate(140%);will-change:backdrop-filter;position:sticky;top:0}}@layer buildit.utilities{:host([size=sm]){--_cell-padding:var(--size-2) var(--size-3);--_cell-font-size:var(--text-xs)}:host([size=lg]){--_cell-padding:var(--size-5) var(--size-8);--_cell-font-size:var(--text-base)}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=table.css?inline.js.map