@techfides/ui-library-design 0.5.0 → 0.8.0

package/dist/anatomies.js

@@ -0,0 +1,107 @@
+import { accordionAnatomy } from "./recipes/accordion.js";
+import { featureAnatomy } from "./recipes/feature.js";
+import { alertAnatomy } from "./recipes/alert.js";
+import { bandAnatomy } from "./recipes/band.js";
+import { barsAnatomy } from "./recipes/bars.js";
+import { brandMarkAnatomy } from "./recipes/brandMark.js";
+import { buttonAnatomy } from "./recipes/button.js";
+import { cardHeaderAnatomy } from "./recipes/cardHeader.js";
+import { checkboxAnatomy } from "./recipes/checkbox.js";
+import { chipAnatomy } from "./recipes/chip.js";
+import { codeEditorAnatomy } from "./recipes/codeEditor.js";
+import { inputAnatomy } from "./recipes/input.js";
+import { datePickerAnatomy } from "./recipes/datePicker.js";
+import { dialogAnatomy } from "./recipes/dialog.js";
+import { findingsAnatomy } from "./recipes/findings.js";
+import { headingAnatomy } from "./recipes/heading.js";
+import { heartbeatAnatomy } from "./recipes/heartbeat.js";
+import { inkAnatomy } from "./recipes/ink.js";
+import { listboxAnatomy } from "./recipes/listbox.js";
+import { listItemAnatomy } from "./recipes/listItem.js";
+import { marqueeAnatomy } from "./recipes/marquee.js";
+import { menuAnatomy } from "./recipes/menu.js";
+import { metaRowAnatomy } from "./recipes/metaRow.js";
+import { meterAnatomy } from "./recipes/meter.js";
+import { numberRangeAnatomy } from "./recipes/numberRange.js";
+import { paperAnatomy } from "./recipes/paper.js";
+import { progressBarAnatomy } from "./recipes/progressBar.js";
+import { tableAnatomy } from "./recipes/table.js";
+import { queueAnatomy } from "./recipes/queue.js";
+import { radioGroupAnatomy } from "./recipes/radioGroup.js";
+import { scopeSwitcherAnatomy } from "./recipes/scopeSwitcher.js";
+import { scrollAreaAnatomy } from "./recipes/scrollArea.js";
+import { searchPaletteAnatomy } from "./recipes/searchPalette.js";
+import { sectionHeaderAnatomy } from "./recipes/sectionHeader.js";
+import { segmentedControlAnatomy } from "./recipes/segmentedControl.js";
+import { selectAnatomy } from "./recipes/select.js";
+import { separatorAnatomy } from "./recipes/separator.js";
+import { sidebarAnatomy } from "./recipes/sidebar.js";
+import { skyAnatomy } from "./recipes/sky.js";
+import { sliderAnatomy } from "./recipes/slider.js";
+import { statAnatomy } from "./recipes/stat.js";
+import { switchAnatomy } from "./recipes/switch.js";
+import { tailAnatomy } from "./recipes/tail.js";
+import { textAnatomy } from "./recipes/text.js";
+import { textareaAnatomy } from "./recipes/textarea.js";
+import { tileAnatomy } from "./recipes/tile.js";
+import { tooltipAnatomy } from "./recipes/tooltip.js";
+import { topBarAnatomy } from "./recipes/topBar.js";
+import { trailAnatomy } from "./recipes/trail.js";
+import { userMenuAnatomy } from "./recipes/userMenu.js";
+//#region src/anatomies.ts
+const anatomies = {
+	accordion: accordionAnatomy,
+	alert: alertAnatomy,
+	band: bandAnatomy,
+	bars: barsAnatomy,
+	"brand-mark": brandMarkAnatomy,
+	button: buttonAnatomy,
+	"card-header": cardHeaderAnatomy,
+	checkbox: checkboxAnatomy,
+	chip: chipAnatomy,
+	"code-editor": codeEditorAnatomy,
+	"date-picker": datePickerAnatomy,
+	dialog: dialogAnatomy,
+	feature: featureAnatomy,
+	findings: findingsAnatomy,
+	heading: headingAnatomy,
+	heartbeat: heartbeatAnatomy,
+	ink: inkAnatomy,
+	input: inputAnatomy,
+	"list-item": listItemAnatomy,
+	listbox: listboxAnatomy,
+	marquee: marqueeAnatomy,
+	menu: menuAnatomy,
+	"meta-row": metaRowAnatomy,
+	meter: meterAnatomy,
+	"number-range": numberRangeAnatomy,
+	paper: paperAnatomy,
+	"progress-bar": progressBarAnatomy,
+	queue: queueAnatomy,
+	"radio-group": radioGroupAnatomy,
+	"scope-switcher": scopeSwitcherAnatomy,
+	"scroll-area": scrollAreaAnatomy,
+	"search-palette": searchPaletteAnatomy,
+	"section-header": sectionHeaderAnatomy,
+	"segmented-control": segmentedControlAnatomy,
+	select: selectAnatomy,
+	separator: separatorAnatomy,
+	sidebar: sidebarAnatomy,
+	sky: skyAnatomy,
+	slider: sliderAnatomy,
+	stat: statAnatomy,
+	switch: switchAnatomy,
+	table: tableAnatomy,
+	tail: tailAnatomy,
+	text: textAnatomy,
+	textarea: textareaAnatomy,
+	tile: tileAnatomy,
+	tooltip: tooltipAnatomy,
+	"top-bar": topBarAnatomy,
+	trail: trailAnatomy,
+	"user-menu": userMenuAnatomy
+};
+//#endregion
+export { anatomies };
+
+//# sourceMappingURL=anatomies.js.map

package/dist/anatomies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anatomies.js","names":[],"sources":["../src/anatomies.ts"],"sourcesContent":["import type { PartsOf } from './anatomy'\nimport { accordionAnatomy } from './recipes/accordion'\nimport { alertAnatomy } from './recipes/alert'\nimport { bandAnatomy } from './recipes/band'\nimport { barsAnatomy } from './recipes/bars'\nimport { brandMarkAnatomy } from './recipes/brandMark'\nimport { buttonAnatomy } from './recipes/button'\nimport { cardHeaderAnatomy } from './recipes/cardHeader'\nimport { checkboxAnatomy } from './recipes/checkbox'\nimport { chipAnatomy } from './recipes/chip'\nimport { codeEditorAnatomy } from './recipes/codeEditor'\nimport { datePickerAnatomy } from './recipes/datePicker'\nimport { dialogAnatomy } from './recipes/dialog'\nimport { featureAnatomy } from './recipes/feature'\nimport { findingsAnatomy } from './recipes/findings'\nimport { headingAnatomy } from './recipes/heading'\nimport { heartbeatAnatomy } from './recipes/heartbeat'\nimport { inkAnatomy } from './recipes/ink'\nimport { inputAnatomy } from './recipes/input'\nimport { listboxAnatomy } from './recipes/listbox'\nimport { listItemAnatomy } from './recipes/listItem'\nimport { marqueeAnatomy } from './recipes/marquee'\nimport { menuAnatomy } from './recipes/menu'\nimport { metaRowAnatomy } from './recipes/metaRow'\nimport { meterAnatomy } from './recipes/meter'\nimport { numberRangeAnatomy } from './recipes/numberRange'\nimport { paperAnatomy } from './recipes/paper'\nimport { progressBarAnatomy } from './recipes/progressBar'\nimport { queueAnatomy } from './recipes/queue'\nimport { radioGroupAnatomy } from './recipes/radioGroup'\nimport { scopeSwitcherAnatomy } from './recipes/scopeSwitcher'\nimport { scrollAreaAnatomy } from './recipes/scrollArea'\nimport { searchPaletteAnatomy } from './recipes/searchPalette'\nimport { sectionHeaderAnatomy } from './recipes/sectionHeader'\nimport { segmentedControlAnatomy } from './recipes/segmentedControl'\nimport { selectAnatomy } from './recipes/select'\nimport { separatorAnatomy } from './recipes/separator'\nimport { sidebarAnatomy } from './recipes/sidebar'\nimport { skyAnatomy } from './recipes/sky'\nimport { sliderAnatomy } from './recipes/slider'\nimport { statAnatomy } from './recipes/stat'\nimport { switchAnatomy } from './recipes/switch'\nimport { tableAnatomy } from './recipes/table'\nimport { tailAnatomy } from './recipes/tail'\nimport { textAnatomy } from './recipes/text'\nimport { textareaAnatomy } from './recipes/textarea'\nimport { tileAnatomy } from './recipes/tile'\nimport { tooltipAnatomy } from './recipes/tooltip'\nimport { topBarAnatomy } from './recipes/topBar'\nimport { trailAnatomy } from './recipes/trail'\nimport { userMenuAnatomy } from './recipes/userMenu'\n\nconst anatomies = {\n  accordion: accordionAnatomy,\n  alert: alertAnatomy,\n  band: bandAnatomy,\n  bars: barsAnatomy,\n  'brand-mark': brandMarkAnatomy,\n  button: buttonAnatomy,\n  'card-header': cardHeaderAnatomy,\n  checkbox: checkboxAnatomy,\n  chip: chipAnatomy,\n  'code-editor': codeEditorAnatomy,\n  'date-picker': datePickerAnatomy,\n  dialog: dialogAnatomy,\n  feature: featureAnatomy,\n  findings: findingsAnatomy,\n  heading: headingAnatomy,\n  heartbeat: heartbeatAnatomy,\n  ink: inkAnatomy,\n  input: inputAnatomy,\n  'list-item': listItemAnatomy,\n  listbox: listboxAnatomy,\n  marquee: marqueeAnatomy,\n  menu: menuAnatomy,\n  'meta-row': metaRowAnatomy,\n  meter: meterAnatomy,\n  'number-range': numberRangeAnatomy,\n  paper: paperAnatomy,\n  'progress-bar': progressBarAnatomy,\n  queue: queueAnatomy,\n  'radio-group': radioGroupAnatomy,\n  'scope-switcher': scopeSwitcherAnatomy,\n  'scroll-area': scrollAreaAnatomy,\n  'search-palette': searchPaletteAnatomy,\n  'section-header': sectionHeaderAnatomy,\n  'segmented-control': segmentedControlAnatomy,\n  select: selectAnatomy,\n  separator: separatorAnatomy,\n  sidebar: sidebarAnatomy,\n  sky: skyAnatomy,\n  slider: sliderAnatomy,\n  stat: statAnatomy,\n  switch: switchAnatomy,\n  table: tableAnatomy,\n  tail: tailAnatomy,\n  text: textAnatomy,\n  textarea: textareaAnatomy,\n  tile: tileAnatomy,\n  tooltip: tooltipAnatomy,\n  'top-bar': topBarAnatomy,\n  trail: trailAnatomy,\n  'user-menu': userMenuAnatomy,\n} as const\n\ntype AnyPart = PartsOf<(typeof anatomies)[keyof typeof anatomies]>\n\nexport { type AnyPart, anatomies }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,YAAY;CAChB,WAAW;CACX,OAAO;CACP,MAAM;CACN,MAAM;CACN,cAAc;CACd,QAAQ;CACR,eAAe;CACf,UAAU;CACV,MAAM;CACN,eAAe;CACf,eAAe;CACf,QAAQ;CACR,SAAS;CACT,UAAU;CACV,SAAS;CACT,WAAW;CACX,KAAK;CACL,OAAO;CACP,aAAa;CACb,SAAS;CACT,SAAS;CACT,MAAM;CACN,YAAY;CACZ,OAAO;CACP,gBAAgB;CAChB,OAAO;CACP,gBAAgB;CAChB,OAAO;CACP,eAAe;CACf,kBAAkB;CAClB,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,qBAAqB;CACrB,QAAQ;CACR,WAAW;CACX,SAAS;CACT,KAAK;CACL,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,OAAO;CACP,MAAM;CACN,MAAM;CACN,UAAU;CACV,MAAM;CACN,SAAS;CACT,WAAW;CACX,OAAO;CACP,aAAa;AACf"}

package/dist/anatomy.d.ts

@@ -0,0 +1,13 @@
+//#region src/anatomy.d.ts
+type Recipe = (...args: never[]) => string;
+interface Part {
+  part: string;
+  recipe: Recipe;
+  required: boolean;
+}
+type Anatomy = Record<string, Part>;
+declare const anatomy: <const Shape extends Anatomy>(parts: Shape) => Shape;
+type PartsOf<Shape> = Shape extends Anatomy ? Shape[keyof Shape]['part'] : never;
+//#endregion
+export { type Anatomy, type Part, type PartsOf, type Recipe, anatomy };
+//# sourceMappingURL=anatomy.d.ts.map

package/dist/anatomy.js

@@ -0,0 +1,6 @@
+//#region src/anatomy.ts
+const anatomy = (parts) => parts;
+//#endregion
+export { anatomy };
+
+//# sourceMappingURL=anatomy.js.map

package/dist/anatomy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anatomy.js","names":[],"sources":["../src/anatomy.ts"],"sourcesContent":["type Recipe = (...args: never[]) => string\n\ninterface Part {\n  part: string\n  recipe: Recipe\n  required: boolean\n}\n\ntype Anatomy = Record<string, Part>\n\nconst anatomy = <const Shape extends Anatomy>(parts: Shape): Shape => parts\n\ntype PartsOf<Shape> = Shape extends Anatomy ? Shape[keyof Shape]['part'] : never\n\nexport { type Anatomy, type Part, type PartsOf, type Recipe, anatomy }\n"],"mappings":";AAUA,MAAM,WAAwC,UAAwB"}

package/dist/cn.generated.js

@@ -0,0 +1,217 @@
+//#region src/cn.generated.ts
+const twScales = {
+	animate: [
+		"tf-blend-in",
+		"tf-arrive",
+		"tf-depart",
+		"tf-in",
+		"tf-out",
+		"tf-chip-in",
+		"tf-chip-out",
+		"tf-chip-out-auto",
+		"tf-rewind",
+		"tf-lift",
+		"tf-lift-rewind",
+		"tf-drawer",
+		"tf-drawer-rewind",
+		"tf-expand",
+		"tf-collapse",
+		"tf-shake",
+		"tf-pop",
+		"tf-nudge",
+		"tf-fade-in",
+		"tf-fade-out",
+		"tf-fade-rewind",
+		"tf-rise",
+		"tf-draw",
+		"tf-page",
+		"tf-page-again"
+	],
+	blur: [
+		"tf-panel",
+		"tf-glass",
+		"tf-scrim",
+		"tf-cloud-md",
+		"tf-cloud-tight",
+		"tf-cloud-wide"
+	],
+	color: [
+		"tf-accent",
+		"tf-accent-hi",
+		"tf-accent-surface",
+		"tf-accent-deep",
+		"tf-on-accent",
+		"tf-accent-tint",
+		"tf-accent-edge",
+		"tf-bg",
+		"tf-surface",
+		"tf-panel",
+		"tf-panel-2",
+		"tf-panel-hi",
+		"tf-glass",
+		"tf-sunken",
+		"tf-sunken-hi",
+		"tf-sunken-quiet",
+		"tf-control",
+		"tf-control-hi",
+		"tf-surface-hi",
+		"tf-surface-quiet",
+		"tf-shade-under",
+		"tf-shade-deep",
+		"tf-scrim",
+		"tf-line",
+		"tf-line-2",
+		"tf-line-hi",
+		"tf-rule",
+		"tf-fg",
+		"tf-fg-held",
+		"tf-muted",
+		"tf-success",
+		"tf-success-hi",
+		"tf-warning",
+		"tf-warning-hi",
+		"tf-info",
+		"tf-info-hi",
+		"tf-danger",
+		"tf-danger-hi",
+		"tf-on-semantic",
+		"tf-success-tint",
+		"tf-success-edge",
+		"tf-warning-tint",
+		"tf-warning-edge",
+		"tf-info-tint",
+		"tf-info-edge",
+		"tf-danger-tint",
+		"tf-danger-wash",
+		"tf-danger-edge"
+	],
+	container: [
+		"tf-panel",
+		"tf-list",
+		"tf-placard",
+		"tf-measure",
+		"tf-page",
+		"tf-canvas"
+	],
+	ease: [
+		"tf",
+		"tf-spring",
+		"tf-glide",
+		"tf-settle"
+	],
+	font: ["tf-display", "tf-body"],
+	radius: [
+		"tf-none",
+		"tf-inline",
+		"tf-control",
+		"tf-block",
+		"tf-card",
+		"tf-pill"
+	],
+	shadow: ["tf-float", "tf-mark"],
+	spacing: [
+		"tf-hairline",
+		"tf-control-2xs",
+		"tf-control-xs",
+		"tf-control-sm",
+		"tf-control-md",
+		"tf-control-lg",
+		"tf-row",
+		"tf-chip-sm",
+		"tf-target",
+		"tf-menu",
+		"tf-sidebar",
+		"tf-rail",
+		"tf-icon-2xs",
+		"tf-icon-xs",
+		"tf-icon-sm",
+		"tf-icon-md",
+		"tf-icon-lg",
+		"tf-icon-solo-xs",
+		"tf-icon-solo-sm",
+		"tf-icon-solo-md",
+		"tf-icon-solo-lg",
+		"tf-mark-glyph",
+		"tf-mark-dot",
+		"tf-mark-track",
+		"tf-mark-inset"
+	],
+	text: [
+		"tf-numeral",
+		"tf-display",
+		"tf-h1",
+		"tf-h2",
+		"tf-h3",
+		"tf-h4",
+		"tf-figure",
+		"tf-unit",
+		"tf-lead",
+		"tf-body",
+		"tf-body-sm",
+		"tf-caption",
+		"tf-caption-sm"
+	],
+	tracking: ["tf-tight", "tf-eyebrow"]
+};
+const durationSteps = [
+	"tf-1",
+	"tf-2",
+	"tf-3",
+	"tf-4"
+];
+const zSteps = [
+	"tf-raised",
+	"tf-dropdown",
+	"tf-tooltip",
+	"tf-modal",
+	"tf-toast"
+];
+const utilityFamilies = {
+	"tf-cloud-blur": [
+		"tf-cloud-md",
+		"tf-cloud-tight",
+		"tf-cloud-wide"
+	],
+	"tf-cloud-tone": [
+		"tf-cloud-brand",
+		"tf-cloud-ink",
+		"tf-cloud-quiet"
+	],
+	"tf-cloud-weather": [
+		"tf-clouded",
+		"tf-clouded-lifted",
+		"tf-clouding",
+		"tf-cloud-hidden"
+	],
+	"tf-edge": [
+		"tf-edge-lit",
+		"tf-edge-milk",
+		"tf-edge-plain",
+		"tf-edge-sweep"
+	],
+	"tf-glass-plate": ["tf-glass-plate", "tf-glass-plate-lit"],
+	"tf-icons": ["tf-icons", "tf-icons-solo"],
+	"tf-label": [
+		"tf-label-inked",
+		"tf-label-lit",
+		"tf-label-quiet"
+	],
+	"tf-lit": ["tf-lit-inside", "tf-lit-rest"],
+	"tf-mark-tone": ["tf-mark-failed", "tf-mark-lit"],
+	"tf-moves": ["tf-moves-glide", "tf-moves-spring"],
+	"tf-plated": ["tf-plated", "tf-plated-quiet"],
+	"tf-rule": [
+		"tf-rule",
+		"tf-rule-fall",
+		"tf-rule-filled",
+		"tf-rule-filled-fall",
+		"tf-rule-quiet",
+		"tf-rule-quiet-fall"
+	],
+	"tf-settled": ["tf-settled", "tf-settled-quiet"],
+	"tf-slides": ["tf-slides-settle", "tf-slides-spring"]
+};
+//#endregion
+export { durationSteps, twScales, utilityFamilies, zSteps };
+
+//# sourceMappingURL=cn.generated.js.map

package/dist/cn.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.generated.js","names":[],"sources":["../src/cn.generated.ts"],"sourcesContent":["const twScales = {\n  animate: ['tf-blend-in', 'tf-arrive', 'tf-depart', 'tf-in', 'tf-out', 'tf-chip-in', 'tf-chip-out', 'tf-chip-out-auto', 'tf-rewind', 'tf-lift', 'tf-lift-rewind', 'tf-drawer', 'tf-drawer-rewind', 'tf-expand', 'tf-collapse', 'tf-shake', 'tf-pop', 'tf-nudge', 'tf-fade-in', 'tf-fade-out', 'tf-fade-rewind', 'tf-rise', 'tf-draw', 'tf-page', 'tf-page-again'],\n  blur: ['tf-panel', 'tf-glass', 'tf-scrim', 'tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n  color: ['tf-accent', 'tf-accent-hi', 'tf-accent-surface', 'tf-accent-deep', 'tf-on-accent', 'tf-accent-tint', 'tf-accent-edge', 'tf-bg', 'tf-surface', 'tf-panel', 'tf-panel-2', 'tf-panel-hi', 'tf-glass', 'tf-sunken', 'tf-sunken-hi', 'tf-sunken-quiet', 'tf-control', 'tf-control-hi', 'tf-surface-hi', 'tf-surface-quiet', 'tf-shade-under', 'tf-shade-deep', 'tf-scrim', 'tf-line', 'tf-line-2', 'tf-line-hi', 'tf-rule', 'tf-fg', 'tf-fg-held', 'tf-muted', 'tf-success', 'tf-success-hi', 'tf-warning', 'tf-warning-hi', 'tf-info', 'tf-info-hi', 'tf-danger', 'tf-danger-hi', 'tf-on-semantic', 'tf-success-tint', 'tf-success-edge', 'tf-warning-tint', 'tf-warning-edge', 'tf-info-tint', 'tf-info-edge', 'tf-danger-tint', 'tf-danger-wash', 'tf-danger-edge'],\n  container: ['tf-panel', 'tf-list', 'tf-placard', 'tf-measure', 'tf-page', 'tf-canvas'],\n  ease: ['tf', 'tf-spring', 'tf-glide', 'tf-settle'],\n  font: ['tf-display', 'tf-body'],\n  radius: ['tf-none', 'tf-inline', 'tf-control', 'tf-block', 'tf-card', 'tf-pill'],\n  shadow: ['tf-float', 'tf-mark'],\n  spacing: ['tf-hairline', 'tf-control-2xs', 'tf-control-xs', 'tf-control-sm', 'tf-control-md', 'tf-control-lg', 'tf-row', 'tf-chip-sm', 'tf-target', 'tf-menu', 'tf-sidebar', 'tf-rail', 'tf-icon-2xs', 'tf-icon-xs', 'tf-icon-sm', 'tf-icon-md', 'tf-icon-lg', 'tf-icon-solo-xs', 'tf-icon-solo-sm', 'tf-icon-solo-md', 'tf-icon-solo-lg', 'tf-mark-glyph', 'tf-mark-dot', 'tf-mark-track', 'tf-mark-inset'],\n  text: ['tf-numeral', 'tf-display', 'tf-h1', 'tf-h2', 'tf-h3', 'tf-h4', 'tf-figure', 'tf-unit', 'tf-lead', 'tf-body', 'tf-body-sm', 'tf-caption', 'tf-caption-sm'],\n  tracking: ['tf-tight', 'tf-eyebrow'],\n}\n\nconst durationSteps = ['tf-1', 'tf-2', 'tf-3', 'tf-4']\n\nconst zSteps = ['tf-raised', 'tf-dropdown', 'tf-tooltip', 'tf-modal', 'tf-toast']\n\nconst utilityFamilies = {\n  'tf-cloud-blur': ['tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n  'tf-cloud-tone': ['tf-cloud-brand', 'tf-cloud-ink', 'tf-cloud-quiet'],\n  'tf-cloud-weather': ['tf-clouded', 'tf-clouded-lifted', 'tf-clouding', 'tf-cloud-hidden'],\n  'tf-edge': ['tf-edge-lit', 'tf-edge-milk', 'tf-edge-plain', 'tf-edge-sweep'],\n  'tf-glass-plate': ['tf-glass-plate', 'tf-glass-plate-lit'],\n  'tf-icons': ['tf-icons', 'tf-icons-solo'],\n  'tf-label': ['tf-label-inked', 'tf-label-lit', 'tf-label-quiet'],\n  'tf-lit': ['tf-lit-inside', 'tf-lit-rest'],\n  'tf-mark-tone': ['tf-mark-failed', 'tf-mark-lit'],\n  'tf-moves': ['tf-moves-glide', 'tf-moves-spring'],\n  'tf-plated': ['tf-plated', 'tf-plated-quiet'],\n  'tf-rule': ['tf-rule', 'tf-rule-fall', 'tf-rule-filled', 'tf-rule-filled-fall', 'tf-rule-quiet', 'tf-rule-quiet-fall'],\n  'tf-settled': ['tf-settled', 'tf-settled-quiet'],\n  'tf-slides': ['tf-slides-settle', 'tf-slides-spring'],\n}\n\nexport { durationSteps, twScales, utilityFamilies, zSteps }\n"],"mappings":";AAAA,MAAM,WAAW;CACf,SAAS;EAAC;EAAe;EAAa;EAAa;EAAS;EAAU;EAAc;EAAe;EAAoB;EAAa;EAAW;EAAkB;EAAa;EAAoB;EAAa;EAAe;EAAY;EAAU;EAAY;EAAc;EAAe;EAAkB;EAAW;EAAW;EAAW;CAAe;CAC/V,MAAM;EAAC;EAAY;EAAY;EAAY;EAAe;EAAkB;CAAe;CAC3F,OAAO;EAAC;EAAa;EAAgB;EAAqB;EAAkB;EAAgB;EAAkB;EAAkB;EAAS;EAAc;EAAY;EAAc;EAAe;EAAY;EAAa;EAAgB;EAAmB;EAAc;EAAiB;EAAiB;EAAoB;EAAkB;EAAiB;EAAY;EAAW;EAAa;EAAc;EAAW;EAAS;EAAc;EAAY;EAAc;EAAiB;EAAc;EAAiB;EAAW;EAAc;EAAa;EAAgB;EAAkB;EAAmB;EAAmB;EAAmB;EAAmB;EAAgB;EAAgB;EAAkB;EAAkB;CAAgB;CACzuB,WAAW;EAAC;EAAY;EAAW;EAAc;EAAc;EAAW;CAAW;CACrF,MAAM;EAAC;EAAM;EAAa;EAAY;CAAW;CACjD,MAAM,CAAC,cAAc,SAAS;CAC9B,QAAQ;EAAC;EAAW;EAAa;EAAc;EAAY;EAAW;CAAS;CAC/E,QAAQ,CAAC,YAAY,SAAS;CAC9B,SAAS;EAAC;EAAe;EAAkB;EAAiB;EAAiB;EAAiB;EAAiB;EAAU;EAAc;EAAa;EAAW;EAAc;EAAW;EAAe;EAAc;EAAc;EAAc;EAAc;EAAmB;EAAmB;EAAmB;EAAmB;EAAiB;EAAe;EAAiB;CAAe;CAC3Y,MAAM;EAAC;EAAc;EAAc;EAAS;EAAS;EAAS;EAAS;EAAa;EAAW;EAAW;EAAW;EAAc;EAAc;CAAe;CAChK,UAAU,CAAC,YAAY,YAAY;AACrC;AAEA,MAAM,gBAAgB;CAAC;CAAQ;CAAQ;CAAQ;AAAM;AAErD,MAAM,SAAS;CAAC;CAAa;CAAe;CAAc;CAAY;AAAU;AAEhF,MAAM,kBAAkB;CACtB,iBAAiB;EAAC;EAAe;EAAkB;CAAe;CAClE,iBAAiB;EAAC;EAAkB;EAAgB;CAAgB;CACpE,oBAAoB;EAAC;EAAc;EAAqB;EAAe;CAAiB;CACxF,WAAW;EAAC;EAAe;EAAgB;EAAiB;CAAe;CAC3E,kBAAkB,CAAC,kBAAkB,oBAAoB;CACzD,YAAY,CAAC,YAAY,eAAe;CACxC,YAAY;EAAC;EAAkB;EAAgB;CAAgB;CAC/D,UAAU,CAAC,iBAAiB,aAAa;CACzC,gBAAgB,CAAC,kBAAkB,aAAa;CAChD,YAAY,CAAC,kBAAkB,iBAAiB;CAChD,aAAa,CAAC,aAAa,iBAAiB;CAC5C,WAAW;EAAC;EAAW;EAAgB;EAAkB;EAAuB;EAAiB;CAAoB;CACrH,cAAc,CAAC,cAAc,kBAAkB;CAC/C,aAAa,CAAC,oBAAoB,kBAAkB;AACtD"}

package/dist/cn.js

@@ -1,177 +1,21 @@
+import { durationSteps, twScales, utilityFamilies, zSteps } from "./cn.generated.js";
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 //#region src/cn.ts
-const { color, duration, ...themeScales } = {
-	animate: [
-		"tf-arrive",
-		"tf-blend-in",
-		"tf-in",
-		"tf-out",
-		"tf-chip-in",
-		"tf-chip-out",
-		"tf-rewind",
-		"tf-lift",
-		"tf-lift-rewind",
-		"tf-expand",
-		"tf-collapse",
-		"tf-depart",
-		"tf-shake",
-		"tf-pop",
-		"tf-nudge",
-		"tf-fade-in",
-		"tf-fade-out",
-		"tf-fade-rewind",
-		"tf-page",
-		"tf-page-again",
-		"tf-rise",
-		"tf-draw"
-	],
-	blur: [
-		"tf-panel",
-		"tf-glass",
-		"tf-scrim",
-		"tf-cloud-md",
-		"tf-cloud-tight",
-		"tf-cloud-wide"
-	],
-	color: [
-		"tf-accent",
-		"tf-accent-hi",
-		"tf-accent-deep",
-		"tf-accent-surface",
-		"tf-accent-tint",
-		"tf-accent-edge",
-		"tf-on-accent",
-		"tf-bg",
-		"tf-surface",
-		"tf-surface-hi",
-		"tf-surface-quiet",
-		"tf-sunken",
-		"tf-sunken-hi",
-		"tf-sunken-quiet",
-		"tf-control",
-		"tf-control-hi",
-		"tf-panel",
-		"tf-panel-2",
-		"tf-panel-hi",
-		"tf-glass",
-		"tf-shade-under",
-		"tf-shade-deep",
-		"tf-scrim",
-		"tf-line",
-		"tf-line-2",
-		"tf-line-hi",
-		"tf-rule",
-		"tf-fg",
-		"tf-fg-held",
-		"tf-muted",
-		"tf-success",
-		"tf-success-hi",
-		"tf-warning",
-		"tf-warning-hi",
-		"tf-info",
-		"tf-info-hi",
-		"tf-danger",
-		"tf-danger-hi",
-		"tf-danger-wash",
-		"tf-success-tint",
-		"tf-success-edge",
-		"tf-warning-tint",
-		"tf-warning-edge",
-		"tf-info-tint",
-		"tf-info-edge",
-		"tf-danger-tint",
-		"tf-danger-edge",
-		"tf-on-semantic"
-	],
-	container: [
-		"tf-panel",
-		"tf-placard",
-		"tf-measure",
-		"tf-page",
-		"tf-canvas"
-	],
-	duration: [
-		"tf-1",
-		"tf-2",
-		"tf-3",
-		"tf-4"
-	],
-	ease: [
-		"tf",
-		"tf-spring",
-		"tf-glide",
-		"tf-settle"
-	],
-	font: ["tf-display", "tf-body"],
-	radius: [
-		"tf-none",
-		"tf-inline",
-		"tf-control",
-		"tf-block",
-		"tf-card",
-		"tf-pill"
-	],
-	shadow: ["tf-float", "tf-mark"],
-	spacing: [
-		"tf-hairline",
-		"tf-control-2xs",
-		"tf-control-xs",
-		"tf-control-sm",
-		"tf-control-md",
-		"tf-control-lg",
-		"tf-row",
-		"tf-chip-sm",
-		"tf-target",
-		"tf-menu",
-		"tf-sidebar",
-		"tf-rail",
-		"tf-icon-2xs",
-		"tf-icon-xs",
-		"tf-icon-sm",
-		"tf-icon-md",
-		"tf-icon-lg",
-		"tf-icon-solo-xs",
-		"tf-icon-solo-sm",
-		"tf-icon-solo-md",
-		"tf-icon-solo-lg",
-		"tf-mark-glyph",
-		"tf-mark-dot",
-		"tf-mark-track",
-		"tf-mark-inset"
-	],
-	text: [
-		"tf-numeral",
-		"tf-display",
-		"tf-h1",
-		"tf-h2",
-		"tf-h3",
-		"tf-h4",
-		"tf-figure",
-		"tf-unit",
-		"tf-lead",
-		"tf-body",
-		"tf-body-sm",
-		"tf-caption",
-		"tf-caption-sm"
-	],
-	tracking: ["tf-tight", "tf-eyebrow"]
-};
+const { color, ...themeScales } = twScales;
+const zGroup = "z";
 const twMerge = extendTailwindMerge({ extend: {
 	classGroups: {
-		"bg-image": [{ bg: ["tf-blend"] }],
-		"blend-base": [{ blend: color ?? [] }],
-		"cloud-blur": [
-			"tf-cloud-md",
-			"tf-cloud-tight",
-			"tf-cloud-wide"
-		],
-		duration: [{ duration: duration ?? [] }],
-		"text-color": [{ text: ["tf-blend"] }]
+		...utilityFamilies,
+		"bg-image": [{ bg: ["tf-blend", "tf-blend-rise"] }],
+		"blend-base": [{ blend: color }],
+		duration: [{ duration: durationSteps }],
+		"text-color": [{ text: ["tf-blend"] }],
+		[zGroup]: [{ [zGroup]: zSteps }]
 	},
 	theme: {
 		...themeScales,
-		color: color ?? []
+		color
 	}
 } });
 const cn = (...inputs) => twMerge(clsx(inputs));

package/dist/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cn.js","names":[],"sources":["../src/cn.ts"],"sourcesContent":["import type { ClassValue } from 'clsx'\nimport { clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twScales: Record<string, string[]> = {\n  animate: [\n    'tf-arrive',\n    'tf-blend-in',\n    'tf-in',\n    'tf-out',\n    'tf-chip-in',\n    'tf-chip-out',\n    'tf-rewind',\n    'tf-lift',\n    'tf-lift-rewind',\n    'tf-expand',\n    'tf-collapse',\n    'tf-depart',\n    'tf-shake',\n    'tf-pop',\n    'tf-nudge',\n    'tf-fade-in',\n    'tf-fade-out',\n    'tf-fade-rewind',\n    'tf-page',\n    'tf-page-again',\n    'tf-rise',\n    'tf-draw',\n  ],\n  blur: ['tf-panel', 'tf-glass', 'tf-scrim', 'tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n  color: [\n    'tf-accent',\n    'tf-accent-hi',\n    'tf-accent-deep',\n    'tf-accent-surface',\n    'tf-accent-tint',\n    'tf-accent-edge',\n    'tf-on-accent',\n    'tf-bg',\n    'tf-surface',\n    'tf-surface-hi',\n    'tf-surface-quiet',\n    'tf-sunken',\n    'tf-sunken-hi',\n    'tf-sunken-quiet',\n    'tf-control',\n    'tf-control-hi',\n    'tf-panel',\n    'tf-panel-2',\n    'tf-panel-hi',\n    'tf-glass',\n    'tf-shade-under',\n    'tf-shade-deep',\n    'tf-scrim',\n    'tf-line',\n    'tf-line-2',\n    'tf-line-hi',\n    'tf-rule',\n    'tf-fg',\n    'tf-fg-held',\n    'tf-muted',\n    'tf-success',\n    'tf-success-hi',\n    'tf-warning',\n    'tf-warning-hi',\n    'tf-info',\n    'tf-info-hi',\n    'tf-danger',\n    'tf-danger-hi',\n    'tf-danger-wash',\n    'tf-success-tint',\n    'tf-success-edge',\n    'tf-warning-tint',\n    'tf-warning-edge',\n    'tf-info-tint',\n    'tf-info-edge',\n    'tf-danger-tint',\n    'tf-danger-edge',\n    'tf-on-semantic',\n  ],\n  container: ['tf-panel', 'tf-placard', 'tf-measure', 'tf-page', 'tf-canvas'],\n  duration: ['tf-1', 'tf-2', 'tf-3', 'tf-4'],\n  ease: ['tf', 'tf-spring', 'tf-glide', 'tf-settle'],\n  font: ['tf-display', 'tf-body'],\n  radius: ['tf-none', 'tf-inline', 'tf-control', 'tf-block', 'tf-card', 'tf-pill'],\n  shadow: ['tf-float', 'tf-mark'],\n  spacing: [\n    'tf-hairline',\n    'tf-control-2xs',\n    'tf-control-xs',\n    'tf-control-sm',\n    'tf-control-md',\n    'tf-control-lg',\n    'tf-row',\n    'tf-chip-sm',\n    'tf-target',\n    'tf-menu',\n    'tf-sidebar',\n    'tf-rail',\n    'tf-icon-2xs',\n    'tf-icon-xs',\n    'tf-icon-sm',\n    'tf-icon-md',\n    'tf-icon-lg',\n    'tf-icon-solo-xs',\n    'tf-icon-solo-sm',\n    'tf-icon-solo-md',\n    'tf-icon-solo-lg',\n    'tf-mark-glyph',\n    'tf-mark-dot',\n    'tf-mark-track',\n    'tf-mark-inset',\n  ],\n  text: [\n    'tf-numeral',\n    'tf-display',\n    'tf-h1',\n    'tf-h2',\n    'tf-h3',\n    'tf-h4',\n    'tf-figure',\n    'tf-unit',\n    'tf-lead',\n    'tf-body',\n    'tf-body-sm',\n    'tf-caption',\n    'tf-caption-sm',\n  ],\n  tracking: ['tf-tight', 'tf-eyebrow'],\n}\n\nconst { color, duration, ...themeScales } = twScales\n\nconst twMerge = extendTailwindMerge<'blend-base' | 'cloud-blur'>({\n  extend: {\n    classGroups: {\n      'bg-image': [{ bg: ['tf-blend'] }],\n      'blend-base': [{ blend: color ?? [] }],\n      'cloud-blur': ['tf-cloud-md', 'tf-cloud-tight', 'tf-cloud-wide'],\n      duration: [{ duration: duration ?? [] }],\n      'text-color': [{ text: ['tf-blend'] }],\n    },\n    theme: { ...themeScales, color: color ?? [] },\n  },\n})\n\nconst cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))\n\nexport { cn }\n"],"mappings":";;;AAmIA,MAAM,EAAE,OAAO,UAAU,GAAG,gBAAgB;CA9H1C,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EAAC;EAAY;EAAY;EAAY;EAAe;EAAkB;CAAe;CAC3F,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,WAAW;EAAC;EAAY;EAAc;EAAc;EAAW;CAAW;CAC1E,UAAU;EAAC;EAAQ;EAAQ;EAAQ;CAAM;CACzC,MAAM;EAAC;EAAM;EAAa;EAAY;CAAW;CACjD,MAAM,CAAC,cAAc,SAAS;CAC9B,QAAQ;EAAC;EAAW;EAAa;EAAc;EAAY;EAAW;CAAS;CAC/E,QAAQ,CAAC,YAAY,SAAS;CAC9B,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,CAAC,YAAY,YAAY;AAGc;AAEnD,MAAM,UAAU,oBAAiD,EAC/D,QAAQ;CACN,aAAa;EACX,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;EACjC,cAAc,CAAC,EAAE,OAAO,SAAS,CAAC,EAAE,CAAC;EACrC,cAAc;GAAC;GAAe;GAAkB;EAAe;EAC/D,UAAU,CAAC,EAAE,UAAU,YAAY,CAAC,EAAE,CAAC;EACvC,cAAc,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;CACvC;CACA,OAAO;EAAE,GAAG;EAAa,OAAO,SAAS,CAAC;CAAE;AAC9C,EACF,CAAC;AAED,MAAM,MAAM,GAAG,WAAiC,QAAQ,KAAK,MAAM,CAAC"}
+{"version":3,"file":"cn.js","names":[],"sources":["../src/cn.ts"],"sourcesContent":["import type { ClassValue } from 'clsx'\nimport { clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nimport { durationSteps, twScales, utilityFamilies, zSteps } from './cn.generated'\n\nconst { color, ...themeScales } = twScales\nconst zGroup = 'z'\n\nconst twMerge = extendTailwindMerge<string>({\n  extend: {\n    classGroups: {\n      ...utilityFamilies,\n      'bg-image': [{ bg: ['tf-blend', 'tf-blend-rise'] }],\n      'blend-base': [{ blend: color }],\n      duration: [{ duration: durationSteps }],\n      'text-color': [{ text: ['tf-blend'] }],\n      [zGroup]: [{ [zGroup]: zSteps }],\n    },\n    theme: { ...themeScales, color },\n  },\n})\n\nconst cn = (...inputs: ClassValue[]): string => twMerge(clsx(inputs))\n\nexport { cn }\n"],"mappings":";;;;AAMA,MAAM,EAAE,OAAO,GAAG,gBAAgB;AAClC,MAAM,SAAS;AAEf,MAAM,UAAU,oBAA4B,EAC1C,QAAQ;CACN,aAAa;EACX,GAAG;EACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,eAAe,EAAE,CAAC;EAClD,cAAc,CAAC,EAAE,OAAO,MAAM,CAAC;EAC/B,UAAU,CAAC,EAAE,UAAU,cAAc,CAAC;EACtC,cAAc,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;GACpC,SAAS,CAAC,GAAG,SAAS,OAAO,CAAC;CACjC;CACA,OAAO;EAAE,GAAG;EAAa;CAAM;AACjC,EACF,CAAC;AAED,MAAM,MAAM,GAAG,WAAiC,QAAQ,KAAK,MAAM,CAAC"}

package/dist/control.d.ts

@@ -1,7 +1,6 @@
 //#region src/control.d.ts
 type ControlSize = 'sm' | 'md' | 'lg';
 type ButtonSize = ControlSize | 'xs';
-declare const defaultControlSize = "lg";
 type FieldSize = 'lg' | 'md';
 declare const defaultFieldSize = "lg";
 declare const controlIcon: {
@@ -11,5 +10,5 @@ declare const controlIcon: {
   xs: string;
 };
 //#endregion
-export { type ButtonSize, type ControlSize, type FieldSize, controlIcon, defaultControlSize, defaultFieldSize };
+export { type ButtonSize, type ControlSize, type FieldSize, controlIcon, defaultFieldSize };
 //# sourceMappingURL=control.d.ts.map

package/dist/control.js

@@ -1,5 +1,4 @@
 //#region src/control.ts
-const defaultControlSize = "lg";
 const defaultFieldSize = "lg";
 const controlIcon = {
 	lg: "size-tf-icon-lg",
@@ -8,6 +7,6 @@ const controlIcon = {
 	xs: "size-tf-icon-xs"
 };
 //#endregion
-export { controlIcon, defaultControlSize, defaultFieldSize };
+export { controlIcon, defaultFieldSize };
 
 //# sourceMappingURL=control.js.map

package/dist/control.js.map

@@ -1 +1 @@
-{"version":3,"file":"control.js","names":[],"sources":["../src/control.ts"],"sourcesContent":["type ControlSize = 'sm' | 'md' | 'lg'\n\ntype ButtonSize = ControlSize | 'xs'\n\nconst defaultControlSize = 'lg' satisfies ControlSize\n\ntype FieldSize = 'lg' | 'md'\n\nconst defaultFieldSize = 'lg' satisfies FieldSize\n\nconst controlIcon = {\n  lg: 'size-tf-icon-lg',\n  md: 'size-tf-icon-md',\n  sm: 'size-tf-icon-sm',\n  xs: 'size-tf-icon-xs',\n} satisfies Record<ButtonSize, string>\n\nexport {\n  type ButtonSize,\n  type ControlSize,\n  type FieldSize,\n  controlIcon,\n  defaultControlSize,\n  defaultFieldSize,\n}\n"],"mappings":";AAIA,MAAM,qBAAqB;AAI3B,MAAM,mBAAmB;AAEzB,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}
+{"version":3,"file":"control.js","names":[],"sources":["../src/control.ts"],"sourcesContent":["type ControlSize = 'sm' | 'md' | 'lg'\n\ntype ButtonSize = ControlSize | 'xs'\n\ntype FieldSize = 'lg' | 'md'\n\nconst defaultFieldSize = 'lg' satisfies FieldSize\n\nconst controlIcon = {\n  lg: 'size-tf-icon-lg',\n  md: 'size-tf-icon-md',\n  sm: 'size-tf-icon-sm',\n  xs: 'size-tf-icon-xs',\n} satisfies Record<ButtonSize, string>\n\nexport { type ButtonSize, type ControlSize, type FieldSize, controlIcon, defaultFieldSize }\n"],"mappings":";AAMA,MAAM,mBAAmB;AAEzB,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN"}