@skeletonlabs/skeleton-common 1.0.0-next.9 → 4.0.0-next.23

package/README.md

@@ -0,0 +1,11 @@
+# Skeleton Common
+
+## Installation
+
+```bash
+pnpm add @skeletonlabs/skeleton-common
+```
+
+## Documentation
+
+Explore the full documentation at [skeleton.dev](https://skeleton.dev/).

package/dist/classes/accordion.d.ts

@@ -2,7 +2,6 @@
 declare const classesAccordion: {
   root: string;
   content: string;
-  heading: string;
   trigger: string;
   item: string;
   indicator: string;

package/dist/classes/accordion.js

@@ -1,10 +1,9 @@
 //#region src/classes/accordion.ts
 const classesAccordion = {
-	"root": "skb:w-full skb:grid skb:gap-2",
+	"root": "skb:flex skb:gap-2 skb:w-full skb:data-[orientation=vertical]:flex-col skb:data-[orientation=horizontal]:flex-row",
 	"content": "skb:py-2 skb:px-4",
-	"heading": "",
-	"trigger": "skb:w-full skb:grid skb:items-center skb:gap-4 skb:py-2 skb:px-4 skb:rounded-base skb:text-left skb:hover:preset-tonal-primary",
-	"item": "skb:grid skb:gap-2",
+	"trigger": "skb:px-4 skb:py-2 skb:rounded-base skb:w-full skb:text-start skb:hover:preset-tonal-primary",
+	"item": "skb:flex skb:gap-2 skb:data-[orientation=vertical]:flex-col skb:data-[orientation=horizontal]:flex-row",
 	"indicator": ""
 };
 

package/dist/classes/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../src/classes/accordion.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesAccordion = defineSkeletonClasses({\n\troot: 'w-full grid gap-2',\n\tcontent: 'py-2 px-4',\n\theading: '',\n\ttrigger: 'w-full grid items-center gap-4 py-2 px-4 rounded-base text-left hover:preset-tonal-primary',\n\titem: 'grid gap-2',\n\tindicator: '',\n});\n"],"mappings":";AAEA,MAAa,mBAAmB;CAAA,QAAA;CAAA,WAAA;CAAA,WAAA;CAAA,WAAA;CAAA,QAAA;CAAA,aAAA;CAO9B"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../src/classes/accordion.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesAccordion = defineSkeletonClasses({\n\troot: ['flex gap-2 w-full', 'data-[orientation=vertical]:flex-col data-[orientation=horizontal]:flex-row'],\n\tcontent: 'py-2 px-4',\n\ttrigger: 'px-4 py-2 rounded-base w-full text-start hover:preset-tonal-primary',\n\titem: ['flex gap-2', 'data-[orientation=vertical]:flex-col data-[orientation=horizontal]:flex-row'],\n\tindicator: '',\n});\n"],"mappings":";AAEA,MAAa,mBAAmB;CAAA,QAAA;CAAA,WAAA;CAAA,WAAA;CAAA,QAAA;CAAA,aAAA;CAM9B"}

package/dist/classes/combobox.d.ts

@@ -0,0 +1,18 @@
+//#region src/classes/combobox.d.ts
+declare const classesCombobox: {
+  root: string;
+  label: string;
+  control: string;
+  input: string;
+  trigger: string;
+  positioner: string;
+  content: string;
+  itemGroup: string;
+  itemGroupLabel: string;
+  item: string;
+  itemText: string;
+  itemIndicator: string;
+};
+//#endregion
+export { classesCombobox };
+//# sourceMappingURL=combobox.d.ts.map

package/dist/classes/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","names":[],"sources":["../../src/classes/combobox.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}

package/dist/classes/combobox.js

@@ -0,0 +1,19 @@
+//#region src/classes/combobox.ts
+const classesCombobox = {
+	"root": "skb:flex skb:flex-col skb:gap-2",
+	"label": "skb:label-text",
+	"control": "skb:relative",
+	"input": "skb:input",
+	"trigger": "skb:btn-icon skb:btn-icon-sm skb:preset-tonal skb:absolute skb:end-1.5 skb:top-1/2 skb:-translate-y-1/2",
+	"positioner": "",
+	"content": "skb:card skb:bg-surface-50-950 skb:border skb:border-surface-200-800 skb:p-2 skb:flex skb:flex-col skb:gap-2",
+	"itemGroup": "",
+	"itemGroupLabel": "skb:text-surface-600-400 skb:text-xs skb:px-2 skb:py-1",
+	"item": "skb:flex skb:justify-between skb:items-center skb:px-2 skb:py-1 skb:rounded skb:cursor-pointer skb:data-highlighted:outline-2 skb:data-highlighted:outline-offset-1 skb:data-highlighted:outline-surface-950-50 skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50",
+	"itemText": "",
+	"itemIndicator": ""
+};
+
+//#endregion
+export { classesCombobox };
+//# sourceMappingURL=combobox.js.map

package/dist/classes/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","names":[],"sources":["../../src/classes/combobox.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesCombobox = defineSkeletonClasses({\n\troot: 'flex flex-col gap-2',\n\tlabel: 'label-text',\n\tcontrol: 'relative',\n\tinput: 'input',\n\ttrigger: 'btn-icon btn-icon-sm preset-tonal absolute end-1.5 top-1/2 -translate-y-1/2',\n\tpositioner: '',\n\tcontent: 'card bg-surface-50-950 border border-surface-200-800 p-2 flex flex-col gap-2',\n\titemGroup: '',\n\titemGroupLabel: 'text-surface-600-400 text-xs px-2 py-1',\n\titem: [\n\t\t'flex justify-between items-center px-2 py-1 rounded cursor-pointer',\n\t\t'data-highlighted:outline-2 data-highlighted:outline-offset-1 data-highlighted:outline-surface-950-50',\n\t\t'data-disabled:pointer-events-none data-disabled:opacity-50',\n\t],\n\titemText: '',\n\titemIndicator: '',\n});\n"],"mappings":";AAEA,MAAa,kBAAkB;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,SAAA;CAAA,WAAA;CAAA,cAAA;CAAA,WAAA;CAAA,aAAA;CAAA,kBAAA;CAAA,QAAA;CAAA,YAAA;CAAA,iBAAA;CAiB7B"}

package/dist/classes/date-picker.d.ts

@@ -0,0 +1,30 @@
+//#region src/classes/date-picker.d.ts
+declare const classesDatePicker: {
+  root: string;
+  label: string;
+  control: string;
+  input: string;
+  trigger: string;
+  clearTrigger: string;
+  presetTrigger: string;
+  positioner: string;
+  content: string;
+  yearSelect: string;
+  monthSelect: string;
+  view: string;
+  viewControl: string;
+  prevTrigger: string;
+  viewTrigger: string;
+  rangeText: string;
+  nextTrigger: string;
+  table: string;
+  tableHead: string;
+  tableRow: string;
+  tableHeader: string;
+  tableBody: string;
+  tableCell: string;
+  tableCellTrigger: string;
+};
+//#endregion
+export { classesDatePicker };
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/classes/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","names":[],"sources":["../../src/classes/date-picker.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}

package/dist/classes/date-picker.js

@@ -0,0 +1,31 @@
+//#region src/classes/date-picker.ts
+const classesDatePicker = {
+	"root": "skb:flex skb:flex-col skb:gap-2",
+	"label": "skb:label-text",
+	"control": "skb:relative skb:flex skb:flex-col skb:gap-2",
+	"input": "skb:input",
+	"trigger": "skb:btn-icon skb:btn-icon-sm skb:preset-tonal skb:absolute skb:end-1.5 skb:top-[calc(var(--spacing)*1.25)]",
+	"clearTrigger": "",
+	"presetTrigger": "",
+	"positioner": "",
+	"content": "skb:card skb:bg-surface-50-950 skb:border skb:border-surface-200-800 skb:p-2 skb:flex skb:flex-col skb:gap-2",
+	"yearSelect": "skb:select",
+	"monthSelect": "skb:select",
+	"view": "skb:flex skb:flex-col skb:gap-2",
+	"viewControl": "skb:flex skb:gap-2 skb:justify-between",
+	"prevTrigger": "skb:btn-icon skb:hover:preset-tonal",
+	"viewTrigger": "skb:btn skb:hover:preset-tonal",
+	"rangeText": "",
+	"nextTrigger": "skb:btn-icon skb:hover:preset-tonal",
+	"table": "skb:border-separate skb:border-spacing-2",
+	"tableHead": "",
+	"tableRow": "",
+	"tableHeader": "skb:size-10",
+	"tableBody": "",
+	"tableCell": "skb:size-10",
+	"tableCellTrigger": "skb:size-full skb:btn skb:p-0 skb:hover:preset-tonal skb:cursor-pointer skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50 skb:data-selected:preset-filled skb:data-in-range:preset-filled skb:data-today:underline skb:data-today:underline-offset-4 skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50"
+};
+
+//#endregion
+export { classesDatePicker };
+//# sourceMappingURL=date-picker.js.map

package/dist/classes/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":[],"sources":["../../src/classes/date-picker.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesDatePicker = defineSkeletonClasses({\n\troot: 'flex flex-col gap-2',\n\tlabel: 'label-text',\n\tcontrol: 'relative flex flex-col gap-2',\n\tinput: 'input',\n\ttrigger: 'btn-icon btn-icon-sm preset-tonal absolute end-1.5 top-[calc(var(--spacing)*1.25)]',\n\tclearTrigger: '',\n\tpresetTrigger: '',\n\tpositioner: '',\n\tcontent: 'card bg-surface-50-950 border border-surface-200-800 p-2 flex flex-col gap-2',\n\tyearSelect: 'select',\n\tmonthSelect: 'select',\n\tview: 'flex flex-col gap-2',\n\tviewControl: 'flex gap-2 justify-between',\n\tprevTrigger: 'btn-icon hover:preset-tonal',\n\tviewTrigger: 'btn hover:preset-tonal',\n\trangeText: '',\n\tnextTrigger: 'btn-icon hover:preset-tonal',\n\ttable: 'border-separate border-spacing-2',\n\ttableHead: '',\n\ttableRow: '',\n\ttableHeader: 'size-10',\n\ttableBody: '',\n\ttableCell: 'size-10',\n\ttableCellTrigger: [\n\t\t'size-full btn p-0 hover:preset-tonal cursor-pointer',\n\t\t'data-focus-visible:outline-2 data-focus-visible:outline-offset-1 data-focus-visible:outline-surface-950-50',\n\t\t'data-selected:preset-filled',\n\t\t'data-in-range:preset-filled',\n\t\t'data-today:underline data-today:underline-offset-4',\n\t\t'data-disabled:pointer-events-none data-disabled:opacity-50',\n\t],\n});\n"],"mappings":";AAEA,MAAa,oBAAoB;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,SAAA;CAAA,WAAA;CAAA,gBAAA;CAAA,iBAAA;CAAA,cAAA;CAAA,WAAA;CAAA,cAAA;CAAA,eAAA;CAAA,QAAA;CAAA,eAAA;CAAA,eAAA;CAAA,eAAA;CAAA,aAAA;CAAA,eAAA;CAAA,SAAA;CAAA,aAAA;CAAA,YAAA;CAAA,eAAA;CAAA,aAAA;CAAA,aAAA;CAAA,oBAAA;CAgC/B"}

package/dist/classes/file-upload.d.ts

@@ -1,6 +1,7 @@
 //#region src/classes/file-upload.d.ts
 declare const classesFileUpload: {
   root: string;
+  label: string;
   dropzone: string;
   hiddenInput: string;
   trigger: string;

package/dist/classes/file-upload.js

@@ -1,11 +1,12 @@
 //#region src/classes/file-upload.ts
 const classesFileUpload = {
-	"root": "skb:space-y-1 skb:data-disabled:disabled",
+	"root": "skb:flex skb:flex-col skb:gap-2 skb:w-full skb:data-disabled:disabled",
+	"label": "skb:label-text",
 	"dropzone": "skb:card skb:px-4 skb:py-10 skb:border skb:border-dashed skb:border-surface-200-800 skb:flex skb:flex-col skb:justify-center skb:items-center skb:gap-2 skb:data-dragging:preset-tonal",
 	"hiddenInput": "",
 	"trigger": "skb:btn skb:preset-filled",
 	"itemGroup": "skb:flex skb:flex-col skb:gap-2",
-	"item": "skb:grid skb:grid-cols-[auto_1fr_auto] skb:rtl:grid-cols-[1fr_auto_auto] skb:gap-4 skb:items-center skb:preset-tonal skb:px-4 skb:py-2 skb:rounded",
+	"item": "skb:grid skb:grid-cols-[auto_1fr_auto] skb:gap-4 skb:items-center skb:preset-tonal skb:px-4 skb:py-2 skb:rounded",
 	"itemName": "skb:text-sm",
 	"itemSizeText": "skb:text-xs skb:opacity-60",
 	"itemDeleteTrigger": "skb:btn-icon"

package/dist/classes/file-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.js","names":[],"sources":["../../src/classes/file-upload.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesFileUpload = defineSkeletonClasses({\n\troot: ['space-y-1 data-disabled:disabled'],\n\tdropzone: [\n\t\t'card px-4 py-10 border border-dashed border-surface-200-800 flex flex-col justify-center items-center gap-2 data-dragging:preset-tonal',\n\t],\n\thiddenInput: '',\n\ttrigger: 'btn preset-filled',\n\titemGroup: 'flex flex-col gap-2',\n\titem: 'grid grid-cols-[auto_1fr_auto] rtl:grid-cols-[1fr_auto_auto] gap-4 items-center preset-tonal px-4 py-2 rounded',\n\titemName: 'text-sm',\n\titemSizeText: 'text-xs opacity-60',\n\titemDeleteTrigger: 'btn-icon',\n});\n"],"mappings":";AAEA,MAAa,oBAAoB;CAAA,QAAA;CAAA,YAAA;CAAA,eAAA;CAAA,WAAA;CAAA,aAAA;CAAA,QAAA;CAAA,YAAA;CAAA,gBAAA;CAAA,qBAAA;CAY/B"}
+{"version":3,"file":"file-upload.js","names":[],"sources":["../../src/classes/file-upload.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesFileUpload = defineSkeletonClasses({\n\troot: 'flex flex-col gap-2 w-full data-disabled:disabled',\n\tlabel: 'label-text',\n\tdropzone: [\n\t\t'card px-4 py-10 border border-dashed border-surface-200-800 flex flex-col justify-center items-center gap-2 data-dragging:preset-tonal',\n\t],\n\thiddenInput: '',\n\ttrigger: 'btn preset-filled',\n\titemGroup: 'flex flex-col gap-2',\n\titem: 'grid grid-cols-[auto_1fr_auto] gap-4 items-center preset-tonal px-4 py-2 rounded',\n\titemName: 'text-sm',\n\titemSizeText: 'text-xs opacity-60',\n\titemDeleteTrigger: 'btn-icon',\n});\n"],"mappings":";AAEA,MAAa,oBAAoB;CAAA,QAAA;CAAA,SAAA;CAAA,YAAA;CAAA,eAAA;CAAA,WAAA;CAAA,aAAA;CAAA,QAAA;CAAA,YAAA;CAAA,gBAAA;CAAA,qBAAA;CAa/B"}

package/dist/classes/navigation.d.ts

@@ -0,0 +1,13 @@
+//#region src/classes/navigation.d.ts
+declare const classesNavigation: {
+  root: string;
+  header: string;
+  content: string;
+  group: string;
+  label: string;
+  menu: string;
+  footer: string;
+};
+//#endregion
+export { classesNavigation };
+//# sourceMappingURL=navigation.d.ts.map

package/dist/classes/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","names":[],"sources":["../../src/classes/navigation.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}

package/dist/classes/navigation.js

@@ -0,0 +1,14 @@
+//#region src/classes/navigation.ts
+const classesNavigation = {
+	"root": "skb:bg-surface-100-900 skb:overflow-x-hidden skb:transition-[width] skb:duration-200 skb:data-[layout=bar]:w-full skb:data-[layout=bar]:p-2 skb:data-[layout=rail]:w-[100px] skb:data-[layout=rail]:h-full skb:data-[layout=rail]:overflow-y-hidden skb:data-[layout=rail]:p-2 skb:data-[layout=rail]:flex skb:data-[layout=rail]:flex-col skb:data-[layout=rail]:gap-4 skb:data-[layout=sidebar]:w-[280px] skb:data-[layout=sidebar]:h-full skb:data-[layout=sidebar]:overflow-y-auto skb:data-[layout=sidebar]:p-4",
+	"header": "",
+	"content": "skb:data-[layout=rail]:contents skb:data-[layout=sidebar]:space-y-4",
+	"group": "skb:data-[layout=rail]:contents skb:data-[layout=sidebar]:flex skb:flex-col skb:gap-2",
+	"label": "skb:text-xs skb:text-surface-700-300",
+	"menu": "skb:flex-1 skb:flex skb:gap-2 skb:data-[layout=bar]:items-stretch skb:data-[layout=rail]:flex-col skb:data-[layout=rail]:justify-center skb:data-[layout=sidebar]:flex-col skb:data-[layout=sidebar]:items-stretch",
+	"footer": ""
+};
+
+//#endregion
+export { classesNavigation };
+//# sourceMappingURL=navigation.js.map

package/dist/classes/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","names":[],"sources":["../../src/classes/navigation.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesNavigation = defineSkeletonClasses({\n\troot: [\n\t\t'bg-surface-100-900 overflow-x-hidden transition-[width] duration-200',\n\t\t// Bar\n\t\t'data-[layout=bar]:w-full data-[layout=bar]:p-2',\n\t\t// Rail\n\t\t'data-[layout=rail]:w-[100px] data-[layout=rail]:h-full data-[layout=rail]:overflow-y-hidden data-[layout=rail]:p-2 data-[layout=rail]:flex data-[layout=rail]:flex-col data-[layout=rail]:gap-4',\n\t\t// Sidebar\n\t\t'data-[layout=sidebar]:w-[280px] data-[layout=sidebar]:h-full data-[layout=sidebar]:overflow-y-auto data-[layout=sidebar]:p-4',\n\t],\n\theader: '',\n\tcontent: [\n\t\t// Rail\n\t\t'data-[layout=rail]:contents',\n\t\t// Sidebar\n\t\t'data-[layout=sidebar]:space-y-4',\n\t],\n\tgroup: [\n\t\t// Rail\n\t\t'data-[layout=rail]:contents',\n\t\t// Sidebar\n\t\t'data-[layout=sidebar]:flex flex-col gap-2',\n\t],\n\tlabel: 'text-xs text-surface-700-300',\n\tmenu: [\n\t\t'flex-1 flex gap-2',\n\t\t// Bar\n\t\t'data-[layout=bar]:items-stretch',\n\t\t// Rail\n\t\t'data-[layout=rail]:flex-col data-[layout=rail]:justify-center',\n\t\t// Sidebar\n\t\t'data-[layout=sidebar]:flex-col data-[layout=sidebar]:items-stretch',\n\t],\n\tfooter: '',\n});\n"],"mappings":";AAEA,MAAa,oBAAoB;CAAA,QAAA;CAAA,UAAA;CAAA,WAAA;CAAA,SAAA;CAAA,SAAA;CAAA,QAAA;CAAA,UAAA;CAkC/B"}

package/dist/classes/pagination.d.ts

@@ -0,0 +1,11 @@
+//#region src/classes/pagination.d.ts
+declare const classesPagination: {
+  root: string;
+  prevTrigger: string;
+  item: string;
+  ellipsis: string;
+  nextTrigger: string;
+};
+//#endregion
+export { classesPagination };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/classes/pagination.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}

package/dist/classes/pagination.js

@@ -0,0 +1,12 @@
+//#region src/classes/pagination.ts
+const classesPagination = {
+	"root": "skb:inline-flex skb:gap-2 skb:p-2 skb:rounded-container skb:preset-outlined-surface-200-800 skb:w-fit",
+	"prevTrigger": "skb:btn skb:preset-tonal",
+	"item": "skb:btn skb:preset-tonal skb:cursor-pointer skb:select-none skb:data-selected:preset-filled",
+	"ellipsis": "skb:btn skb:preset-tonal skb:pointer-events-none",
+	"nextTrigger": "skb:btn skb:preset-tonal"
+};
+
+//#endregion
+export { classesPagination };
+//# sourceMappingURL=pagination.js.map

package/dist/classes/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/classes/pagination.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesPagination = defineSkeletonClasses({\n\troot: 'inline-flex gap-2 p-2 rounded-container preset-outlined-surface-200-800 w-fit',\n\tprevTrigger: 'btn preset-tonal',\n\titem: ['btn preset-tonal cursor-pointer select-none', 'data-selected:preset-filled'],\n\tellipsis: 'btn preset-tonal pointer-events-none',\n\tnextTrigger: 'btn preset-tonal',\n});\n"],"mappings":";AAEA,MAAa,oBAAoB;CAAA,QAAA;CAAA,eAAA;CAAA,QAAA;CAAA,YAAA;CAAA,eAAA;CAM/B"}

package/dist/classes/progress.d.ts

@@ -0,0 +1,14 @@
+//#region src/classes/progress.d.ts
+declare const classesProgress: {
+  root: string;
+  label: string;
+  valueText: string;
+  track: string;
+  range: string;
+  circle: string;
+  circleTrack: string;
+  circleRange: string;
+};
+//#endregion
+export { classesProgress };
+//# sourceMappingURL=progress.d.ts.map

package/dist/classes/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/classes/progress.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}

package/dist/classes/progress.js

@@ -0,0 +1,15 @@
+//#region src/classes/progress.ts
+const classesProgress = {
+	"root": "skb:flex skb:flex-col skb:gap-2 skb:data-[orientation=horizontal]:w-full skb:data-[orientation=vertical]:items-center",
+	"label": "skb:whitespace-nowrap",
+	"valueText": "",
+	"track": "skb:bg-surface-200-800 skb:rounded-base skb:overflow-hidden skb:data-[orientation=horizontal]:w-full skb:data-[orientation=horizontal]:h-2 skb:data-[orientation=vertical]:w-2 skb:data-[orientation=vertical]:h-[100px]",
+	"range": "skb:h-full skb:bg-surface-950-50 skb:rounded-base skb:data-[orientation=horizontal]:transition-[width] skb:data-[orientation=horizontal]:data-[state=indeterminate]:animate-progress-linear-indeterminate-horizontal skb:data-[orientation=vertical]:transition-[height] skb:data-[orientation=vertical]:data-[state=indeterminate]:animate-progress-linear-indeterminate-vertical",
+	"circle": "",
+	"circleTrack": "skb:stroke-surface-200-800",
+	"circleRange": "skb:stroke-primary-500 skb:transition-[stroke-dashoffset] skb:ease-in-out skb:data-[state=indeterminate]:animate-progress-circular-indeterminate"
+};
+
+//#endregion
+export { classesProgress };
+//# sourceMappingURL=progress.js.map

package/dist/classes/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":[],"sources":["../../src/classes/progress.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesProgress = defineSkeletonClasses({\n\troot: [\n\t\t'flex flex-col gap-2',\n\t\t// Horizontal Orientation\n\t\t'data-[orientation=horizontal]:w-full',\n\t\t// Vertical Orientation\n\t\t'data-[orientation=vertical]:items-center',\n\t],\n\tlabel: 'whitespace-nowrap',\n\tvalueText: '',\n\n\t// Linear\n\ttrack: [\n\t\t'bg-surface-200-800 rounded-base overflow-hidden',\n\t\t// Horizontal Orientation\n\t\t'data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-2',\n\t\t// Vertical Orientation\n\t\t'data-[orientation=vertical]:w-2 data-[orientation=vertical]:h-[100px]',\n\t],\n\trange: [\n\t\t'h-full bg-surface-950-50 rounded-base',\n\t\t// Horizontal Orientation\n\t\t'data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:data-[state=indeterminate]:animate-progress-linear-indeterminate-horizontal',\n\t\t// Vertical Orientation\n\t\t'data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:data-[state=indeterminate]:animate-progress-linear-indeterminate-vertical',\n\t],\n\n\t// Circular\n\tcircle: '',\n\tcircleTrack: 'stroke-surface-200-800',\n\tcircleRange: [\n\t\t'stroke-primary-500 transition-[stroke-dashoffset] ease-in-out',\n\t\t'data-[state=indeterminate]:animate-progress-circular-indeterminate',\n\t],\n});\n"],"mappings":";AAEA,MAAa,kBAAkB;CAAA,QAAA;CAAA,SAAA;CAAA,aAAA;CAAA,SAAA;CAAA,SAAA;CAAA,UAAA;CAAA,eAAA;CAAA,eAAA;CAkC7B"}

package/dist/classes/rating-group.js

@@ -1,6 +1,6 @@
 //#region src/classes/rating-group.ts
 const classesRatingGroup = {
-	"root": "skb:flex skb:flex-col skb:gap-1",
+	"root": "skb:flex skb:flex-col skb:gap-2",
 	"label": "skb:label-text",
 	"control": "skb:flex skb:gap-2 skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50",
 	"item": "",

package/dist/classes/rating-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating-group.js","names":[],"sources":["../../src/classes/rating-group.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesRatingGroup = defineSkeletonClasses({\n\troot: 'flex flex-col gap-1',\n\tlabel: 'label-text',\n\tcontrol: 'flex gap-2 data-disabled:cursor-not-allowed data-disabled:opacity-50',\n\titem: '',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,qBAAqB;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,QAAA;CAAA,eAAA;CAMhC"}
+{"version":3,"file":"rating-group.js","names":[],"sources":["../../src/classes/rating-group.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesRatingGroup = defineSkeletonClasses({\n\troot: 'flex flex-col gap-2',\n\tlabel: 'label-text',\n\tcontrol: 'flex gap-2 data-disabled:cursor-not-allowed data-disabled:opacity-50',\n\titem: '',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,qBAAqB;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,QAAA;CAAA,eAAA;CAMhC"}

package/dist/classes/segmented-control.d.ts

@@ -1,6 +1,8 @@
 //#region src/classes/segmented-control.d.ts
 declare const classesSegmentedControl: {
   root: string;
+  label: string;
+  control: string;
   indicator: string;
   item: string;
   itemText: string;

package/dist/classes/segmented-control.js

@@ -1,8 +1,10 @@
 //#region src/classes/segmented-control.ts
 const classesSegmentedControl = {
-	"root": "skb:inline-flex skb:preset-outlined-surface-200-800 skb:p-2 skb:gap-2 skb:rounded skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=vertical]:flex-col",
+	"root": "skb:flex skb:flex-col skb:gap-2 group",
+	"label": "skb:label-text",
+	"control": "skb:inline-flex skb:preset-outlined-surface-200-800 skb:p-2 skb:gap-2 skb:rounded skb:group-data-[orientation=horizontal]:flex-row skb:group-data-[orientation=vertical]:flex-col",
 	"indicator": "skb:top-(--top) skb:left-(--left) skb:w-(--width) skb:h-(--height) skb:preset-filled skb:rounded skb:data-disabled:opacity-50",
-	"item": "skb:btn skb:cursor-pointer skb:z-10 skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50 skb:data-readonly:pointer-events-none skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50",
+	"item": "skb:btn skb:cursor-pointer skb:z-10 skb:flex-1 skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50 skb:data-readonly:pointer-events-none skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50",
 	"itemText": "skb:transition-colors skb:data-[state=checked]:text-surface-contrast-950 skb:data-[state=checked]:dark:text-surface-contrast-50",
 	"itemHiddenInput": ""
 };

package/dist/classes/segmented-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.js","names":[],"sources":["../../src/classes/segmented-control.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesSegmentedControl = defineSkeletonClasses({\n\troot: [\n\t\t'inline-flex preset-outlined-surface-200-800 p-2 gap-2 rounded',\n\t\t'data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n\t],\n\tindicator: 'top-(--top) left-(--left) w-(--width) h-(--height) preset-filled rounded data-disabled:opacity-50',\n\titem: [\n\t\t'btn cursor-pointer z-10',\n\t\t'data-focus-visible:outline-2 data-focus-visible:outline-offset-1 data-focus-visible:outline-surface-950-50',\n\t\t'data-readonly:pointer-events-none',\n\t\t'data-disabled:pointer-events-none data-disabled:opacity-50',\n\t],\n\titemText: ['transition-colors', 'data-[state=checked]:text-surface-contrast-950 data-[state=checked]:dark:text-surface-contrast-50 '],\n\titemHiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,0BAA0B;CAAA,QAAA;CAAA,aAAA;CAAA,QAAA;CAAA,YAAA;CAAA,mBAAA;CAcrC"}
+{"version":3,"file":"segmented-control.js","names":[],"sources":["../../src/classes/segmented-control.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesSegmentedControl = defineSkeletonClasses({\n\troot: 'flex flex-col gap-2 not-skb:group',\n\tlabel: 'label-text',\n\tcontrol: [\n\t\t'inline-flex preset-outlined-surface-200-800 p-2 gap-2 rounded',\n\t\t'group-data-[orientation=horizontal]:flex-row group-data-[orientation=vertical]:flex-col',\n\t],\n\tindicator: 'top-(--top) left-(--left) w-(--width) h-(--height) preset-filled rounded data-disabled:opacity-50',\n\titem: [\n\t\t'btn cursor-pointer z-10 flex-1',\n\t\t'data-focus-visible:outline-2 data-focus-visible:outline-offset-1 data-focus-visible:outline-surface-950-50',\n\t\t'data-readonly:pointer-events-none',\n\t\t'data-disabled:pointer-events-none data-disabled:opacity-50',\n\t],\n\titemText: ['transition-colors', 'data-[state=checked]:text-surface-contrast-950 data-[state=checked]:dark:text-surface-contrast-50'],\n\titemHiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,0BAA0B;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,aAAA;CAAA,QAAA;CAAA,YAAA;CAAA,mBAAA;CAgBrC"}

package/dist/classes/slider.d.ts

@@ -0,0 +1,16 @@
+//#region src/classes/slider.d.ts
+declare const classesSlider: {
+  root: string;
+  label: string;
+  valueText: string;
+  control: string;
+  track: string;
+  range: string;
+  thumb: string;
+  hiddenInput: string;
+  markerGroup: string;
+  marker: string;
+};
+//#endregion
+export { classesSlider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/classes/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../src/classes/slider.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}

package/dist/classes/slider.js

@@ -0,0 +1,17 @@
+//#region src/classes/slider.ts
+const classesSlider = {
+	"root": "skb:flex skb:flex-col skb:gap-2 skb:w-full",
+	"label": "skb:label-text",
+	"valueText": "",
+	"control": "skb:flex skb:items-center skb:data-disabled:opacity-50",
+	"track": "skb:bg-surface-200-800 skb:rounded-base skb:h-2 skb:overflow-hidden skb:flex-1",
+	"range": "skb:bg-surface-950-50 skb:h-full",
+	"thumb": "skb:size-5 skb:bg-surface-50-950 skb:ring-inset skb:ring-2 skb:ring-surface-950-50 skb:rounded-full skb:focus-visible:outline-2 skb:focus-visible:outline-offset-1 skb:focus-visible:outline-surface-950-50",
+	"hiddenInput": "",
+	"markerGroup": "",
+	"marker": "skb:text-xs skb:text-surface-600-400"
+};
+
+//#endregion
+export { classesSlider };
+//# sourceMappingURL=slider.js.map

package/dist/classes/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../../src/classes/slider.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesSlider = defineSkeletonClasses({\n\troot: 'flex flex-col gap-2 w-full',\n\tlabel: 'label-text',\n\tvalueText: '',\n\tcontrol: ['flex items-center', 'data-disabled:opacity-50'],\n\ttrack: 'bg-surface-200-800 rounded-base h-2 overflow-hidden flex-1',\n\trange: 'bg-surface-950-50 h-full',\n\tthumb: [\n\t\t'size-5 bg-surface-50-950 ring-inset ring-2 ring-surface-950-50 rounded-full',\n\t\t'focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-surface-950-50',\n\t],\n\thiddenInput: '',\n\tmarkerGroup: '',\n\tmarker: 'text-xs text-surface-600-400',\n});\n"],"mappings":";AAEA,MAAa,gBAAgB;CAAA,QAAA;CAAA,SAAA;CAAA,aAAA;CAAA,WAAA;CAAA,SAAA;CAAA,SAAA;CAAA,SAAA;CAAA,eAAA;CAAA,eAAA;CAAA,UAAA;CAc3B"}

package/dist/classes/switch.js

@@ -2,7 +2,7 @@
 const classesSwitch = {
 	"root": "skb:cursor-pointer skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50 skb:inline-flex skb:gap-2 skb:items-center skb:rounded skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50",
 	"control": "skb:block skb:preset-filled-surface-200-800 skb:h-6 skb:w-10 skb:p-0.5 skb:rounded-full skb:flex skb:justify-start skb:data-[state=checked]:preset-filled-primary-500",
-	"thumb": "skb:rounded-full skb:block skb:preset-filled-surface-50-950 skb:h-full skb:aspect-square skb:transition-transform skb:grid skb:place-items-center skb:data-[state=checked]:bg-surface-950-50 skb:data-[state=checked]:translate-x-4 skb:rtl:data-[state=checked]:-translate-x-4",
+	"thumb": "skb:grid skb:justify-center skb:items-center skb:h-full skb:aspect-square skb:rounded-full skb:bg-surface-50 skb:text-surface-contrast-50 skb:fill-surface-contrast-50 skb:transition-transform skb:duration-100 skb:data-[state=checked]:translate-x-4 skb:rtl:data-[state=checked]:-translate-x-4",
 	"label": "skb:label-text",
 	"hiddenInput": ""
 };

package/dist/classes/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":[],"sources":["../../src/classes/switch.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesSwitch = defineSkeletonClasses({\n\troot: [\n\t\t'cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50 inline-flex gap-2 items-center rounded',\n\t\t'data-focus-visible:outline-2 data-focus-visible:outline-offset-1 data-focus-visible:outline-surface-950-50',\n\t],\n\tcontrol: [\n\t\t'block preset-filled-surface-200-800 h-6 w-10 p-0.5 rounded-full flex justify-start',\n\t\t'data-[state=checked]:preset-filled-primary-500',\n\t],\n\tthumb: [\n\t\t'rounded-full block preset-filled-surface-50-950 h-full aspect-square transition-transform grid place-items-center',\n\t\t'data-[state=checked]:bg-surface-950-50 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4',\n\t],\n\tlabel: 'label-text',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,gBAAgB;CAAA,QAAA;CAAA,WAAA;CAAA,SAAA;CAAA,SAAA;CAAA,eAAA;CAe3B"}
+{"version":3,"file":"switch.js","names":[],"sources":["../../src/classes/switch.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesSwitch = defineSkeletonClasses({\n\troot: [\n\t\t'cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50 inline-flex gap-2 items-center rounded',\n\t\t'data-focus-visible:outline-2 data-focus-visible:outline-offset-1 data-focus-visible:outline-surface-950-50',\n\t],\n\tcontrol: [\n\t\t'block preset-filled-surface-200-800 h-6 w-10 p-0.5 rounded-full flex justify-start',\n\t\t'data-[state=checked]:preset-filled-primary-500',\n\t],\n\tthumb: [\n\t\t'grid justify-center items-center h-full aspect-square rounded-full',\n\t\t'bg-surface-50 text-surface-contrast-50 fill-surface-contrast-50',\n\t\t'transition-transform duration-100 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4',\n\t],\n\tlabel: 'label-text',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,gBAAgB;CAAA,QAAA;CAAA,WAAA;CAAA,SAAA;CAAA,SAAA;CAAA,eAAA;CAgB3B"}

package/dist/classes/tabs.js

@@ -1,6 +1,6 @@
 //#region src/classes/tabs.ts
 const classesTabs = {
-	"root": "skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
+	"root": "skb:w-full skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
 	"list": "skb:relative skb:flex skb:gap-2 skb:border-surface-200-800 skb:data-[orientation=horizontal]:pb-2 skb:data-[orientation=horizontal]:mb-4 skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=horizontal]:border-b skb:data-[orientation=vertical]:pe-2 skb:data-[orientation=vertical]:me-4 skb:data-[orientation=vertical]:flex-col skb:data-[orientation=vertical]:border-e",
 	"trigger": "skb:btn skb:hover:preset-tonal-primary skb:data-disabled:opacity-50",
 	"indicator": "skb:bg-surface-950-50 skb:data-[orientation=horizontal]:w-(--width) skb:data-[orientation=horizontal]:h-0.5 skb:data-[orientation=horizontal]:bottom-0 skb:data-[orientation=vertical]:w-0.5 skb:data-[orientation=vertical]:h-(--height) skb:data-[orientation=vertical]:end-0",

package/dist/classes/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../src/classes/tabs.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesTabs = defineSkeletonClasses({\n\troot: ['flex', 'data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row'],\n\tlist: [\n\t\t'relative flex gap-2 border-surface-200-800',\n\t\t'data-[orientation=horizontal]:pb-2 data-[orientation=horizontal]:mb-4 data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:border-b',\n\t\t'data-[orientation=vertical]:pe-2 data-[orientation=vertical]:me-4 data-[orientation=vertical]:flex-col data-[orientation=vertical]:border-e',\n\t],\n\ttrigger: ['btn hover:preset-tonal-primary', 'data-disabled:opacity-50'],\n\tindicator: [\n\t\t'bg-surface-950-50',\n\t\t'data-[orientation=horizontal]:w-(--width) data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:bottom-0',\n\t\t'data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:h-(--height) data-[orientation=vertical]:end-0',\n\t],\n\tcontent: '',\n});\n"],"mappings":";AAEA,MAAa,cAAc;CAAA,QAAA;CAAA,QAAA;CAAA,WAAA;CAAA,aAAA;CAAA,WAAA;CAczB"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/classes/tabs.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesTabs = defineSkeletonClasses({\n\troot: 'w-full flex data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row',\n\tlist: [\n\t\t'relative flex gap-2 border-surface-200-800',\n\t\t'data-[orientation=horizontal]:pb-2 data-[orientation=horizontal]:mb-4 data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:border-b',\n\t\t'data-[orientation=vertical]:pe-2 data-[orientation=vertical]:me-4 data-[orientation=vertical]:flex-col data-[orientation=vertical]:border-e',\n\t],\n\ttrigger: ['btn hover:preset-tonal-primary', 'data-disabled:opacity-50'],\n\tindicator: [\n\t\t'bg-surface-950-50',\n\t\t'data-[orientation=horizontal]:w-(--width) data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:bottom-0',\n\t\t'data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:h-(--height) data-[orientation=vertical]:end-0',\n\t],\n\tcontent: '',\n});\n"],"mappings":";AAEA,MAAa,cAAc;CAAA,QAAA;CAAA,QAAA;CAAA,WAAA;CAAA,aAAA;CAAA,WAAA;CAczB"}

package/dist/classes/tags-input.js

@@ -1,6 +1,6 @@
 //#region src/classes/tags-input.ts
 const classesTagsInput = {
-	"root": "skb:w-full skb:space-y-2 skb:gap-2",
+	"root": "skb:space-y-2",
 	"label": "skb:label-text",
 	"control": "skb:input skb:flex skb:flex-wrap skb:gap-2 skb:p-2",
 	"item": "",

package/dist/classes/tags-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.js","names":[],"sources":["../../src/classes/tags-input.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesTagsInput = defineSkeletonClasses({\n\troot: 'w-full space-y-2 gap-2',\n\tlabel: 'label-text',\n\tcontrol: 'input flex flex-wrap gap-2 p-2',\n\titem: '',\n\titemPreview: ['chip flex gap-0 p-0 preset-filled hover:brightness-100 w-fit', 'data-highlighted:ring data-highlighted:ring-primary-500'],\n\titemText: 'leading-none px-2 py-1',\n\titemDeleteTrigger: 'hover:preset-tonal px-2 py-1',\n\titemInput: 'input text-xs',\n\tinput: 'input-ghost',\n\tclearTrigger: 'btn btn-sm preset-tonal hover:preset-filled-error-500',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,mBAAmB;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,QAAA;CAAA,eAAA;CAAA,YAAA;CAAA,qBAAA;CAAA,aAAA;CAAA,SAAA;CAAA,gBAAA;CAAA,eAAA;CAY9B"}
+{"version":3,"file":"tags-input.js","names":[],"sources":["../../src/classes/tags-input.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesTagsInput = defineSkeletonClasses({\n\troot: 'space-y-2',\n\tlabel: 'label-text',\n\tcontrol: 'input flex flex-wrap gap-2 p-2',\n\titem: '',\n\titemPreview: ['chip flex gap-0 p-0 preset-filled hover:brightness-100 w-fit', 'data-highlighted:ring data-highlighted:ring-primary-500'],\n\titemText: 'leading-none px-2 py-1',\n\titemDeleteTrigger: 'hover:preset-tonal px-2 py-1',\n\titemInput: 'input text-xs',\n\tinput: 'input-ghost',\n\tclearTrigger: 'btn btn-sm preset-tonal hover:preset-filled-error-500',\n\thiddenInput: '',\n});\n"],"mappings":";AAEA,MAAa,mBAAmB;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,QAAA;CAAA,eAAA;CAAA,YAAA;CAAA,qBAAA;CAAA,aAAA;CAAA,SAAA;CAAA,gBAAA;CAAA,eAAA;CAY9B"}

package/dist/classes/toast.js

@@ -1,6 +1,6 @@
 //#region src/classes/toast.ts
 const classesToast = {
-	"root": "skb:card skb:p-3 skb:w-full skb:md:w-md skb:ring skb:flex skb:items-center skb:gap-2 skb:data-[type=info]:preset-filled-surface-50-950 skb:data-[type=info]:ring-surface-200-800 skb:data-[type=success]:preset-filled-success-500 skb:data-[type=warning]:preset-filled-warning-500 skb:data-[type=error]:preset-filled-error-500",
+	"root": "skb:card skb:p-3 skb:w-full skb:md:w-md skb:ring skb:flex skb:items-center skb:gap-2 skb:preset-filled-surface-50-950 skb:ring-surface-200-800 skb:data-[type=success]:preset-filled-success-500 skb:data-[type=warning]:preset-filled-warning-500 skb:data-[type=error]:preset-filled-error-500",
 	"group": "",
 	"message": "skb:flex-1",
 	"title": "skb:font-medium skb:text-sm",

package/dist/classes/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../src/classes/toast.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesToast = defineSkeletonClasses({\n\troot: [\n\t\t'card p-3 w-full md:w-md ring flex items-center gap-2',\n\t\t'data-[type=info]:preset-filled-surface-50-950 data-[type=info]:ring-surface-200-800',\n\t\t'data-[type=success]:preset-filled-success-500',\n\t\t'data-[type=warning]:preset-filled-warning-500',\n\t\t'data-[type=error]:preset-filled-error-500',\n\t],\n\tgroup: '',\n\tmessage: 'flex-1',\n\ttitle: 'font-medium text-sm',\n\tdescription: 'text-sm',\n\tactionTrigger: 'btn preset-filled',\n\tcloseTrigger: 'btn-icon hover:preset-tonal',\n});\n"],"mappings":";AAEA,MAAa,eAAe;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,SAAA;CAAA,eAAA;CAAA,iBAAA;CAAA,gBAAA;CAc1B"}
+{"version":3,"file":"toast.js","names":[],"sources":["../../src/classes/toast.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes' with { type: 'macro' };\n\nexport const classesToast = defineSkeletonClasses({\n\troot: [\n\t\t'card p-3 w-full md:w-md ring flex items-center gap-2',\n\t\t'preset-filled-surface-50-950 ring-surface-200-800',\n\t\t'data-[type=success]:preset-filled-success-500',\n\t\t'data-[type=warning]:preset-filled-warning-500',\n\t\t'data-[type=error]:preset-filled-error-500',\n\t],\n\tgroup: '',\n\tmessage: 'flex-1',\n\ttitle: 'font-medium text-sm',\n\tdescription: 'text-sm',\n\tactionTrigger: 'btn preset-filled',\n\tcloseTrigger: 'btn-icon hover:preset-tonal',\n});\n"],"mappings":";AAEA,MAAa,eAAe;CAAA,QAAA;CAAA,SAAA;CAAA,WAAA;CAAA,SAAA;CAAA,eAAA;CAAA,iBAAA;CAAA,gBAAA;CAc1B"}

package/dist/index.d.ts

@@ -1,16 +1,21 @@
 import { classesAccordion } from "./classes/accordion.js";
 import { classesAppBar } from "./classes/app-bar.js";
 import { classesAvatar } from "./classes/avatar.js";
+import { classesCombobox } from "./classes/combobox.js";
+import { classesDatePicker } from "./classes/date-picker.js";
 import { classesDialog } from "./classes/dialog.js";
 import { classesFileUpload } from "./classes/file-upload.js";
+import { classesNavigation } from "./classes/navigation.js";
+import { classesPagination } from "./classes/pagination.js";
 import { classesPopover } from "./classes/popover.js";
-import { classesProgressLinear } from "./classes/progress-linear.js";
+import { classesProgress } from "./classes/progress.js";
 import { classesRatingGroup } from "./classes/rating-group.js";
 import { classesSegmentedControl } from "./classes/segmented-control.js";
+import { classesSlider } from "./classes/slider.js";
 import { classesSwitch } from "./classes/switch.js";
 import { classesTabs } from "./classes/tabs.js";
 import { classesTagsInput } from "./classes/tags-input.js";
 import { classesToast } from "./classes/toast.js";
 import { classesTooltip } from "./classes/tooltip.js";
 import { Theme, themes } from "./themes.js";
-export { Theme, classesAccordion, classesAppBar, classesAvatar, classesDialog, classesFileUpload, classesPopover, classesProgressLinear, classesRatingGroup, classesSegmentedControl, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };
+export { Theme, classesAccordion, classesAppBar, classesAvatar, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };

package/dist/index.js

@@ -1,12 +1,17 @@
 import { classesAccordion } from "./classes/accordion.js";
 import { classesAppBar } from "./classes/app-bar.js";
 import { classesAvatar } from "./classes/avatar.js";
+import { classesCombobox } from "./classes/combobox.js";
+import { classesDatePicker } from "./classes/date-picker.js";
 import { classesDialog } from "./classes/dialog.js";
 import { classesFileUpload } from "./classes/file-upload.js";
+import { classesNavigation } from "./classes/navigation.js";
+import { classesPagination } from "./classes/pagination.js";
 import { classesPopover } from "./classes/popover.js";
-import { classesProgressLinear } from "./classes/progress-linear.js";
+import { classesProgress } from "./classes/progress.js";
 import { classesRatingGroup } from "./classes/rating-group.js";
 import { classesSegmentedControl } from "./classes/segmented-control.js";
+import { classesSlider } from "./classes/slider.js";
 import { classesSwitch } from "./classes/switch.js";
 import { classesTabs } from "./classes/tabs.js";
 import { classesTagsInput } from "./classes/tags-input.js";
@@ -14,4 +19,4 @@ import { classesToast } from "./classes/toast.js";
 import { classesTooltip } from "./classes/tooltip.js";
 import { themes } from "./themes.js";
 
-export { classesAccordion, classesAppBar, classesAvatar, classesDialog, classesFileUpload, classesPopover, classesProgressLinear, classesRatingGroup, classesSegmentedControl, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };
+export { classesAccordion, classesAppBar, classesAvatar, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };

package/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@skeletonlabs/skeleton-common",
-  "version": "1.0.0-next.9",
-  "type": "module",
+  "version": "4.0.0-next.23",
+  "description": "The common package for Skeleton.",
+  "author": "endigo9740 <chris@skeletonlabs.dev>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/skeletonlabs/skeleton.git",
+    "directory": "packages/skeleton-common"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -9,18 +15,19 @@
       "style": "./dist/index.css"
     }
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
+  "sideEffects": false,
   "devDependencies": {
-    "tsdown": "0.14.2",
-    "typescript": "5.9.2",
-    "unplugin-macros": "0.18.1",
-    "unplugin-raw": "0.6.1",
-    "@skeletonlabs/skeleton": "4.0.0-next.4"
+    "tsdown": "0.15.6",
+    "typescript": "5.9.3",
+    "unplugin-macros": "0.18.2",
+    "unplugin-raw": "0.6.3",
+    "@skeletonlabs/skeleton": "4.0.0-next.22"
   },
+  "license": "MIT",
+  "type": "module",
   "scripts": {
     "dev": "tsdown --watch",
     "build": "tsdown",

package/dist/classes/progress-linear.d.ts

@@ -1,10 +0,0 @@
-//#region src/classes/progress-linear.d.ts
-declare const classesProgressLinear: {
-  root: string;
-  label: string;
-  track: string;
-  range: string;
-};
-//#endregion
-export { classesProgressLinear };
-//# sourceMappingURL=progress-linear.d.ts.map

package/dist/classes/progress-linear.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-linear.d.ts","names":[],"sources":["../../src/classes/progress-linear.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,MAAA"}

package/dist/classes/progress-linear.js

@@ -1,11 +0,0 @@
-//#region src/classes/progress-linear.ts
-const classesProgressLinear = {
-	"root": "skb:items-center skb:justify-center skb:gap-2 skb:data-[orientation=horizontal]:flex skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=horizontal]:w-full skb:data-[orientation=vertical]:inline-flex skb:data-[orientation=vertical]:flex-col",
-	"label": "skb:label-text skb:whitespace-nowrap",
-	"track": "skb:bg-surface-200-800 skb:rounded-base skb:overflow-hidden skb:data-[orientation=horizontal]:w-full skb:data-[orientation=horizontal]:h-2 skb:data-[orientation=vertical]:w-2 skb:data-[orientation=vertical]:h-[100px]",
-	"range": "skb:h-full skb:bg-surface-950-50 skb:rounded-base skb:data-[orientation=horizontal]:transition-[width] skb:data-[orientation=horizontal]:data-[state=indeterminate]:animate-progress-indeterminate-horz skb:data-[orientation=vertical]:transition-[height] skb:data-[orientation=vertical]:data-[state=indeterminate]:animate-progress-indeterminate-vert"
-};
-
-//#endregion
-export { classesProgressLinear };
-//# sourceMappingURL=progress-linear.js.map

package/dist/classes/progress-linear.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-linear.js","names":[],"sources":["../../src/classes/progress-linear.ts"],"sourcesContent":["import { defineSkeletonClasses } from '../internal/define-skeleton-classes.js' with { type: 'macro' };\n\nexport const classesProgressLinear = defineSkeletonClasses({\n\troot: [\n\t\t// Common\n\t\t'items-center justify-center gap-2',\n\t\t// Horizontal Orientation\n\t\t'data-[orientation=horizontal]:flex data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:w-full',\n\t\t// Vertical Orientation\n\t\t'data-[orientation=vertical]:inline-flex data-[orientation=vertical]:flex-col',\n\t],\n\tlabel: 'label-text whitespace-nowrap',\n\ttrack: [\n\t\t// Common\n\t\t'bg-surface-200-800 rounded-base overflow-hidden',\n\t\t// Horizontal Orientation\n\t\t'data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-2',\n\t\t// Vertical Orientation\n\t\t'data-[orientation=vertical]:w-2 data-[orientation=vertical]:h-[100px]',\n\t],\n\trange: [\n\t\t// Common\n\t\t'h-full bg-surface-950-50 rounded-base',\n\t\t// Horizontal Orientation\n\t\t'data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:data-[state=indeterminate]:animate-progress-indeterminate-horz',\n\t\t// Vertical Orientation\n\t\t'data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:data-[state=indeterminate]:animate-progress-indeterminate-vert',\n\t],\n});\n"],"mappings":";AAEA,MAAa,wBAAwB;CAAA,QAAA;CAAA,SAAA;CAAA,SAAA;CAAA,SAAA;CA0BnC"}