@number10/jsx-components 5.0.0

package/dist/index.js

@@ -0,0 +1,54 @@
+import { buildPortableThemeDefaults as e, createPortableThemeDefaults as t, registerPortableDefaults as n } from "./theme-defaults.js";
+import { Sprite as r } from "./primitives/Sprite.js";
+import { Text as i } from "./primitives/Text.js";
+import { VectorDrawContent as a } from "./primitives/VectorDrawContent.js";
+import { View as o } from "./primitives/View.js";
+import "./primitives.js";
+import { Accordion as s } from "./Accordion.js";
+import { Button as c } from "./Button.js";
+import { Portal as l } from "./Portal.js";
+import { useOverlayPresence as u } from "./useOverlayPresence.js";
+import { Modal as d } from "./Modal.js";
+import { Dialog as f } from "./Dialog.js";
+import { WrapText as p } from "./WrapText.js";
+import { AlertDialog as m } from "./AlertDialog.js";
+import { DEFAULT_LABELS as h, DebugPanel as g, PRESET_METRICS as _, formatDefault as v, summarizeMap as y } from "./DebugPanel.js";
+import { ContextMenu as b, Popover as x, calculateOverlayPosition as S } from "./Popover.js";
+import { TextInput as C } from "./TextInput.js";
+import { ActivityIndicator as w } from "./ActivityIndicator.js";
+import { Badge as T, Tag as E, formatBadgeCount as D, getBadgeText as O } from "./Badge.js";
+import { BottomSheet as k, BottomSheetDepth as A, BottomSheetHandle as j } from "./BottomSheet.js";
+import { Checkbox as M, getNextCheckedState as N, normalizeCheckedState as P } from "./Checkbox.js";
+import { RadioButton as F } from "./RadioButton.js";
+import { RadioGroup as I } from "./RadioGroup.js";
+import { RangeSlider as L, Slider as R } from "./Slider.js";
+import { ColorPicker as z } from "./ColorPicker.js";
+import { Divider as B } from "./Divider.js";
+import { Dropdown as V } from "./Dropdown.js";
+import { Image as H } from "./Image.js";
+import { Icon as U, createIconComponent as W, useIconPreload as G } from "./Icon.js";
+import { Joystick as K } from "./Joystick.js";
+import { ScrollSlider as q, calculateSliderSize as J } from "./ScrollSlider.js";
+import { ScrollView as Y, resolveScrollViewLayout as X } from "./ScrollView.js";
+import { ListBox as Z, findListBoxItem as Q, resolveListBoxValue as $ } from "./ListBox.js";
+import { MenuButton as ee } from "./MenuButton.js";
+import { NineSlice as te } from "./NineSlice.js";
+import { NineSliceButton as ne } from "./NineSliceButton.js";
+import { NumberInput as re, NumberInputIndicator as ie, getNextNumberInputValue as ae, getNumberInputPrecision as oe, normalizeNumberInputValue as se } from "./NumberInput.js";
+import { PalettePicker as ce, chunkPalettePickerColors as le, getPalettePickerContrastColor as ue, normalizePalettePickerColor as de, normalizePalettePickerColors as fe, resolvePalettePickerValue as pe } from "./PalettePicker.js";
+import { ProgressBar as me, clampProgressValue as he, getProgressRatio as ge } from "./ProgressBar.js";
+import { ProgressView as _e } from "./ProgressView.js";
+import { RatingBar as ve } from "./RatingBar.js";
+import { SegmentedControl as ye, findSegmentedControlOption as be, isSegmentedControlOptionSelectable as xe, resolveSegmentedControlValue as Se } from "./SegmentedControl.js";
+import { Sidebar as Ce } from "./Sidebar.js";
+import { Tab as we, TabPanel as Te, Tabs as Ee } from "./Tabs.js";
+import { NotificationStack as De, Toast as Oe, getToastAutoDismissDuration as ke, getToastContentWidth as Ae, resolveNotificationStackAlignment as je } from "./Toast.js";
+import { WheelPicker as Me } from "./WheelPicker.js";
+import { ToolButtonGroup as Ne, Toolbar as Pe, getToolbarItemId as Fe, isToolbarMenuItem as Ie, isToolbarSeparatorItem as Le, isToolbarToggleItem as Re, resolveToolbarActiveId as ze } from "./Toolbar.js";
+import { Toggle as Be } from "./Toggle.js";
+import { TransformOriginView as Ve } from "./TransformOriginView.js";
+import { useAtlas as He, useState as Ue, useTexture as We, useThemeTokens as Ge } from "@number10/jsx-core";
+//#region src/index.ts
+n();
+//#endregion
+export { s as Accordion, w as ActivityIndicator, m as AlertDialog, T as Badge, k as BottomSheet, A as BottomSheetDepth, j as BottomSheetHandle, c as Button, M as Checkbox, z as ColorPicker, b as ContextMenu, h as DEFAULT_LABELS, g as DebugPanel, f as Dialog, B as Divider, V as Dropdown, U as Icon, H as Image, K as Joystick, Z as ListBox, ee as MenuButton, d as Modal, te as NineSlice, ne as NineSliceButton, De as NotificationStack, re as NumberInput, ie as NumberInputIndicator, _ as PRESET_METRICS, ce as PalettePicker, x as Popover, l as Portal, me as ProgressBar, _e as ProgressView, F as RadioButton, I as RadioGroup, L as RangeSlider, ve as RatingBar, q as ScrollSlider, Y as ScrollView, ye as SegmentedControl, Ce as Sidebar, R as Slider, r as Sprite, we as Tab, Te as TabPanel, Ee as Tabs, E as Tag, i as Text, C as TextInput, Oe as Toast, Be as Toggle, Ne as ToolButtonGroup, Pe as Toolbar, Ve as TransformOriginView, a as VectorDrawContent, o as View, Me as WheelPicker, p as WrapText, e as buildPortableThemeDefaults, S as calculateOverlayPosition, J as calculateSliderSize, le as chunkPalettePickerColors, he as clampProgressValue, W as createIconComponent, t as createPortableThemeDefaults, Q as findListBoxItem, be as findSegmentedControlOption, D as formatBadgeCount, v as formatDefault, O as getBadgeText, N as getNextCheckedState, ae as getNextNumberInputValue, oe as getNumberInputPrecision, ue as getPalettePickerContrastColor, ge as getProgressRatio, ke as getToastAutoDismissDuration, Ae as getToastContentWidth, Fe as getToolbarItemId, xe as isSegmentedControlOptionSelectable, Ie as isToolbarMenuItem, Le as isToolbarSeparatorItem, Re as isToolbarToggleItem, P as normalizeCheckedState, se as normalizeNumberInputValue, de as normalizePalettePickerColor, fe as normalizePalettePickerColors, n as registerPortableDefaults, $ as resolveListBoxValue, je as resolveNotificationStackAlignment, pe as resolvePalettePickerValue, X as resolveScrollViewLayout, Se as resolveSegmentedControlValue, ze as resolveToolbarActiveId, y as summarizeMap, He as useAtlas, G as useIconPreload, u as useOverlayPresence, Ue as useState, We as useTexture, Ge as useThemeTokens };

package/dist/primitives/Image.cjs

@@ -0,0 +1 @@
+let e=require(`@number10/jsx-core`);function t(t){return(0,e.jsx)(e.PRIMITIVE_NODES.Image,t)}exports.Image=t;

package/dist/primitives/Image.d.ts

@@ -0,0 +1,11 @@
+import { ImagePrimitivePropsComplete, VNodeLike } from '@number10/jsx-core';
+/**
+ * Portable Image component — displays a texture.
+ *
+ * @example
+ * ```tsx
+ * <Image texture="icon" width={48} height={48} />
+ * ```
+ */
+export declare function Image(props: ImagePrimitivePropsComplete): VNodeLike;
+//# sourceMappingURL=Image.d.ts.map

package/dist/primitives/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/primitives/Image.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAGL,KAAK,2BAA2B,EAChC,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,2BAA2B,GAAG,SAAS,CAEnE"}

package/dist/primitives/Image.js

@@ -0,0 +1,7 @@
+import { PRIMITIVE_NODES as e, jsx as t } from "@number10/jsx-core";
+//#region src/primitives/Image.ts
+function n(n) {
+	return t(e.Image, n);
+}
+//#endregion
+export { n as Image };

package/dist/primitives/Sprite.cjs

@@ -0,0 +1 @@
+let e=require(`@number10/jsx-core`);function t(t){return(0,e.jsx)(e.PRIMITIVE_NODES.Sprite,t)}exports.Sprite=t;

package/dist/primitives/Sprite.d.ts

@@ -0,0 +1,11 @@
+import { SpritePrimitivePropsComplete, VNodeLike } from '@number10/jsx-core';
+/**
+ * Portable Sprite component — displays an animated texture.
+ *
+ * @example
+ * ```tsx
+ * <Sprite texture="player" frame="run_01" anim="run" />
+ * ```
+ */
+export declare function Sprite(props: SpritePrimitivePropsComplete): VNodeLike;
+//# sourceMappingURL=Sprite.d.ts.map

package/dist/primitives/Sprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sprite.d.ts","sourceRoot":"","sources":["../../src/primitives/Sprite.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAGL,KAAK,4BAA4B,EACjC,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,4BAA4B,GAAG,SAAS,CAErE"}

package/dist/primitives/Sprite.js

@@ -0,0 +1,7 @@
+import { PRIMITIVE_NODES as e, jsx as t } from "@number10/jsx-core";
+//#region src/primitives/Sprite.ts
+function n(n) {
+	return t(e.Sprite, n);
+}
+//#endregion
+export { n as Sprite };

package/dist/primitives/Text.cjs

@@ -0,0 +1 @@
+let e=require(`@number10/jsx-core`);function t(t){let n={...t.style??{}};if(n.color!==void 0){let t=(0,e.normalizeTextColor)(n.color);t!==void 0&&(n.color=t)}return(0,e.jsx)(e.PRIMITIVE_NODES.Text,{...t,style:n})}exports.Text=t;

package/dist/primitives/Text.d.ts

@@ -0,0 +1,14 @@
+import { TextPrimitivePropsComplete, VNodeLike } from '@number10/jsx-core';
+/**
+ * Portable Text component — displays text content.
+ *
+ * Normalizes explicit color values to CSS-compatible hex format.
+ * Theme and renderer defaults are merged later by the runtime.
+ *
+ * @example
+ * ```tsx
+ * <Text text="Hello World" style={{ fontSize: 24, color: '#ffffff' }} />
+ * ```
+ */
+export declare function Text(props: TextPrimitivePropsComplete): VNodeLike;
+//# sourceMappingURL=Text.d.ts.map

package/dist/primitives/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/primitives/Text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAIL,KAAK,0BAA0B,EAC/B,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAA;AAM3B;;;;;;;;;;GAUG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,0BAA0B,GAAG,SAAS,CAajE"}

package/dist/primitives/Text.js

@@ -0,0 +1,15 @@
+import { PRIMITIVE_NODES as e, jsx as t, normalizeTextColor as n } from "@number10/jsx-core";
+//#region src/primitives/Text.ts
+function r(r) {
+	let i = { ...r.style ?? {} };
+	if (i.color !== void 0) {
+		let e = n(i.color);
+		e !== void 0 && (i.color = e);
+	}
+	return t(e.Text, {
+		...r,
+		style: i
+	});
+}
+//#endregion
+export { r as Text };

package/dist/primitives/VectorDrawContent.cjs

@@ -0,0 +1 @@
+let e=require(`@number10/jsx-core`);function t(t){return(0,e.jsx)(e.PRIMITIVE_NODES.VectorDrawContent,t)}exports.VectorDrawContent=t;

package/dist/primitives/VectorDrawContent.d.ts

@@ -0,0 +1,3 @@
+import { VectorDrawContentPrimitivePropsComplete, VNodeLike } from '@number10/jsx-core';
+export declare function VectorDrawContent(props: VectorDrawContentPrimitivePropsComplete): VNodeLike;
+//# sourceMappingURL=VectorDrawContent.d.ts.map

package/dist/primitives/VectorDrawContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorDrawContent.d.ts","sourceRoot":"","sources":["../../src/primitives/VectorDrawContent.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAGL,KAAK,uCAAuC,EAC5C,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAA;AAE3B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uCAAuC,GAAG,SAAS,CAE3F"}

package/dist/primitives/VectorDrawContent.js

@@ -0,0 +1,7 @@
+import { PRIMITIVE_NODES as e, jsx as t } from "@number10/jsx-core";
+//#region src/primitives/VectorDrawContent.ts
+function n(n) {
+	return t(e.VectorDrawContent, n);
+}
+//#endregion
+export { n as VectorDrawContent };

package/dist/primitives/View.cjs

@@ -0,0 +1 @@
+let e=require(`@number10/jsx-core`);function t(t){return(0,e.jsx)(e.PRIMITIVE_NODES.View,t)}exports.View=t;

package/dist/primitives/View.d.ts

@@ -0,0 +1,13 @@
+import { ViewPrimitivePropsComplete, VNodeLike } from '@number10/jsx-core';
+/**
+ * Portable View component — a layout container with background styling.
+ *
+ * @example
+ * ```tsx
+ * <View direction="row" gap={10} padding={20} backgroundColor={0x3498db}>
+ *   <Text text="Hello" />
+ * </View>
+ * ```
+ */
+export declare function View(props: ViewPrimitivePropsComplete): VNodeLike;
+//# sourceMappingURL=View.d.ts.map

package/dist/primitives/View.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../src/primitives/View.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,0BAA0B,GAAG,SAAS,CAEjE"}

package/dist/primitives/View.js

@@ -0,0 +1,7 @@
+import { PRIMITIVE_NODES as e, jsx as t } from "@number10/jsx-core";
+//#region src/primitives/View.ts
+function n(n) {
+	return t(e.View, n);
+}
+//#endregion
+export { n as View };

package/dist/primitives/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @number10/jsx-components/primitives — Portable primitive wrappers.
+ *
+ * These are renderer-neutral components that delegate to lowercase
+ * host nodes (`view`, `text`, `image`, `sprite`) via `jsx()`.
+ * Each renderer provides HostDescriptors for these node types.
+ */
+export { Image } from './Image';
+export { Sprite } from './Sprite';
+export { Text } from './Text';
+export { VectorDrawContent } from './VectorDrawContent';
+export { View } from './View';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/primitives/primitives.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=primitives.test.d.ts.map

package/dist/primitives/primitives.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.test.d.ts","sourceRoot":"","sources":["../../src/primitives/primitives.test.ts"],"names":[],"mappings":""}

package/dist/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./primitives/Image.cjs`),t=require(`./primitives/Sprite.cjs`),n=require(`./primitives/Text.cjs`),r=require(`./primitives/VectorDrawContent.cjs`),i=require(`./primitives/View.cjs`);exports.Image=e.Image,exports.Sprite=t.Sprite,exports.Text=n.Text,exports.VectorDrawContent=r.VectorDrawContent,exports.View=i.View;

package/dist/primitives.d.ts

@@ -0,0 +1,2 @@
+// Auto-generated barrel bridge
+export * from './primitives/index.js'

package/dist/primitives.js

@@ -0,0 +1,6 @@
+import { Image as e } from "./primitives/Image.js";
+import { Sprite as t } from "./primitives/Sprite.js";
+import { Text as n } from "./primitives/Text.js";
+import { VectorDrawContent as r } from "./primitives/VectorDrawContent.js";
+import { View as i } from "./primitives/View.js";
+export { e as Image, t as Sprite, n as Text, r as VectorDrawContent, i as View };

package/dist/theme-defaults.cjs

@@ -0,0 +1 @@
+let e=require(`@number10/jsx-core`);function t(t,n,r=4.5){for(let i of n)if((0,e.getContrastRatio)(i,t)>=r)return i;return[...n.map(n=>(0,e.ensureContrast)(n,t,r)),(0,e.ensureContrast)(0,t,r),(0,e.ensureContrast)(16777215,t,r)].reduce((n,r)=>(0,e.getContrastRatio)(r,t)>(0,e.getContrastRatio)(n,t)?r:n)}function n(n,r,i=4.5){return(0,e.numberToHex)(t(n,r,i))}function r(r){let i=r,a=(0,e.createTextStyleTokens)(i.text.DEFAULT.toString()),o=[i.text.lightest.toNumber(),16777215,i.text.light.toNumber(),i.text.dark.toNumber(),i.text.darkest.toNumber(),0],s=[i.text.dark.toNumber(),i.text.darkest.toNumber(),0,i.text.DEFAULT.toNumber(),i.text.light.toNumber(),16777215],c={alpha:1,visible:!0},l={text:``,alpha:1,visible:!0,style:a.DEFAULT},u={size:24,tint:i.border.dark.toNumber()},d={alpha:1,visible:!0},f={alpha:1,visible:!0},p={variant:`spinner`,size:`medium`,color:i.primary.DEFAULT.toNumber(),trackColor:i.primary.DEFAULT.toNumber(),animationSpeed:2.4,gap:8,dotCount:3,dotSize:7,pulseScale:1,labelStyle:{...a.small,color:i.text.light.toString()},labels:{loading:``}},m={backgroundColor:i.surface.dark.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:8,padding:14,gap:18,previewSize:116,previewGap:10,previewBorderWidth:2,previewCornerRadius:8,trackLength:280,trackHeight:14,gradientSteps:32,controlGap:12,controlBackgroundColor:i.surface.medium.toNumber(),controlBackgroundAlpha:.65,closeButtonSize:24,closeButtonCornerRadius:5,thumbSize:18,thumbBorderColor:16777215,swatchSize:18,swatchGap:6,swatchCornerRadius:4,labelStyle:{color:i.text.DEFAULT.toString(),fontSize:`12px`},valueStyle:{color:i.text.DEFAULT.toString(),fontSize:`12px`},titleStyle:{color:i.text.DEFAULT.toString(),fontSize:`16px`,fontStyle:`bold`},hexStyle:{color:i.text.DEFAULT.toString(),fontStyle:`bold`},labels:{title:`Color Picker`,tone:`Tone`,vivid:`Vivid`,muted:`Muted`,hue:`Hue`,saturation:`Saturation`,lightness:`Lightness`,close:`X`}},h={checkedColor:i.primary.DEFAULT.toNumber(),indeterminateColor:i.primary.medium.toNumber(),color:i.border.medium.toNumber(),gap:10,size:20,disabledAlpha:.5,labelPosition:`right`,labelStyle:{color:i.text.DEFAULT.toString(),fontSize:`14px`}},g={animated:!1,maxHeight:200,animationConfig:`gentle`,direction:`column`,effect:`none`,effectConfig:{magnitude:.02,time:150},headerStyle:{backgroundColor:i.surface.dark.toNumber(),padding:10,gap:10,cornerRadius:5,width:`fill`},contentStyle:{backgroundColor:i.surface.light.toNumber(),padding:10,cornerRadius:5,width:`fill`},Icon:{size:24},textStyle:{color:i.text.DEFAULT.toString(),fontSize:`18px`}},_={tone:`neutral`,variant:`solid`,size:`medium`,maxCount:99,disabledAlpha:.5,textStyle:{fontFamily:`Arial`}},v={tone:`neutral`,variant:`soft`,size:`medium`,disabledAlpha:.5,textStyle:{fontFamily:`Arial`},closeSize:16},y=i.primary.dark.toNumber(),b=(0,e.resolveContrastTextColor)(i,`text/on-brand`,y),x=(0,e.resolveContrastTintColor)(i,`icon/on-brand`,y,3),S=i.surface.lightest.toNumber(),C=n(S,s),w=t(S,s,3),T=i.error.dark.toNumber(),E=(0,e.resolveContrastTextColor)(i,`text/on-danger`,T),D=(0,e.resolveContrastTintColor)(i,`icon/on-danger`,T,3),O={variant:`primary`,size:`medium`,backgroundColor:y,backgroundAlpha:1,borderColor:i.primary.darkest.toNumber(),borderWidth:1,cornerRadius:8,gap:8,padding:{top:8,bottom:8,left:16,right:16},justifyContent:`center`,alignItems:`center`,effect:`press`,effectConfig:{intensity:.94,time:140},iconSize:18,height:40,disabledColor:i.surface.medium.toNumber(),disabledTextColor:i.text.light.toString(),disabledIconTint:i.text.light.toNumber(),disabledAlpha:.48,textStyle:{color:b,fontFamily:`Arial`,fontSize:`16px`,fontStyle:`bold`},Text:{style:{color:b,fontFamily:`Arial`,fontSize:`16px`,fontStyle:`bold`}},Icon:{size:18,tint:x},primary:{backgroundColor:y,borderColor:i.primary.darkest.toNumber(),textStyle:{color:b,fontStyle:`bold`},Icon:{tint:x}},secondary:{backgroundColor:S,backgroundAlpha:.92,borderColor:i.border.light.toNumber(),borderWidth:1,textStyle:{color:C,fontStyle:`bold`},Icon:{tint:w}},outline:{backgroundColor:i.primary.dark.toNumber(),backgroundAlpha:.08,borderColor:i.primary.light.toNumber(),borderWidth:2,textStyle:{color:i.primary.light.toString(),fontStyle:`bold`},Icon:{tint:i.primary.light.toNumber()}},ghost:{backgroundColor:i.surface.light.toNumber(),backgroundAlpha:.18,borderColor:i.border.medium.toNumber(),borderAlpha:.35,borderWidth:1,textStyle:{color:i.text.light.toString(),fontStyle:`bold`},Icon:{tint:i.text.light.toNumber()}},danger:{backgroundColor:T,borderColor:i.error.darkest.toNumber(),textStyle:{color:E,fontStyle:`bold`},Icon:{tint:D}},small:{height:32,padding:{top:6,bottom:6,left:12,right:12},cornerRadius:6,gap:6,iconSize:15,textStyle:{fontSize:`12px`},Icon:{size:15}},medium:{height:40,padding:{top:8,bottom:8,left:16,right:16},cornerRadius:8,gap:8,iconSize:18,Icon:{size:18}},large:{height:48,padding:{top:10,bottom:10,left:20,right:20},cornerRadius:10,gap:10,iconSize:22,textStyle:{fontSize:`18px`},Icon:{size:22}}},k={backgroundColor:i.surface.dark.toNumber(),backgroundAlpha:.95,borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:8,padding:2,itemHeight:36,itemGap:1,itemPadding:{left:12,right:12,top:6,bottom:6},itemCornerRadius:5,itemStyle:{backgroundColor:i.surface.dark.toNumber(),backgroundAlpha:0,borderWidth:0},itemHoverStyle:{backgroundColor:i.surface.medium.toNumber(),backgroundAlpha:.55},itemSelectedStyle:{backgroundColor:i.primary.dark.toNumber(),backgroundAlpha:1,borderColor:i.primary.dark.toNumber(),borderWidth:1},itemDisabledStyle:{alpha:.45},disabledAlpha:.5,textStyle:{...a.small,color:n(i.surface.dark.toNumber(),s)},selectedTextStyle:{color:n(i.primary.dark.toNumber(),o),fontStyle:`bold`},disabledTextStyle:{color:i.text.light.toString()},emptyStyle:{color:n(i.surface.dark.toNumber(),s),fontSize:`14px`},labels:{empty:`No items`}},A={buttonVariant:`secondary`,buttonSize:`medium`,placement:`bottom-start`,width:220,gap:6,iconGap:8},j={backdropColor:0,backdropOpacity:.5,openDuration:320,closeDuration:260},M={gap:10,padding:0,valueWidth:78,controlHeight:34,controlGap:0,buttonControlSize:34,buttonGap:0,buttonPlacement:`split`,buttonDirection:`row`,buttonVariant:`secondary`,buttonSize:`small`,buttonTextStyle:{...a.DEFAULT,fontStyle:`bold`},buttonIndicatorColor:i.text.DEFAULT.toNumber(),buttonIndicatorActiveColor:i.surface.DEFAULT.toNumber(),labelPosition:`left`,valueBackgroundColor:i.surface.light.toNumber(),valueBackgroundAlpha:1,valueBorderColor:i.border.medium.toNumber(),valueBorderWidth:1,valueCornerRadius:0,valuePadding:{left:6,right:6,top:4,bottom:4},disabledAlpha:.5,repeatOnHold:!0,holdDelay:350,repeatInterval:90,labelStyle:{...a.medium,color:i.text.DEFAULT.toString()},valueStyle:{...a.medium,color:i.text.DEFAULT.toString(),fontStyle:`bold`},labels:{decrement:`-`,increment:`+`,value:`Value`},Button:{minWidth:34,width:34,height:34,padding:0,cornerRadius:0,backgroundColor:i.primary.dark.toNumber(),borderColor:i.primary.dark.toNumber(),borderWidth:1,textStyle:{...a.DEFAULT,fontStyle:`bold`,color:(0,e.resolveContrastTextColor)(i,`text/on-brand`,i.primary.dark.toNumber())}}},N={columns:6,swatchSize:28,swatchGap:8,rowGap:8,itemWidth:28,swatchCornerRadius:5,swatchBorderColor:i.border.medium.toNumber(),swatchBorderWidth:1,swatchSelectedBorderColor:i.surface.lightest.toNumber(),swatchSelectedBorderWidth:3,swatchDisabledAlpha:.45,selectedCheckColor:i.surface.lightest.toNumber(),disabledAlpha:.5,showTitle:!0,showHex:!1,padding:0,gap:10,titleStyle:{...a.medium,color:i.text.DEFAULT.toString(),fontStyle:`bold`},emptyStyle:{...a.small,color:i.text.light.toString()},hexStyle:{...a.small,color:i.text.light.toString()},labels:{title:`Palette`,empty:`No colors`}},ee={width:240,height:22,orientation:`horizontal`,labelPosition:`right`,trackColor:i.surface.dark.toNumber(),fillColor:i.success.DEFAULT.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:11,gap:8,disabledAlpha:.5,labelStyle:{color:i.text.DEFAULT.toString(),fontSize:`13px`}},P={width:`fill`,barHeight:24,gap:8,labelStyle:{color:`#e0e7ff`,fontSize:`14px`},percentageStyle:{color:`#9fb3c8`,fontSize:`13px`},cancelButtonSize:`small`,labels:{cancel:`Cancel`,loading:`Loading...`}},F={trackColor:i.surface.dark.toNumber(),trackFilledColor:i.primary.dark.toNumber(),trackHeight:6,trackBorderRadius:3,trackLength:200,trackHoverColor:i.surface.dark.toNumber(),thumbColor:i.primary.light.toNumber(),thumbSize:20,thumbBorderColor:i.border.light.toNumber(),thumbBorderWidth:2,thumbHoverColor:i.primary.light.toNumber(),thumbActiveColor:i.primary.dark.toNumber(),thumbDragScale:1.1,markColor:i.border.medium.toNumber(),markHeight:8,markWidth:2,labelStyle:a.small,labelOffset:10,valueLabel:{backgroundColor:i.background.dark.toNumber(),textStyle:{...a.small,color:i.text.light.toString()},padding:{left:6,right:6,top:4,bottom:4},cornerRadius:4,offset:8},minDistance:0,disabledAlpha:.4},I={selectedColor:i.primary.DEFAULT.toNumber(),color:i.border.dark.toNumber(),borderWidth:2,gap:8,size:18,innerSize:8,disabledAlpha:.5,labelPosition:`right`,labelStyle:{color:i.text.DEFAULT.toString(),fontSize:`14px`}},L={direction:`column`,gap:8},R={size:`medium`,gap:4,iconSize:24,filledColor:`#fbbf24`,emptyColor:`#475569`,disabledAlpha:.5,labelStyle:{color:i.text.DEFAULT.toString(),fontSize:`13px`},labels:{rating:``}},z={variant:`solid`,size:`md`,backgroundColor:i.surface.light.toNumber(),backgroundAlpha:1,padding:16,gap:8,dividerColor:i.border.light.toNumber(),itemGap:8,sectionGap:10,headerStyle:{gap:10,padding:{top:0,right:0,bottom:6,left:0},width:`fill`},footerStyle:{gap:8,padding:{top:6,right:0,bottom:0,left:0},width:`fill`},sectionStyle:{gap:8,padding:{top:4,right:0,bottom:8,left:0},width:`fill`,titleStyle:{...a.medium,color:i.text.dark.toString(),fontStyle:`bold`}},itemStyle:{gap:8,padding:{top:8,bottom:8,left:10,right:10},width:`fill`,cornerRadius:8,backgroundColor:i.surface.lightest.toNumber(),textStyle:{...a.medium,color:i.text.dark.toString()},active:{backgroundColor:i.primary.lightest.toNumber(),borderColor:i.primary.light.toNumber(),borderWidth:1,backgroundAlpha:.9},disabledAlpha:.5},badgeStyle:{backgroundColor:i.primary.light.toNumber(),backgroundAlpha:.15,cornerRadius:6,padding:{top:4,bottom:4,left:8,right:8},textStyle:{...a.small,color:(0,e.resolveContrastTextColor)(i,`text/strong`,i.primary.light.toNumber()),fontStyle:`bold`}},variants:{solid:{backgroundColor:i.surface.light.toNumber(),borderColor:i.border.light.toNumber(),borderWidth:1},muted:{backgroundColor:i.surface.medium.toNumber(),backgroundAlpha:.85,borderColor:i.border.light.toNumber(),borderWidth:1},ghost:{backgroundColor:i.background.lightest.toNumber(),backgroundAlpha:.6,borderWidth:0},inset:{backgroundColor:i.surface.dark.toNumber(),backgroundAlpha:1,borderColor:i.border.medium.toNumber(),borderWidth:1}},sizes:{sm:{padding:10,gap:6},md:{padding:16,gap:8},lg:{padding:{top:20,bottom:20,left:16,right:16},gap:12}}},B={tabListStyle:{backgroundColor:i.surface.dark.toNumber(),padding:{left:8,right:8,top:8,bottom:0},cornerRadius:{tl:6,tr:6,bl:0,br:0},width:`fill`,gap:10,alignItems:`end`,justifyContent:`start`},tabStyle:{backgroundColor:i.surface.medium.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,padding:{left:8,right:8,top:8,bottom:3},cornerRadius:{tl:6,tr:6,bl:0,br:0}},tabActiveStyle:{padding:{left:8,right:8,top:8,bottom:8},backgroundColor:i.primary.DEFAULT.toNumber(),borderColor:i.primary.dark.toNumber(),borderWidth:2},tabDisabledStyle:{alpha:.4},panelStyle:{backgroundColor:i.surface.light.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,padding:10,cornerRadius:{tl:0,tr:0,bl:6,br:6},width:`fill`}},V={variant:`info`,width:320,minHeight:58,gap:10,contentGap:2,accentWidth:4,prefixWidth:24,padding:{left:10,right:10,top:9,bottom:9},backgroundColor:i.surface.dark.toNumber(),backgroundAlpha:.98,borderColor:i.border.dark.toNumber(),borderWidth:1,cornerRadius:8,closeButtonSize:24,titleStyle:{...a.small,color:(0,e.resolveContrastTextColor)(i,`text/strong`,i.surface.dark.toNumber()),fontStyle:`bold`},messageStyle:{...a.small,color:(0,e.resolveContrastTextColor)(i,`text/muted`,i.surface.dark.toNumber())},closeTextStyle:{...a.small,color:(0,e.resolveContrastTextColor)(i,`text/muted`,i.surface.dark.toNumber()),fontStyle:`normal`},labels:{close:`x`},variants:{info:{accentColor:i.info.DEFAULT.toNumber(),borderColor:i.info.dark.toNumber()},success:{accentColor:i.success.DEFAULT.toNumber(),borderColor:i.success.dark.toNumber()},warning:{accentColor:i.warning.DEFAULT.toNumber(),borderColor:i.warning.dark.toNumber()},error:{accentColor:i.error.DEFAULT.toNumber(),borderColor:i.error.dark.toNumber()}},Button:{ghost:{padding:0,backgroundAlpha:0,textStyle:{color:i.text.light.toString(),fontStyle:`bold`}}}},H={position:`top-right`,width:320,gap:8,offset:16,duration:4e3,depth:1200},U={wrap:!0,paddingOffset:0,textStyle:a.DEFAULT},W={borderColor:i.border.medium.toNumber(),trackColor:i.surface.dark.toNumber(),trackCornerRadius:0,thumbColor:i.primary.DEFAULT.toNumber(),thumbActiveColor:i.primary.dark.toNumber(),thumbBorderColor:i.primary.light.toNumber(),thumbBorderWidth:1,thumbCornerRadius:0,borderWidth:1,cornerRadius:0,minThumbSize:30,size:24},G={showVerticalSlider:`auto`,showHorizontalSlider:`auto`},K={rowTextStyle:a.small,valueTextStyle:a.small,rowGap:4,columnGap:8},q={backgroundColor:i.surface.DEFAULT.toNumber(),cornerRadius:8,maxWidth:600,showClose:!0,Header:{padding:{left:24,right:24,top:20,bottom:16},gap:12,borderColor:i.border.light.toNumber(),closeButton:{size:32,cornerRadius:4,backgroundColor:i.surface.dark.toNumber(),borderColor:i.border.light.toNumber(),borderWidth:1},textStyle:a.heading},Content:{padding:{left:24,right:24,top:16,bottom:16},gap:12},Actions:{padding:{left:24,right:24,top:16,bottom:20},gap:12,justifyContent:`end`,borderColor:i.border.light.toNumber()}},J={maxWidth:500,variants:{info:{},warning:{},destructive:{},success:{}}},Y={backdropAlpha:.5,backdropColor:0,backgroundColor:i.surface.dark.toNumber(),backgroundAlpha:1,borderColor:i.border.medium.toNumber(),borderWidth:1,panelCornerRadius:16,handleWidth:36,handleHeight:5,handleColor:i.border.dark.toNumber()},X={placement:`bottom`,offset:8,depth:1100,closeOnOutside:!0,closeOnEscape:!0,viewportPadding:8,openDuration:120,closeDuration:100,backgroundColor:i.surface.dark.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:8,padding:10,gap:8},Z={width:220,itemHeight:34,itemGap:8,itemPadding:{left:10,right:10,top:6,bottom:6},itemCornerRadius:5,backgroundColor:i.surface.dark.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:8,padding:6,gap:2,textStyle:{...a.small,color:i.text.medium.toString()},disabledTextColor:i.text.lightest.toString(),dangerTextColor:i.error.darkest.toString(),dangerBackgroundColor:i.error.dark.toNumber()},Q={orientation:`horizontal`,thickness:1,color:i.border.medium.toNumber()},$={trigger:{backgroundColor:i.surface.light.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:7,padding:{left:12,right:10,top:9,bottom:9},width:`fill`,gap:8},triggerHover:{borderColor:i.primary.DEFAULT.toNumber()},triggerOpen:{borderColor:i.primary.DEFAULT.toNumber(),borderWidth:2,backgroundColor:i.surface.lightest.toNumber()},triggerDisabled:{backgroundColor:i.surface.light.toNumber(),alpha:.5},arrow:{color:i.text.dark.toString(),size:12},selectionIndicator:{color:i.primary.dark.toString(),size:16},overlay:{backgroundColor:i.surface.lightest.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:7,maxHeight:300,padding:6},option:{padding:{left:10,right:10,top:8,bottom:8},cornerRadius:5,gap:8},optionSelected:{backgroundColor:i.primary.lightest.toNumber(),borderColor:i.primary.light.toNumber(),borderWidth:1,backgroundAlpha:.9},optionDisabled:{alpha:.3},optionGap:2,filterInput:{backgroundColor:i.surface.lightest.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:6,padding:{left:10,right:10,top:6,bottom:6},width:`calc(100% - 20px)`},textStyle:{...a.DEFAULT,color:i.text.DEFAULT.toString()},placeholderStyle:{...a.DEFAULT,color:i.text.light.toString()},animationConfig:`stiff`},te={charSpacing:2,cursorColor:i.secondary.DEFAULT.toNumber(),cursorWidth:3,cursorBlinkSpeed:530,selectionColor:i.accent.DEFAULT.toNumber(),selectionAlpha:.75,lineHeight:1.2,wordWrap:!1,disabledBackgroundColor:i.surface.medium.toNumber(),disabledBorderColor:i.border.light.toNumber(),disabledAlpha:.6,focusedBorderColor:i.primary.DEFAULT.toNumber(),backgroundColor:i.surface.lightest.toNumber(),borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:7,padding:10,textStyle:{...a.DEFAULT,color:i.text.dark.toString()},placeholderStyle:{...a.DEFAULT,color:i.text.light.toString()}},ne={position:`top`,showDelay:1e3,hideDelay:500,offset:8,textStyle:{fontSize:`12px`,fontFamily:`Arial`,color:i.text.dark.toString(),backgroundColor:i.warning.medium.toString(),padding:{x:2,y:2}},cornerRadius:8,animation:{fadeIn:200,fadeOut:200,move:{dx:0,dy:-20},pulse:!1,pulseScale:[.75,1.25]}},re={size:`medium`,textColor:i.text.light.toString(),overlayAlpha:.85,backgroundColor:i.surface.darkest.toNumber(),backgroundAlpha:.95,borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:8,itemHeight:40,visibleItems:5,itemPadding:{left:12,right:12},disabledAlpha:.5,textStyle:{...a.medium,color:n(i.surface.darkest.toNumber(),s)},selectedTextStyle:{...a.medium,color:n(i.surface.darkest.toNumber(),s),fontStyle:`bold`},disabledTextStyle:{color:i.text.lightest.toString()},labels:{empty:`No items`}};return{View:c,Text:l,Icon:u,Image:d,Sprite:f,ActivityIndicator:p,Accordion:g,AlertDialog:J,Badge:_,Tag:v,BottomSheet:Y,Button:O,Checkbox:h,ColorPicker:m,ContextMenu:Z,DebugPanel:K,Dialog:q,Divider:Q,Dropdown:$,ListBox:k,MenuButton:A,Modal:j,NumberInput:M,PalettePicker:N,Popover:X,ProgressBar:ee,ProgressView:P,RadioButton:I,RadioGroup:L,RatingBar:R,Sidebar:z,NotificationStack:H,Tabs:B,TextInput:te,Toast:V,Toolbar:{orientation:`horizontal`,density:`normal`,itemWidth:42,itemHeight:36,compactItemWidth:38,compactItemHeight:38,itemGap:6,iconSize:18,compactIconSize:16,buttonSize:`small`,compactButtonSize:`small`,backgroundColor:i.surface.dark.toNumber(),backgroundAlpha:.92,borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:8,padding:4,gap:6,separatorColor:i.border.medium.toNumber(),separatorThickness:1,separatorLength:26,disabledAlpha:.55,textStyle:{...a.small,color:i.text.DEFAULT.toString(),fontStyle:`bold`},activeTextStyle:{color:i.text.DEFAULT.toString(),fontStyle:`bold`},disabledTextStyle:{color:i.text.lightest.toString()},menuIndicatorStyle:{...a.small,color:i.text.light.toString()},labels:{overflow:`More`,menuIndicator:`v`},Icon:{tint:i.text.DEFAULT.toNumber()},Button:{minWidth:0,padding:{left:8,right:8,top:4,bottom:4},cornerRadius:5,gap:6}},WrapText:U,WheelPicker:re,ScrollSlider:W,ScrollView:G,SegmentedControl:{orientation:`horizontal`,size:`medium`,variant:`solid`,backgroundColor:i.surface.dark.toNumber(),backgroundAlpha:.95,borderColor:i.border.medium.toNumber(),borderWidth:1,cornerRadius:8,padding:3,gap:8,segmentGap:0,segmentWidth:92,segmentHeight:34,segmentPadding:{left:10,right:10,top:6,bottom:6},segmentCornerRadius:6,segmentStyle:{backgroundColor:i.surface.dark.toNumber(),backgroundAlpha:0,borderWidth:0},segmentHoverStyle:{backgroundColor:i.surface.medium.toNumber(),backgroundAlpha:.55},segmentSelectedStyle:{backgroundColor:i.primary.dark.toNumber(),backgroundAlpha:1,borderColor:i.primary.dark.toNumber(),borderWidth:1},segmentDisabledStyle:{alpha:.45},iconGap:6,iconSize:16,disabledAlpha:.5,labelPosition:`none`,labelStyle:{...a.medium,color:i.text.DEFAULT.toString()},textStyle:{...a.small,color:(0,e.resolveContrastTextColor)(i,`text/default`,i.surface.dark.toNumber()),fontStyle:`bold`},selectedTextStyle:{color:(0,e.resolveContrastTextColor)(i,`text/on-brand`,i.primary.dark.toNumber()),fontStyle:`bold`},disabledTextStyle:{color:i.text.lightest.toString()},labels:{group:`Options`}},Slider:F,Tooltip:ne,Toggle:{width:50,height:28,thumbSize:24,trackColorOff:i.surface.dark.toNumber(),trackColorOn:i.primary.DEFAULT.toNumber(),trackBorderColorOff:i.border.medium.toNumber(),trackBorderColorOn:i.primary.dark.toNumber(),trackBorderWidth:1,thumbColor:i.surface.lightest.toNumber(),thumbBorderColor:i.border.light.toNumber(),thumbBorderWidth:1,disabledColor:i.border.medium.toNumber(),disabledAlpha:.5,padding:2,duration:200,gap:8,labelStyle:a.DEFAULT,labelPosition:`right`}}}function i(t=`oceanBlue`,n=`light`){return r((0,e.getPresetWithMode)(t,n).colors)}var a=i();function o(){for(let t of Object.keys(a))(0,e.registerComponentThemeDefaults)(t,e=>r(e)[t])}exports.buildPortableThemeDefaults=r,exports.createPortableThemeDefaults=i,exports.registerPortableDefaults=o;

package/dist/theme-defaults.d.ts

@@ -0,0 +1,12 @@
+import { ColorTokens, PresetName } from '@number10/jsx-core';
+import { PortableComponentThemes } from './theme-types';
+export declare function buildPortableThemeDefaults(colors: ColorTokens): PortableComponentThemes;
+export declare function createPortableThemeDefaults(presetName?: PresetName, mode?: 'light' | 'dark'): PortableComponentThemes;
+/**
+ * Register all portable component theme defaults.
+ * Called as a side-effect when this module is imported.
+ * Uses registerComponentDefaults (not IfMissing) — @number10/jsx-components
+ * is the authoritative source for portable component defaults.
+ */
+export declare function registerPortableDefaults(): void;
+//# sourceMappingURL=theme-defaults.d.ts.map

package/dist/theme-defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-defaults.d.ts","sourceRoot":"","sources":["../src/theme-defaults.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAgC5D,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,WAAW,GAAG,uBAAuB,CA8rCvF;AAED,wBAAgB,2BAA2B,CACzC,UAAU,GAAE,UAAwB,EACpC,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B,uBAAuB,CAEzB;AAID;;;;;GAKG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAI/C"}