@skewedaspect/sleekspace-ui 0.9.0 → 0.10.0

package/dist/static/components/alert.d.ts

@@ -1,4 +1,5 @@
 import { AlertKind, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface AlertStaticProps extends StaticCustomColors {
     kind?: AlertKind;
     subtle?: boolean;
@@ -9,4 +10,4 @@ export interface AlertStaticProps extends StaticCustomColors {
      */
     icon?: string | false;
 }
-export declare function alert(props?: AlertStaticProps, children?: string): string;
+export declare function alert<T>(h: H<T>, props?: AlertStaticProps, children?: T | T[]): T;

package/dist/static/components/avatar.d.ts

@@ -1,4 +1,5 @@
 import { AvatarSize, ComponentKind, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface AvatarStaticProps extends StaticCustomColors {
     kind?: ComponentKind;
     size?: AvatarSize;
@@ -6,4 +7,4 @@ export interface AvatarStaticProps extends StaticCustomColors {
     alt?: string;
     initials?: string;
 }
-export declare function avatar(props?: AvatarStaticProps): string;
+export declare function avatar<T>(h: H<T>, props?: AvatarStaticProps): T;

package/dist/static/components/breadcrumbs.d.ts

@@ -1,6 +1,7 @@
 import { BreadcrumbsKind, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface BreadcrumbsStaticProps extends StaticCustomColors {
     kind?: BreadcrumbsKind;
     separator?: string;
 }
-export declare function breadcrumbs(props?: BreadcrumbsStaticProps, children?: string): string;
+export declare function breadcrumbs<T>(h: H<T>, props?: BreadcrumbsStaticProps, children?: T | T[]): T;

package/dist/static/components/button.d.ts

@@ -1,4 +1,5 @@
-import { ButtonKind, ButtonSize, ButtonType, ButtonVariant, StaticCustomColors } from '../types';
+import { ButtonCorner, ButtonKind, ButtonSize, ButtonType, ButtonVariant, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface ButtonStaticProps extends StaticCustomColors {
     type?: ButtonType;
     kind?: ButtonKind;
@@ -8,6 +9,7 @@ export interface ButtonStaticProps extends StaticCustomColors {
     loading?: boolean;
     pressed?: boolean;
     dense?: boolean;
+    corners?: ButtonCorner[];
     href?: string;
 }
-export declare function button(props?: ButtonStaticProps, children?: string): string;
+export declare function button<T>(h: H<T>, props?: ButtonStaticProps, children?: T | T[]): T;

package/dist/static/components/card.d.ts

@@ -1,5 +1,6 @@
 import { CardKind, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface CardStaticProps extends StaticCustomColors {
     kind?: CardKind;
 }
-export declare function card(props?: CardStaticProps, children?: string): string;
+export declare function card<T>(h: H<T>, props?: CardStaticProps, children?: T | T[]): T;

package/dist/static/components/checkbox.d.ts

@@ -1,4 +1,5 @@
 import { ComponentKind, ComponentSize } from '../types';
+import { H } from '../h';
 export interface CheckboxStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
@@ -7,4 +8,4 @@ export interface CheckboxStaticProps {
     required?: boolean;
     name?: string;
 }
-export declare function checkbox(props?: CheckboxStaticProps, children?: string): string;
+export declare function checkbox<T>(h: H<T>, props?: CheckboxStaticProps, children?: T | T[]): T;

package/dist/static/components/colorPicker.d.ts

@@ -1,8 +1,9 @@
 import { ComponentSize } from '../types';
+import { H } from '../h';
 export interface ColorPickerStaticProps {
     size?: ComponentSize;
     value?: string;
     name?: string;
     disabled?: boolean;
 }
-export declare function colorPicker(props?: ColorPickerStaticProps): string;
+export declare function colorPicker<T>(h: H<T>, props?: ColorPickerStaticProps): T;

package/dist/static/components/divider.d.ts

@@ -1,8 +1,9 @@
 import { ComponentKind, ComponentSize, DividerOrientation, DividerVariant } from '../types';
+import { H } from '../h';
 export interface DividerStaticProps {
     orientation?: DividerOrientation;
     kind?: ComponentKind;
     variant?: DividerVariant;
     size?: ComponentSize;
 }
-export declare function divider(props?: DividerStaticProps): string;
+export declare function divider<T>(h: H<T>, props?: DividerStaticProps): T;

package/dist/static/components/dropdown.d.ts

@@ -1,8 +1,9 @@
 import { SemanticKind } from '../types';
+import { H } from '../h';
 export interface DropdownStaticProps {
     summary: string;
     kind?: SemanticKind;
     size?: 'sm' | 'md' | 'lg';
     open?: boolean;
 }
-export declare function dropdown(props: DropdownStaticProps, children?: string): string;
+export declare function dropdown<T>(h: H<T>, props: DropdownStaticProps, children?: T | T[]): T;

package/dist/static/components/field.d.ts

@@ -1,4 +1,5 @@
 import { FieldLabelPosition } from '../types';
+import { H } from '../h';
 export interface FieldStaticProps {
     label?: string;
     description?: string;
@@ -12,4 +13,4 @@ export interface FieldStaticProps {
      */
     id?: string;
 }
-export declare function field(props?: FieldStaticProps, children?: string): string;
+export declare function field<T>(h: H<T>, props?: FieldStaticProps, children?: T | T[]): T;

package/dist/static/components/group.d.ts

@@ -1,5 +1,6 @@
 import { GroupOrientation } from '../types';
+import { H } from '../h';
 export interface GroupStaticProps {
     orientation?: GroupOrientation;
 }
-export declare function group(props?: GroupStaticProps, children?: string): string;
+export declare function group<T>(h: H<T>, props?: GroupStaticProps, children?: T | T[]): T;

package/dist/static/components/input.d.ts

@@ -1,7 +1,9 @@
-import { ComponentKind, ComponentSize } from '../types';
+import { ComponentKind, ComponentSize, InputCorner } from '../types';
+import { H } from '../h';
 export interface InputStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
+    corners?: InputCorner[];
     type?: string;
     value?: string;
     placeholder?: string;
@@ -11,4 +13,4 @@ export interface InputStaticProps {
     readonly?: boolean;
     required?: boolean;
 }
-export declare function input(props?: InputStaticProps): string;
+export declare function input<T>(h: H<T>, props?: InputStaticProps): T;

package/dist/static/components/inputGroup.d.ts

@@ -0,0 +1,8 @@
+import { ComponentKind, ComponentSize, InputGroupCorner, StaticCustomColors } from '../types';
+import { H } from '../h';
+export interface InputGroupStaticProps extends StaticCustomColors {
+    kind?: ComponentKind;
+    size?: ComponentSize;
+    corners?: InputGroupCorner[];
+}
+export declare function inputGroup<T>(h: H<T>, props?: InputGroupStaticProps, children?: T | T[]): T;

package/dist/static/components/inputGroupAddon.d.ts

@@ -0,0 +1,7 @@
+import { ComponentKind, ComponentSize } from '../types';
+import { H } from '../h';
+export interface InputGroupAddonStaticProps {
+    kind?: ComponentKind;
+    size?: ComponentSize;
+}
+export declare function inputGroupAddon<T>(h: H<T>, props?: InputGroupAddonStaticProps, children?: T | T[]): T;

package/dist/static/components/navBar.d.ts

@@ -1,4 +1,5 @@
 import { NavBarKind, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface NavBarStaticProps extends StaticCustomColors {
     kind?: NavBarKind;
     /**
@@ -13,4 +14,4 @@ export interface NavBarStaticProps extends StaticCustomColors {
     /** HTML for the actions slot (right-aligned CTAs / user menu). */
     actions?: string;
 }
-export declare function navBar(props?: NavBarStaticProps, children?: string): string;
+export declare function navBar<T>(h: H<T>, props?: NavBarStaticProps, children?: T | T[]): T;

package/dist/static/components/numberInput.d.ts

@@ -1,7 +1,9 @@
-import { ComponentKind, ComponentSize } from '../types';
+import { ComponentKind, ComponentSize, NumberInputCorner } from '../types';
+import { H } from '../h';
 export interface NumberInputStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
+    corners?: NumberInputCorner[];
     value?: string;
     min?: string;
     max?: string;
@@ -12,4 +14,4 @@ export interface NumberInputStaticProps {
     readonly?: boolean;
     required?: boolean;
 }
-export declare function numberInput(props?: NumberInputStaticProps): string;
+export declare function numberInput<T>(h: H<T>, props?: NumberInputStaticProps): T;

package/dist/static/components/page.d.ts

@@ -1,4 +1,5 @@
 import { PagePanelMode } from '../types';
+import { H } from '../h';
 export interface PageStaticProps {
     fixedHeader?: boolean;
     fixedFooter?: boolean;
@@ -6,4 +7,4 @@ export interface PageStaticProps {
     sidebarMode?: PagePanelMode;
     asideMode?: PagePanelMode;
 }
-export declare function page(props?: PageStaticProps, children?: string): string;
+export declare function page<T>(h: H<T>, props?: PageStaticProps, children?: T | T[]): T;

package/dist/static/components/pagination.d.ts

@@ -1,5 +1,6 @@
 import { PaginationKind, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface PaginationStaticProps extends StaticCustomColors {
     kind?: PaginationKind;
 }
-export declare function pagination(props?: PaginationStaticProps, children?: string): string;
+export declare function pagination<T>(h: H<T>, props?: PaginationStaticProps, children?: T | T[]): T;

package/dist/static/components/panel.d.ts

@@ -1,4 +1,5 @@
 import { PanelCorner, PanelKind, PanelSize, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface PanelStaticProps extends StaticCustomColors {
     kind?: PanelKind;
     size?: PanelSize;
@@ -8,4 +9,4 @@ export interface PanelStaticProps extends StaticCustomColors {
     corners?: PanelCorner[];
     decorationCorner?: PanelCorner;
 }
-export declare function panel(props?: PanelStaticProps, children?: string): string;
+export declare function panel<T>(h: H<T>, props?: PanelStaticProps, children?: T | T[]): T;

package/dist/static/components/progress.d.ts

@@ -1,4 +1,5 @@
 import { ComponentKind, ProgressSize } from '../types';
+import { H } from '../h';
 export interface ProgressStaticProps {
     kind?: ComponentKind;
     size?: ProgressSize;
@@ -6,4 +7,4 @@ export interface ProgressStaticProps {
     value?: number | null;
     max?: number;
 }
-export declare function progress(props?: ProgressStaticProps, children?: string): string;
+export declare function progress<T>(h: H<T>, props?: ProgressStaticProps, children?: T | T[]): T;

package/dist/static/components/radio.d.ts

@@ -1,4 +1,5 @@
 import { ComponentKind, ComponentSize } from '../types';
+import { H } from '../h';
 export interface RadioStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
@@ -8,4 +9,4 @@ export interface RadioStaticProps {
     disabled?: boolean;
     required?: boolean;
 }
-export declare function radio(props?: RadioStaticProps, children?: string): string;
+export declare function radio<T>(h: H<T>, props?: RadioStaticProps, children?: T | T[]): T;

package/dist/static/components/select.d.ts

@@ -1,10 +1,12 @@
-import { ComponentKind, ComponentSize } from '../types';
+import { ComponentKind, ComponentSize, SelectCorner } from '../types';
+import { H } from '../h';
 export interface SelectStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
+    corners?: SelectCorner[];
     name?: string;
     id?: string;
     disabled?: boolean;
     required?: boolean;
 }
-export declare function select(props?: SelectStaticProps, children?: string): string;
+export declare function select<T>(h: H<T>, props?: SelectStaticProps, children?: T | T[]): T;

package/dist/static/components/sidebar.d.ts

@@ -1,4 +1,5 @@
 import { SidebarKind, SidebarSide, StaticCustomColors } from '../types';
+import { H } from '../h';
 export interface SidebarStaticProps extends StaticCustomColors {
     kind?: SidebarKind;
     side?: SidebarSide;
@@ -6,4 +7,4 @@ export interface SidebarStaticProps extends StaticCustomColors {
     /** CSS width of the sidebar (not used for class output; here for completeness). */
     width?: string;
 }
-export declare function sidebar(props?: SidebarStaticProps, children?: string): string;
+export declare function sidebar<T>(h: H<T>, props?: SidebarStaticProps, children?: T | T[]): T;

package/dist/static/components/skeleton.d.ts

@@ -1,3 +1,4 @@
+import { H } from '../h';
 export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'square';
 export type SkeletonAnimation = 'shimmer' | 'pulse' | 'none';
 export interface SkeletonStaticProps {
@@ -8,4 +9,4 @@ export interface SkeletonStaticProps {
     /** CSS height value. Emitted as inline style when set. */
     height?: string;
 }
-export declare function skeleton(props?: SkeletonStaticProps): string;
+export declare function skeleton<T>(h: H<T>, props?: SkeletonStaticProps): T;

package/dist/static/components/slider.d.ts

@@ -1,4 +1,5 @@
 import { ComponentKind, ComponentSize } from '../types';
+import { H } from '../h';
 export interface SliderStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
@@ -9,4 +10,4 @@ export interface SliderStaticProps {
     name?: string;
     disabled?: boolean;
 }
-export declare function slider(props?: SliderStaticProps): string;
+export declare function slider<T>(h: H<T>, props?: SliderStaticProps): T;

package/dist/static/components/spinner.d.ts

@@ -1,4 +1,5 @@
 import { ComponentKind, SpinnerSize, SpinnerVariant } from '../types';
+import { H } from '../h';
 export interface SpinnerStaticProps {
     kind?: ComponentKind;
     size?: SpinnerSize;
@@ -9,4 +10,4 @@ export interface SpinnerStaticProps {
      */
     color?: string;
 }
-export declare function spinner(props?: SpinnerStaticProps): string;
+export declare function spinner<T>(h: H<T>, props?: SpinnerStaticProps): T;

package/dist/static/components/switchInput.d.ts

@@ -1,4 +1,5 @@
 import { ComponentKind, ComponentSize } from '../types';
+import { H } from '../h';
 export interface SwitchStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
@@ -7,4 +8,4 @@ export interface SwitchStaticProps {
     disabled?: boolean;
     required?: boolean;
 }
-export declare function switchInput(props?: SwitchStaticProps, children?: string): string;
+export declare function switchInput<T>(h: H<T>, props?: SwitchStaticProps, children?: T | T[]): T;

package/dist/static/components/table.d.ts

@@ -1,4 +1,5 @@
 import { StaticCustomColors, TableKind, TableVariant } from '../types';
+import { H } from '../h';
 export interface TableStaticProps extends StaticCustomColors {
     kind?: TableKind;
     variant?: TableVariant;
@@ -9,4 +10,4 @@ export interface TableStaticProps extends StaticCustomColors {
     darkBackground?: boolean;
     subtle?: boolean;
 }
-export declare function table(props?: TableStaticProps, children?: string): string;
+export declare function table<T>(h: H<T>, props?: TableStaticProps, children?: T | T[]): T;

package/dist/static/components/tag.d.ts

@@ -1,8 +1,9 @@
 import { ComponentKind, StaticCustomColors, TagSize, TagVariant } from '../types';
+import { H } from '../h';
 export interface TagStaticProps extends StaticCustomColors {
     kind?: ComponentKind;
     variant?: TagVariant;
     size?: TagSize;
     removable?: boolean;
 }
-export declare function tag(props?: TagStaticProps, children?: string): string;
+export declare function tag<T>(h: H<T>, props?: TagStaticProps, children?: T | T[]): T;

package/dist/static/components/tagsInput.d.ts

@@ -1,7 +1,8 @@
 import { ComponentKind, ComponentSize } from '../types';
+import { H } from '../h';
 export interface TagsInputStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
     disabled?: boolean;
 }
-export declare function tagsInput(props?: TagsInputStaticProps, children?: string): string;
+export declare function tagsInput<T>(h: H<T>, props?: TagsInputStaticProps, children?: T | T[]): T;

package/dist/static/components/textarea.d.ts

@@ -1,4 +1,5 @@
 import { ComponentKind, ComponentSize } from '../types';
+import { H } from '../h';
 export interface TextareaStaticProps {
     kind?: ComponentKind;
     size?: ComponentSize;
@@ -9,4 +10,4 @@ export interface TextareaStaticProps {
     readonly?: boolean;
     required?: boolean;
 }
-export declare function textarea(props?: TextareaStaticProps, children?: string): string;
+export declare function textarea<T>(h: H<T>, props?: TextareaStaticProps, children?: T | T[]): T;

package/dist/static/components/toolbar.d.ts

@@ -1,4 +1,5 @@
 import { StaticCustomColors, ToolbarCorner, ToolbarKind, ToolbarOrientation } from '../types';
+import { H } from '../h';
 export interface ToolbarStaticProps extends StaticCustomColors {
     kind?: ToolbarKind;
     orientation?: ToolbarOrientation;
@@ -9,4 +10,4 @@ export interface ToolbarStaticProps extends StaticCustomColors {
      */
     corners?: ToolbarCorner[];
 }
-export declare function toolbar(props?: ToolbarStaticProps, children?: string): string;
+export declare function toolbar<T>(h: H<T>, props?: ToolbarStaticProps, children?: T | T[]): T;

package/dist/static/components/tooltip.d.ts

@@ -1,7 +1,8 @@
 import { StaticCustomColors, TooltipKind, TooltipSide, TooltipVariant } from '../types';
+import { H } from '../h';
 export interface TooltipStaticProps extends StaticCustomColors {
     kind?: TooltipKind;
     variant?: TooltipVariant;
     placement?: TooltipSide;
 }
-export declare function tooltip(props?: TooltipStaticProps, children?: string): string;
+export declare function tooltip<T>(h: H<T>, props?: TooltipStaticProps, children?: T | T[]): T;

package/dist/static/h.d.ts

@@ -0,0 +1,2 @@
+export type HAttrs = Record<string, unknown> | null;
+export type H<T> = (tag: string, attrs: HAttrs, children?: T | T[]) => T;

package/dist/static/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`)}function t(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`).replace(/'/g,`&#39;`)}function n(e){return e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase())}function r(e,t){let r=[e.base];if(e.kind&&typeof t.kind==`string`&&r.push(`sk-${t.kind}`),e.size&&typeof t.size==`string`&&(r.push(`sk-${t.size}`),r.push(`sk-size-${t.size}`)),e.variant&&typeof t.variant==`string`&&r.push(`sk-${t.variant}`),e.booleanFlags)for(let i of e.booleanFlags)t[n(i)]===!0&&r.push(`sk-${i}`);if(e.listFlags)for(let{prop:n,family:i}of e.listFlags){let e=t[n];if(Array.isArray(e))for(let t of e)typeof t==`string`&&r.push(`sk-${i}-${t}`)}if(e.singleChoiceFlags)for(let{prop:n,family:i}of e.singleChoiceFlags){let e=t[n];typeof e==`string`&&r.push(`sk-${i}-${e}`)}return r.join(` `)}function i(t,n,i){let a=[`class="${e(r(t.classSpec,n))}"`];if(t.tag===`button`&&a.push(`type="button"`),t.extraAttrs)for(let[n,r]of Object.entries(t.extraAttrs))a.push(`${n}="${e(r)}"`);let o=[];if(t.customColorVars){let{base:r,text:i}=t.customColorVars;r&&typeof n.baseColor==`string`&&o.push(`${r}: ${e(n.baseColor)};`),i&&typeof n.textColor==`string`&&o.push(`${i}: ${e(n.textColor)};`)}o.length>0&&a.push(`style="${o.join(` `)}"`);let s=a.join(` `);return t.void?`<${t.tag} ${s} />`:`<${t.tag} ${s}>${i}</${t.tag}>`}var a={panel:{tag:`div`,classSpec:{base:`sk-panel`,kind:!0,size:!0,booleanFlags:[`no-border`,`no-decoration`],listFlags:[{prop:`corners`,family:`cut`}],singleChoiceFlags:[{prop:`decorationCorner`,family:`decoration`}]},customColorVars:{base:`--sk-panel-color-base`,text:`--sk-panel-fg`}},card:{tag:`div`,classSpec:{base:`sk-card`,kind:!0},customColorVars:{base:`--sk-panel-color-base`,text:`--sk-panel-fg`}},alert:{tag:`div`,classSpec:{base:`sk-alert`,kind:!0,booleanFlags:[`subtle`]},extraAttrs:{role:`alert`},customColorVars:{base:`--sk-alert-color-base`,text:`--sk-alert-fg`}},divider:{tag:`div`,classSpec:{base:`sk-divider`,kind:!0,booleanFlags:[`subtle`],singleChoiceFlags:[{prop:`orientation`,family:`orientation`}]},extraAttrs:{role:`separator`}},page:{tag:`div`,classSpec:{base:`sk-page`,booleanFlags:[`flush`,`fixed-header`,`fixed-footer`]}},group:{tag:`div`,classSpec:{base:`sk-group`,singleChoiceFlags:[{prop:`orientation`,family:`orientation`}]}},skeleton:{tag:`div`,classSpec:{base:`sk-skeleton`,singleChoiceFlags:[{prop:`variant`,family:`shape`}],booleanFlags:[`shimmer`,`pulse`]}},progress:{tag:`progress`,classSpec:{base:`sk-progress`,kind:!0,size:!0,booleanFlags:[`indeterminate`]},void:!0},spinner:{tag:`div`,classSpec:{base:`sk-spinner`,kind:!0,size:!0}},navBar:{tag:`nav`,classSpec:{base:`sk-navbar`,kind:!0,booleanFlags:[`sticky`]}},toolbar:{tag:`div`,classSpec:{base:`sk-toolbar`,kind:!0,singleChoiceFlags:[{prop:`orientation`,family:`orientation`}]},extraAttrs:{role:`toolbar`}},sidebar:{tag:`aside`,classSpec:{base:`sk-sidebar`,kind:!0,booleanFlags:[`dense`]}},breadcrumbs:{tag:`nav`,classSpec:{base:`sk-breadcrumbs`,kind:!0},extraAttrs:{"aria-label":`Breadcrumbs`}},pagination:{tag:`nav`,classSpec:{base:`sk-pagination`,kind:!0},extraAttrs:{"aria-label":`Pagination`}},tag:{tag:`span`,classSpec:{base:`sk-tag`,kind:!0,size:!0,variant:!0,booleanFlags:[`removable`]}},avatar:{tag:`div`,classSpec:{base:`sk-avatar`,kind:!0,size:!0,singleChoiceFlags:[{prop:`shape`,family:`shape`}]}},field:{tag:`div`,classSpec:{base:`sk-field`,booleanFlags:[`has-error`],singleChoiceFlags:[{prop:`labelPosition`,family:`label-position`}]}},table:{tag:`table`,classSpec:{base:`sk-table`,kind:!0,variant:!0,booleanFlags:[`striped`,`bordered`,`compact`,`comfortable`]}},tooltip:{tag:`div`,classSpec:{base:`sk-tooltip`,kind:!0,variant:!0,singleChoiceFlags:[{prop:`placement`,family:`placement`}]},extraAttrs:{role:`tooltip`}},input:{tag:`input`,classSpec:{base:`sk-input`,kind:!0,size:!0},void:!0},textarea:{tag:`textarea`,classSpec:{base:`sk-textarea`,kind:!0,size:!0}},select:{tag:`select`,classSpec:{base:`sk-select`,kind:!0,size:!0}},slider:{tag:`input`,classSpec:{base:`sk-slider`,kind:!0,size:!0,singleChoiceFlags:[{prop:`orientation`,family:`orientation`}]},void:!0,extraAttrs:{type:`range`}},colorPicker:{tag:`input`,classSpec:{base:`sk-color-picker`,size:!0},void:!0,extraAttrs:{type:`color`}},dropdown:{tag:`details`,classSpec:{base:`sk-dropdown`,kind:!0,size:!0}}};function o(e={},t=``){return i(a.panel,e,t)}function s(e={},t=``){return i(a.card,e,t)}var c=new Set([`info`,`success`,`warning`,`danger`]),l={info:`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><circle cx="12" cy="8" r="0.5" fill="currentColor"></circle></svg>`,success:`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>`,warning:`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><circle cx="12" cy="17" r="0.5" fill="currentColor"></circle></svg>`,danger:`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>`};function u(t={},n=``){let i=t.kind??`info`,a=[`class="${e(r({base:`sk-alert`,kind:!0,booleanFlags:[`subtle`]},{...t,kind:i}))}"`,`role="alert"`],o=[];typeof t.baseColor==`string`&&o.push(`--sk-alert-color-base: ${e(t.baseColor)};`),typeof t.textColor==`string`&&o.push(`--sk-alert-fg: ${e(t.textColor)};`),o.length>0&&a.push(`style="${o.join(` `)}"`);let s=``;if(t.icon!==!1){let e=typeof t.icon==`string`?t.icon:c.has(i)?l[i]??``:null;e!==null&&(s=`<div class="sk-alert-icon">${e}</div>`)}let u=`<div class="sk-alert-content">${n}</div>`;return`<div ${a.join(` `)}>${s}${u}</div>`}function d(t={}){let n=t.orientation??`horizontal`,r=t.kind??`neutral`,i=t.size??`md`,a=[`sk-divider`,`sk-${n}`,`sk-${r}`,`sk-${i}`];return t.variant===`subtle`&&a.push(`sk-subtle`),`<hr class="${e(a.join(` `))}" role="separator">`}function f(e={},t=``){return i(a.page,e,t)}function p(e={},t=``){return i(a.group,e,t)}function m(t={}){let n=t.variant??`text`,r=t.animation??`shimmer`,i=[`sk-skeleton`,`sk-${n}`];r!==`none`&&i.push(`sk-${r}`);let a=[`class="${e(i.join(` `))}"`],o=[],s=t.height??((n===`circular`||n===`square`)&&t.width?t.width:void 0);return typeof t.width==`string`&&o.push(`width: ${e(t.width)};`),typeof s==`string`&&o.push(`height: ${e(s)};`),o.length>0&&a.push(`style="${o.join(` `)}"`),`<div ${a.join(` `)}></div>`}function h(e={},t=``){return i(a.progress,e,t)}function g(e){switch(e){case`circular`:return`<div class="sk-spinner-circular"><div class="sk-arc sk-arc-large"></div><div class="sk-arc sk-arc-small"></div></div>`;case`dots`:return`<div class="sk-spinner-dots"><div class="sk-dot"></div><div class="sk-dot"></div><div class="sk-dot"></div></div>`;case`crosshair`:return`<div class="sk-crosshair-loader"></div>`}}function _(t={}){let n=t.kind??`primary`,r=t.size??`md`,i=t.variant??`circular`,a=[`class="${e([`sk-spinner`,`sk-${n}`,`sk-${r}`,`sk-variant-${i}`].join(` `))}"`,`role="status"`,`aria-live="polite"`,`aria-label="Loading"`];return typeof t.color==`string`&&a.push(`style="--sk-spinner-color: ${e(t.color)};"`),`<div ${a.join(` `)}>${g(i)}</div>`}function v(t={},n=``){let i=t.sticky!==!1,a=r({base:`sk-navbar`,kind:!0},t),o=[`class="${e(i?`${a} sk-sticky`:a)}"`],s=[];typeof t.baseColor==`string`&&s.push(`--sk-navbar-color-base: ${e(t.baseColor)};`),typeof t.textColor==`string`&&s.push(`--sk-navbar-fg: ${e(t.textColor)};`),s.length>0&&o.push(`style="${s.join(` `)}"`);let c=``;t.leading&&(c+=`<div class="sk-navbar-leading">${t.leading}</div>`),t.brand&&(c+=`<div class="sk-navbar-brand">${t.brand}</div>`),n&&(c+=`<div class="sk-navbar-nav">${n}</div>`),t.actions&&(c+=`<div class="sk-navbar-actions">${t.actions}</div>`);let l=`<div class="sk-navbar-content">${c}</div>`;return`<nav ${o.join(` `)}>${l}</nav>`}var y=[`top-left`,`top-right`,`bottom-right`,`bottom-left`];function b(t={},n=``){let r=t.kind,i=t.orientation??`horizontal`,a=t.corners??y,o=[`sk-toolbar`];typeof r==`string`&&o.push(`sk-${r}`),o.push(`sk-${i}`);for(let e of a)o.push(`sk-cut-${e}`);let s=[`class="${e(o.join(` `))}"`,`role="toolbar"`],c=[];return typeof t.baseColor==`string`&&c.push(`--sk-toolbar-color-base: ${e(t.baseColor)};`),typeof t.textColor==`string`&&c.push(`--sk-toolbar-fg: ${e(t.textColor)};`),c.length>0&&s.push(`style="${c.join(` `)}"`),`<div ${s.join(` `)}>${n}</div>`}function x(t={},n=``){let r=t.kind??`neutral`,i=t.side??`left`,a=[`sk-sidebar`,`sk-${r}`];i===`right`&&a.push(`sk-sidebar-right`),t.dense===!0&&a.push(`sk-dense`);let o=i===`right`?`bottom-left`:`bottom-right`,s=[`sk-panel`,`sk-${r}`,`sk-md`,`sk-cut-${o}`,`sk-decoration-${o}`,`sk-sidebar-panel`],c=`class="${e(a.join(` `))}"`,l=`class="${e(s.join(` `))}"`,u=[];return typeof t.baseColor==`string`&&u.push(`--sk-sidebar-color-base: ${e(t.baseColor)};`),`<aside ${c}${u.length>0?` style="${u.join(` `)}"`:``}><div ${l}>${`<div class="sk-panel-scroll-content"><nav class="sk-sidebar-nav">${n}</nav></div>`}</div></aside>`}function S(e={},t=``){return i(a.breadcrumbs,e,t)}function C(e={},t=``){return i(a.pagination,e,t)}var w=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>`;function T(t={},n=``){let r=t.kind??`neutral`,i=t.variant??`solid`,a=t.size??`md`,o=[`sk-tag`,`sk-${r}`,`sk-${i}`,`sk-${a}`];t.removable&&o.push(`sk-removable`);let s=[`class="${e(o.join(` `))}"`],c=[];typeof t.baseColor==`string`&&c.push(`--sk-tag-color-base: ${e(t.baseColor)};`),typeof t.textColor==`string`&&c.push(`--sk-tag-fg: ${e(t.textColor)};`),c.length>0&&s.push(`style="${c.join(` `)}"`);let l=`<span class="sk-tag-content">${n}</span>`,u=t.removable?`<button type="button" class="sk-tag-remove" aria-label="Remove">${w}</button>`:``;return`<span ${s.join(` `)}>${l}${u}</span>`}var E=`<svg class="sk-avatar-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></svg>`;function D(t={}){let n=t.kind??`neutral`,r=t.size??`md`,i=[`class="${e([`sk-avatar`,`sk-${n}`,`sk-${r}`].join(` `))}"`],a=[];typeof t.baseColor==`string`&&a.push(`--sk-avatar-color-base: ${e(t.baseColor)};`),typeof t.textColor==`string`&&a.push(`--sk-avatar-fg: ${e(t.textColor)};`),a.length>0&&i.push(`style="${a.join(` `)}"`);let o;if(t.src){let n=t.alt??``;o=`<img src="${e(t.src)}" alt="${e(n)}" class="sk-avatar-image">`}else o=t.initials?`<span class="sk-avatar-initials">${e(t.initials.slice(0,2).toUpperCase())}</span>`:E;return`<div ${i.join(` `)}>${o}</div>`}function O(t={},n=``){let r=[`sk-field`,`sk-label-${t.labelPosition??`top`}`];t.error&&r.push(`sk-has-error`);let i=`class="${e(r.join(` `))}"`,a=``;if(t.label){let n=t.id?` for="${e(t.id)}"`:``,r=t.required?`<span class="sk-field-required">*</span>`:``;a=`<label${n} class="sk-field-label">${e(t.label)}${r}</label>`}let o=`<div class="sk-field-input-wrapper">${n}</div>`,s=``;t.description&&!t.error&&(s=`<p${t.id?` id="${e(t.id)}-description"`:``} class="sk-field-description">${e(t.description)}</p>`);let c=``;return t.error&&(c=`<p${t.id?` id="${e(t.id)}-error"`:``} class="sk-field-error">${e(t.error)}</p>`),`<div ${i}>${a}${o}${s}${c}</div>`}function k(t={},n=``){let r=t.kind??`neutral`,i=t.variant??`default`,a=t.hoverable!==!1,o=t.bordered!==!1,s=t.innerBorders===!0,c=t.subtle===!0,l=t.darkBackground===!0,u=t.striped===!0,d=[`sk-table-wrapper`,`sk-table-wrapper-${r}`];l&&d.push(`sk-dark-background`),c&&d.push(`sk-subtle`);let f=[`sk-table`,`sk-${r}`,`sk-${i}`];u&&f.push(`sk-striped`),a&&f.push(`sk-hoverable`),o&&f.push(`sk-bordered`),s||f.push(`sk-no-inner-borders`),c&&f.push(`sk-subtle`);let p=[`class="${e(f.join(` `))}"`],m=[];return typeof t.baseColor==`string`&&m.push(`--sk-table-color-base: ${e(t.baseColor)};`),typeof t.textColor==`string`&&m.push(`--sk-table-fg: ${e(t.textColor)};`),m.length>0&&p.push(`style="${m.join(` `)}"`),`<div ${`class="${e(d.join(` `))}"`}><table ${p.join(` `)}>${n}</table></div>`}function A(e={},t=``){return i(a.tooltip,e,t)}function j(t={},n=``){let i=[`class="${e(r({base:`sk-button`,kind:!0,size:!0,variant:!0,booleanFlags:[`loading`,`pressed`,`dense`]},t))}"`],a=typeof t.href==`string`;if(a)i.push(`href="${e(t.href??``)}"`);else{let n=t.type??`button`;i.push(`type="${e(n)}"`)}t.disabled&&i.push(a?`aria-disabled="true"`:`disabled`),t.loading&&i.push(`aria-busy="true"`),t.pressed&&i.push(`aria-pressed="true"`);let o=a?`a`:`button`,s=`<span class="sk-button-chrome">${n}</span>`;return`<${o} ${i.join(` `)}>${s}</${o}>`}function M(t={}){let n=[`class="${e(r({base:`sk-input`,kind:!0,size:!0},t))}"`];for(let r of[`type`,`value`,`placeholder`,`name`,`id`]){let i=t[r];typeof i==`string`&&n.push(`${r}="${e(i)}"`)}for(let e of[`disabled`,`readonly`,`required`])t[e]===!0&&n.push(e);return`<input ${n.join(` `)} />`}function N(t={},n=``){let i=[`class="${e(r({base:`sk-textarea`,kind:!0,size:!0},t))}"`];for(let n of[`placeholder`,`name`,`id`]){let r=t[n];typeof r==`string`&&i.push(`${n}="${e(r)}"`)}for(let e of[`disabled`,`readonly`,`required`])t[e]===!0&&i.push(e);return`<textarea ${i.join(` `)}>${n}</textarea>`}function P(t={},n=``){let i=[`class="${e(r({base:`sk-select`,kind:!0,size:!0},t))}"`];for(let n of[`name`,`id`]){let r=t[n];typeof r==`string`&&i.push(`${n}="${e(r)}"`)}for(let e of[`disabled`,`required`])t[e]===!0&&i.push(e);return`<select ${i.join(` `)}>${n}</select>`}function F(t={}){let n=[`class="${e(r({base:`sk-slider`,kind:!0,size:!0},t))}"`,`type="range"`];for(let r of[`min`,`max`,`step`,`value`,`name`]){let i=t[r];typeof i==`string`&&n.push(`${r}="${e(i)}"`)}return t.disabled===!0&&n.push(`disabled`),`<input ${n.join(` `)} />`}function I(t={}){let n=[`class="${e(r({base:`sk-color-picker`,size:!0},t))}"`,`type="color"`];for(let r of[`value`,`name`]){let i=t[r];typeof i==`string`&&n.push(`${r}="${e(i)}"`)}return t.disabled===!0&&n.push(`disabled`),`<input ${n.join(` `)} />`}function L(t={},n=``){let i=r({base:`sk-checkbox`,kind:!0,size:!0},t),a=[`type="checkbox"`];t.name&&a.push(`name="${e(t.name)}"`),t.checked===!0&&a.push(`checked`),t.disabled===!0&&a.push(`disabled`),t.required===!0&&a.push(`required`);let o=`<input ${a.join(` `)} />`,s=`<span class="sk-checkbox-label">${n}</span>`;return`<label class="${e(i)}">${o}<span class="sk-checkbox-box"></span>${s}</label>`}function R(t={},n=``){let i=r({base:`sk-radio`,kind:!0,size:!0},t),a=[`type="radio"`];t.name&&a.push(`name="${e(t.name)}"`),t.value!==void 0&&a.push(`value="${e(t.value)}"`),t.checked===!0&&a.push(`checked`),t.disabled===!0&&a.push(`disabled`),t.required===!0&&a.push(`required`);let o=`<input ${a.join(` `)} />`,s=`<span class="sk-radio-label">${n}</span>`;return`<label class="${e(i)}">${o}<span class="sk-radio-dot"></span>${s}</label>`}function z(t={},n=``){let i=r({base:`sk-switch`,kind:!0,size:!0},t),a=[`type="checkbox"`];t.name&&a.push(`name="${e(t.name)}"`),t.checked===!0&&a.push(`checked`),t.disabled===!0&&a.push(`disabled`),t.required===!0&&a.push(`required`);let o=`<input ${a.join(` `)} />`,s=`<span class="sk-switch-label">${n}</span>`;return`<label class="${e(i)}">${o}<span class="sk-switch-track"><span class="sk-switch-thumb"></span></span>${s}</label>`}function B(t={}){let n=r({base:`sk-number-input-wrapper`,kind:!0,size:!0},t),i=[`class="sk-number-input-field"`,`type="number"`];for(let n of[`value`,`min`,`max`,`step`,`name`,`placeholder`]){let r=t[n];typeof r==`string`&&i.push(`${n}="${e(r)}"`)}for(let e of[`disabled`,`readonly`,`required`])t[e]===!0&&i.push(e);let a=`<input ${i.join(` `)} />`;return`<div class="${e(n)}">${a}</div>`}function V(t={},n=``){return`<div class="${e(r({base:`sk-tags-input`,kind:!0,size:!0},t))}">${n}</div>`}function H(t,n=``){let i=[`class="${e(r({base:`sk-dropdown`,kind:!0,size:!0},t))}"`];return t.open&&i.push(`open`),`<details ${i.join(` `)}><summary>${e(t.summary)}</summary>${n}</details>`}exports.alert=u,exports.avatar=D,exports.breadcrumbs=S,exports.button=j,exports.card=s,exports.checkbox=L,exports.colorPicker=I,exports.composeClasses=r,exports.divider=d,exports.dropdown=H,exports.escapeAttr=e,exports.field=O,exports.group=p,exports.input=M,exports.navBar=v,exports.numberInput=B,exports.page=f,exports.pagination=C,exports.panel=o,exports.progress=h,exports.radio=R,exports.render=i,exports.select=P,exports.sidebar=x,exports.skeleton=m,exports.slider=F,exports.spinner=_,exports.switchInput=z,exports.table=k,exports.tag=T,exports.tagsInput=V,exports.text=t,exports.textarea=N,exports.toolbar=b,exports.tooltip=A;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`)}function t(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`).replace(/'/g,`&#39;`)}function n(e){return e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase())}function r(e,t){let r=[e.base];if(e.kind&&typeof t.kind==`string`&&r.push(`sk-${t.kind}`),e.size&&typeof t.size==`string`&&(r.push(`sk-${t.size}`),r.push(`sk-size-${t.size}`)),e.variant&&typeof t.variant==`string`&&r.push(`sk-${t.variant}`),e.booleanFlags)for(let i of e.booleanFlags)t[n(i)]===!0&&r.push(`sk-${i}`);if(e.listFlags)for(let{prop:n,family:i}of e.listFlags){let e=t[n];if(Array.isArray(e))for(let t of e)typeof t==`string`&&r.push(`sk-${i}-${t}`)}if(e.singleChoiceFlags)for(let{prop:n,family:i}of e.singleChoiceFlags){let e=t[n];typeof e==`string`&&r.push(`sk-${i}-${e}`)}return r.join(` `)}function i(e,t){let n={class:r(e.classSpec,t)};if(e.tag===`button`&&(n.type=`button`),e.extraAttrs)for(let[t,r]of Object.entries(e.extraAttrs))n[t]=r;if(e.customColorVars){let r=[],{base:i,text:a}=e.customColorVars;i&&typeof t.baseColor==`string`&&r.push(`${i}: ${t.baseColor};`),a&&typeof t.textColor==`string`&&r.push(`${a}: ${t.textColor};`),r.length>0&&(n.style=r.join(` `))}return n}function a(e,t,n,r){let a=i(t,n);return t.void?e(t.tag,a):e(t.tag,a,r)}var o=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`keygen`,`link`,`meta`,`param`,`progress`,`source`,`track`,`wbr`]);function s(t,n){return n==null||n===!1?null:n===!0?t:`${t}="${e(String(n))}"`}function c(e){if(!e)return``;let t=[];for(let[n,r]of Object.entries(e)){let e=s(n,r);e!==null&&t.push(e)}return t.length>0?` ${t.join(` `)}`:``}var l=(e,t,n)=>{if(t&&typeof t.innerHTML==`string`){let n=t.innerHTML,r={...t};return delete r.innerHTML,`<${e}${c(r)}>${n}</${e}>`}let r=c(t),i=n===void 0||n===``||Array.isArray(n)&&n.length===0;return o.has(e)&&i?`<${e}${r} />`:`<${e}${r}>${n===void 0?``:Array.isArray(n)?n.join(``):n}</${e}>`},u={panel:{tag:`div`,classSpec:{base:`sk-panel`,kind:!0,size:!0,booleanFlags:[`no-border`,`no-decoration`],listFlags:[{prop:`corners`,family:`cut`}],singleChoiceFlags:[{prop:`decorationCorner`,family:`decoration`}]},customColorVars:{base:`--sk-panel-color-base`,text:`--sk-panel-fg`}},card:{tag:`div`,classSpec:{base:`sk-card`,kind:!0},customColorVars:{base:`--sk-panel-color-base`,text:`--sk-panel-fg`}},alert:{tag:`div`,classSpec:{base:`sk-alert`,kind:!0,booleanFlags:[`subtle`]},extraAttrs:{role:`alert`},customColorVars:{base:`--sk-alert-color-base`,text:`--sk-alert-fg`}},divider:{tag:`div`,classSpec:{base:`sk-divider`,kind:!0,booleanFlags:[`subtle`],singleChoiceFlags:[{prop:`orientation`,family:`orientation`}]},extraAttrs:{role:`separator`}},page:{tag:`div`,classSpec:{base:`sk-page`,booleanFlags:[`flush`,`fixed-header`,`fixed-footer`]}},group:{tag:`div`,classSpec:{base:`sk-group`,singleChoiceFlags:[{prop:`orientation`,family:`orientation`}]}},skeleton:{tag:`div`,classSpec:{base:`sk-skeleton`,singleChoiceFlags:[{prop:`variant`,family:`shape`}],booleanFlags:[`shimmer`,`pulse`]}},progress:{tag:`progress`,classSpec:{base:`sk-progress`,kind:!0,size:!0,booleanFlags:[`indeterminate`]},void:!0},spinner:{tag:`div`,classSpec:{base:`sk-spinner`,kind:!0,size:!0}},navBar:{tag:`nav`,classSpec:{base:`sk-navbar`,kind:!0,booleanFlags:[`sticky`]}},toolbar:{tag:`div`,classSpec:{base:`sk-toolbar`,kind:!0,singleChoiceFlags:[{prop:`orientation`,family:`orientation`}]},extraAttrs:{role:`toolbar`}},sidebar:{tag:`aside`,classSpec:{base:`sk-sidebar`,kind:!0,booleanFlags:[`dense`]}},breadcrumbs:{tag:`nav`,classSpec:{base:`sk-breadcrumbs`,kind:!0},extraAttrs:{"aria-label":`Breadcrumbs`}},pagination:{tag:`nav`,classSpec:{base:`sk-pagination`,kind:!0},extraAttrs:{"aria-label":`Pagination`}},tag:{tag:`span`,classSpec:{base:`sk-tag`,kind:!0,size:!0,variant:!0,booleanFlags:[`removable`]}},avatar:{tag:`div`,classSpec:{base:`sk-avatar`,kind:!0,size:!0,singleChoiceFlags:[{prop:`shape`,family:`shape`}]}},field:{tag:`div`,classSpec:{base:`sk-field`,booleanFlags:[`has-error`],singleChoiceFlags:[{prop:`labelPosition`,family:`label-position`}]}},table:{tag:`table`,classSpec:{base:`sk-table`,kind:!0,variant:!0,booleanFlags:[`striped`,`bordered`,`compact`,`comfortable`]}},tooltip:{tag:`div`,classSpec:{base:`sk-tooltip`,kind:!0,variant:!0,singleChoiceFlags:[{prop:`placement`,family:`placement`}]},extraAttrs:{role:`tooltip`}},input:{tag:`input`,classSpec:{base:`sk-input`,kind:!0,size:!0,listFlags:[{prop:`corners`,family:`cut`}]},void:!0},textarea:{tag:`textarea`,classSpec:{base:`sk-textarea`,kind:!0,size:!0}},select:{tag:`select`,classSpec:{base:`sk-select`,kind:!0,size:!0,listFlags:[{prop:`corners`,family:`cut`}]}},slider:{tag:`input`,classSpec:{base:`sk-slider`,kind:!0,size:!0,singleChoiceFlags:[{prop:`orientation`,family:`orientation`}]},void:!0,extraAttrs:{type:`range`}},colorPicker:{tag:`input`,classSpec:{base:`sk-color-picker`,size:!0},void:!0,extraAttrs:{type:`color`}},inputGroup:{tag:`div`,classSpec:{base:`sk-input-group`,kind:!0,size:!0,listFlags:[{prop:`corners`,family:`cut`}]},customColorVars:{base:`--sk-input-group-color-base`,text:`--sk-input-group-fg`}},inputGroupAddon:{tag:`span`,classSpec:{base:`sk-input-group-addon`,kind:!0,size:!0}},dropdown:{tag:`details`,classSpec:{base:`sk-dropdown`,kind:!0,size:!0}}};function d(e,t={},n){return a(e,u.panel,t,n)}function f(e,t={},n){return a(e,u.card,t,n)}var p=new Set([`info`,`success`,`warning`,`danger`]),m={info:`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><circle cx="12" cy="8" r="0.5" fill="currentColor"></circle></svg>`,success:`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>`,warning:`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><circle cx="12" cy="17" r="0.5" fill="currentColor"></circle></svg>`,danger:`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>`};function h(e,t={},n){let i=t.kind??`info`,a={class:r({base:`sk-alert`,kind:!0,booleanFlags:[`subtle`]},{...t,kind:i}),role:`alert`},o=[];typeof t.baseColor==`string`&&o.push(`--sk-alert-color-base: ${t.baseColor};`),typeof t.textColor==`string`&&o.push(`--sk-alert-fg: ${t.textColor};`),o.length>0&&(a.style=o.join(` `));let s=null;if(t.icon!==!1){let n=typeof t.icon==`string`?t.icon:p.has(i)?m[i]??``:null;n!==null&&(s=e(`div`,{class:`sk-alert-icon`,innerHTML:n}))}let c=e(`div`,{class:`sk-alert-content`},n);return e(`div`,a,s===null?[c]:[s,c])}function g(e,t={}){let n=t.orientation??`horizontal`,r=t.kind??`neutral`,i=t.size??`md`,a=[`sk-divider`,`sk-${n}`,`sk-${r}`,`sk-${i}`];return t.variant===`subtle`&&a.push(`sk-subtle`),e(`hr`,{class:a.join(` `),role:`separator`})}function _(e,t={},n){return a(e,u.page,t,n)}function v(e,t={},n){return a(e,u.group,t,n)}function y(e,t={}){let n=t.variant??`text`,r=t.animation??`shimmer`,i=[`sk-skeleton`,`sk-${n}`];r!==`none`&&i.push(`sk-${r}`);let a={class:i.join(` `)},o=[],s=t.height??((n===`circular`||n===`square`)&&t.width?t.width:void 0);return typeof t.width==`string`&&o.push(`width: ${t.width};`),typeof s==`string`&&o.push(`height: ${s};`),o.length>0&&(a.style=o.join(` `)),e(`div`,a)}function b(e,t={},n){return a(e,u.progress,t,n)}function x(e,t){switch(t){case`circular`:return e(`div`,{class:`sk-spinner-circular`},[e(`div`,{class:`sk-arc sk-arc-large`}),e(`div`,{class:`sk-arc sk-arc-small`})]);case`dots`:return e(`div`,{class:`sk-spinner-dots`},[e(`div`,{class:`sk-dot`}),e(`div`,{class:`sk-dot`}),e(`div`,{class:`sk-dot`})]);case`crosshair`:return e(`div`,{class:`sk-crosshair-loader`})}}function S(e,t={}){let n=t.kind??`primary`,r=t.size??`md`,i=t.variant??`circular`,a={class:[`sk-spinner`,`sk-${n}`,`sk-${r}`,`sk-variant-${i}`].join(` `),role:`status`,"aria-live":`polite`,"aria-label":`Loading`};return typeof t.color==`string`&&(a.style=`--sk-spinner-color: ${t.color};`),e(`div`,a,x(e,i))}function C(e,t={},n){let i=t.sticky!==!1,a=r({base:`sk-navbar`,kind:!0},t),o={class:i?`${a} sk-sticky`:a},s=[];typeof t.baseColor==`string`&&s.push(`--sk-navbar-color-base: ${t.baseColor};`),typeof t.textColor==`string`&&s.push(`--sk-navbar-fg: ${t.textColor};`),s.length>0&&(o.style=s.join(` `));let c=[];return t.leading&&c.push(e(`div`,{class:`sk-navbar-leading`,innerHTML:t.leading})),t.brand&&c.push(e(`div`,{class:`sk-navbar-brand`,innerHTML:t.brand})),n!==void 0&&(Array.isArray(n)?n.length>0:n)&&c.push(e(`div`,{class:`sk-navbar-nav`},n)),t.actions&&c.push(e(`div`,{class:`sk-navbar-actions`,innerHTML:t.actions})),e(`nav`,o,e(`div`,{class:`sk-navbar-content`},c))}var w=[`top-left`,`top-right`,`bottom-right`,`bottom-left`];function T(e,t={},n){let r=t.kind,i=t.orientation??`horizontal`,a=t.corners??w,o=[`sk-toolbar`];typeof r==`string`&&o.push(`sk-${r}`),o.push(`sk-${i}`);for(let e of a)o.push(`sk-cut-${e}`);let s={class:o.join(` `),role:`toolbar`},c=[];return typeof t.baseColor==`string`&&c.push(`--sk-toolbar-color-base: ${t.baseColor};`),typeof t.textColor==`string`&&c.push(`--sk-toolbar-fg: ${t.textColor};`),c.length>0&&(s.style=c.join(` `)),e(`div`,s,n)}function E(e,t={},n){let r=t.kind??`neutral`,i=t.side??`left`,a=[`sk-sidebar`,`sk-${r}`];i===`right`&&a.push(`sk-sidebar-right`),t.dense===!0&&a.push(`sk-dense`);let o=i===`right`?`bottom-left`:`bottom-right`,s=[`sk-panel`,`sk-${r}`,`sk-md`,`sk-cut-${o}`,`sk-decoration-${o}`,`sk-sidebar-panel`],c={class:a.join(` `)},l=[];typeof t.baseColor==`string`&&l.push(`--sk-sidebar-color-base: ${t.baseColor};`),l.length>0&&(c.style=l.join(` `));let u=e(`div`,{class:`sk-panel-scroll-content`},e(`nav`,{class:`sk-sidebar-nav`},n));return e(`aside`,c,e(`div`,{class:s.join(` `)},u))}function D(e,t={},n){return a(e,u.breadcrumbs,t,n)}function O(e,t={},n){return a(e,u.pagination,t,n)}var k=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>`;function A(e,t={},n){let r=t.kind??`neutral`,i=t.variant??`solid`,a=t.size??`md`,o=[`sk-tag`,`sk-${r}`,`sk-${i}`,`sk-${a}`];t.removable&&o.push(`sk-removable`);let s={class:o.join(` `)},c=[];typeof t.baseColor==`string`&&c.push(`--sk-tag-color-base: ${t.baseColor};`),typeof t.textColor==`string`&&c.push(`--sk-tag-fg: ${t.textColor};`),c.length>0&&(s.style=c.join(` `));let l=[e(`span`,{class:`sk-tag-content`},n)];if(t.removable){let t=e(`button`,{type:`button`,class:`sk-tag-remove`,"aria-label":`Remove`,innerHTML:k});l.push(t)}return e(`span`,s,l)}var j=`<svg class="sk-avatar-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></svg>`;function M(e,n={}){let r=n.kind??`neutral`,i=n.size??`md`,a={class:[`sk-avatar`,`sk-${r}`,`sk-${i}`].join(` `)},o=[];if(typeof n.baseColor==`string`&&o.push(`--sk-avatar-color-base: ${n.baseColor};`),typeof n.textColor==`string`&&o.push(`--sk-avatar-fg: ${n.textColor};`),o.length>0&&(a.style=o.join(` `)),n.src){let t=n.alt??``;return e(`div`,a,e(`img`,{src:n.src,alt:t,class:`sk-avatar-image`}))}return n.initials?e(`div`,a,e(`span`,{class:`sk-avatar-initials`,innerHTML:t(n.initials.slice(0,2).toUpperCase())})):e(`div`,{...a,innerHTML:j})}function N(e,n={},r){let i=[`sk-field`,`sk-label-${n.labelPosition??`top`}`];n.error&&i.push(`sk-has-error`);let a={class:i.join(` `)},o=[];if(n.label){let r={class:`sk-field-label`};n.id&&(r.for=n.id),n.required?(r.innerHTML=`${t(n.label)}<span class="sk-field-required">*</span>`,o.push(e(`label`,r))):(r.innerHTML=t(n.label),o.push(e(`label`,r)))}if(o.push(e(`div`,{class:`sk-field-input-wrapper`},r)),n.description&&!n.error){let r={class:`sk-field-description`,innerHTML:t(n.description)};n.id&&(r.id=`${n.id}-description`),o.push(e(`p`,r))}if(n.error){let r={class:`sk-field-error`,innerHTML:t(n.error)};n.id&&(r.id=`${n.id}-error`),o.push(e(`p`,r))}return e(`div`,a,o)}function P(e,t={},n){let r=t.kind??`neutral`,i=t.variant??`default`,a=t.hoverable!==!1,o=t.bordered!==!1,s=t.innerBorders===!0,c=t.subtle===!0,l=t.darkBackground===!0,u=t.striped===!0,d=[`sk-table-wrapper`,`sk-table-wrapper-${r}`];l&&d.push(`sk-dark-background`),c&&d.push(`sk-subtle`);let f=[`sk-table`,`sk-${r}`,`sk-${i}`];u&&f.push(`sk-striped`),a&&f.push(`sk-hoverable`),o&&f.push(`sk-bordered`),s||f.push(`sk-no-inner-borders`),c&&f.push(`sk-subtle`);let p={class:f.join(` `)},m=[];return typeof t.baseColor==`string`&&m.push(`--sk-table-color-base: ${t.baseColor};`),typeof t.textColor==`string`&&m.push(`--sk-table-fg: ${t.textColor};`),m.length>0&&(p.style=m.join(` `)),e(`div`,{class:d.join(` `)},e(`table`,p,n))}function F(e,t={},n){return a(e,u.tooltip,t,n)}function I(e,t={},n){let i=r({base:`sk-button`,kind:!0,size:!0,variant:!0,booleanFlags:[`loading`,`pressed`,`dense`],listFlags:[{prop:`corners`,family:`cut`}]},t),a=typeof t.href==`string`,o={class:i};return a?o.href=t.href??``:o.type=t.type??`button`,t.disabled&&(a?o[`aria-disabled`]=`true`:o.disabled=!0),t.loading&&(o[`aria-busy`]=`true`),t.pressed&&(o[`aria-pressed`]=`true`),e(a?`a`:`button`,o,e(`span`,{class:`sk-button-chrome`},n))}function L(e,t={}){let n={class:r({base:`sk-input`,kind:!0,size:!0,listFlags:[{prop:`corners`,family:`cut`}]},t)};for(let e of[`type`,`value`,`placeholder`,`name`,`id`]){let r=t[e];typeof r==`string`&&(n[e]=r)}return t.disabled===!0&&(n.disabled=!0),t.readonly===!0&&(n.readonly=!0),t.required===!0&&(n.required=!0),e(`input`,n)}function R(e,t={},n){return a(e,u.inputGroup,t,n)}function z(e,t={},n){return a(e,u.inputGroupAddon,t,n)}function B(e,t={},n){let i={class:r({base:`sk-textarea`,kind:!0,size:!0},t)};for(let e of[`placeholder`,`name`,`id`]){let n=t[e];typeof n==`string`&&(i[e]=n)}return t.disabled===!0&&(i.disabled=!0),t.readonly===!0&&(i.readonly=!0),t.required===!0&&(i.required=!0),e(`textarea`,i,n)}function V(e,t={},n){let i={class:r({base:`sk-select`,kind:!0,size:!0,listFlags:[{prop:`corners`,family:`cut`}]},t)};for(let e of[`name`,`id`]){let n=t[e];typeof n==`string`&&(i[e]=n)}return t.disabled===!0&&(i.disabled=!0),t.required===!0&&(i.required=!0),e(`select`,i,n)}function H(e,t={}){let n={class:r({base:`sk-slider`,kind:!0,size:!0},t),type:`range`};for(let e of[`min`,`max`,`step`,`value`,`name`]){let r=t[e];typeof r==`string`&&(n[e]=r)}return t.disabled===!0&&(n.disabled=!0),e(`input`,n)}function U(e,t={}){let n={class:r({base:`sk-color-picker`,size:!0},t),type:`color`};for(let e of[`value`,`name`]){let r=t[e];typeof r==`string`&&(n[e]=r)}return t.disabled===!0&&(n.disabled=!0),e(`input`,n)}function W(e,t={},n){let i=r({base:`sk-checkbox`,kind:!0,size:!0},t),a={type:`checkbox`};t.name&&(a.name=t.name),t.checked===!0&&(a.checked=!0),t.disabled===!0&&(a.disabled=!0),t.required===!0&&(a.required=!0);let o=e(`input`,a),s=e(`span`,{class:`sk-checkbox-box`}),c=e(`span`,{class:`sk-checkbox-label`},n);return e(`label`,{class:i},[o,s,c])}function G(e,t={},n){let i=r({base:`sk-radio`,kind:!0,size:!0},t),a={type:`radio`};t.name&&(a.name=t.name),t.value!==void 0&&(a.value=t.value),t.checked===!0&&(a.checked=!0),t.disabled===!0&&(a.disabled=!0),t.required===!0&&(a.required=!0);let o=e(`input`,a),s=e(`span`,{class:`sk-radio-dot`}),c=e(`span`,{class:`sk-radio-label`},n);return e(`label`,{class:i},[o,s,c])}function K(e,t={},n){let i=r({base:`sk-switch`,kind:!0,size:!0},t),a={type:`checkbox`};t.name&&(a.name=t.name),t.checked===!0&&(a.checked=!0),t.disabled===!0&&(a.disabled=!0),t.required===!0&&(a.required=!0);let o=e(`input`,a),s=e(`span`,{class:`sk-switch-track`},e(`span`,{class:`sk-switch-thumb`})),c=e(`span`,{class:`sk-switch-label`},n);return e(`label`,{class:i},[o,s,c])}function q(e,t={}){let n=r({base:`sk-number-input-wrapper`,kind:!0,size:!0,listFlags:[{prop:`corners`,family:`cut`}]},t),i={class:`sk-number-input-field`,type:`number`};for(let e of[`value`,`min`,`max`,`step`,`name`,`placeholder`]){let n=t[e];typeof n==`string`&&(i[e]=n)}t.disabled===!0&&(i.disabled=!0),t.readonly===!0&&(i.readonly=!0),t.required===!0&&(i.required=!0);let a=e(`input`,i);return e(`div`,{class:n},a)}function J(e,t={},n){return e(`div`,{class:r({base:`sk-tags-input`,kind:!0,size:!0},t)},n)}function Y(e,n,i){let a={class:r({base:`sk-dropdown`,kind:!0,size:!0},n)};n.open&&(a.open=!0);let o=[e(`summary`,{innerHTML:t(n.summary)})];return i!==void 0&&(Array.isArray(i)?o.push(...i):o.push(i)),e(`details`,a,o)}exports.alert=h,exports.avatar=M,exports.breadcrumbs=D,exports.button=I,exports.card=f,exports.checkbox=W,exports.colorPicker=U,exports.composeClasses=r,exports.divider=g,exports.dropdown=Y,exports.escapeAttr=e,exports.field=N,exports.group=v,exports.input=L,exports.inputGroup=R,exports.inputGroupAddon=z,exports.navBar=C,exports.numberInput=q,exports.page=_,exports.pagination=O,exports.panel=d,exports.progress=b,exports.radio=G,exports.render=a,exports.select=V,exports.sidebar=E,exports.skeleton=y,exports.slider=H,exports.spinner=S,exports.stringH=l,exports.switchInput=K,exports.table=P,exports.tag=A,exports.tagsInput=J,exports.text=t,exports.textarea=B,exports.toolbar=T,exports.tooltip=F;

package/dist/static/index.d.ts

@@ -3,6 +3,8 @@ export { composeClasses } from './classes';
 export type { ClassSpec, ListFlagSpec, SingleChoiceFlagSpec } from './classes';
 export { render } from './render';
 export type { RenderSpec } from './render';
+export { stringH } from './stringH';
+export type { H, HAttrs } from './h';
 export type * from './types';
 export { panel } from './components/panel';
 export type { PanelStaticProps } from './components/panel';
@@ -46,6 +48,10 @@ export { button } from './components/button';
 export type { ButtonStaticProps } from './components/button';
 export { input } from './components/input';
 export type { InputStaticProps } from './components/input';
+export { inputGroup } from './components/inputGroup';
+export type { InputGroupStaticProps } from './components/inputGroup';
+export { inputGroupAddon } from './components/inputGroupAddon';
+export type { InputGroupAddonStaticProps } from './components/inputGroupAddon';
 export { textarea } from './components/textarea';
 export type { TextareaStaticProps } from './components/textarea';
 export { select } from './components/select';