@skeletonlabs/skeleton-common 1.0.0-next.13 → 1.0.0-next.15

package/dist/classes/accordion.js

@@ -3,7 +3,7 @@ const classesAccordion = {
 	"root": "skb:flex skb:flex-col skb:gap-2 skb:w-full",
 	"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",
+	"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:flex-col skb:gap-2",
 	"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: 'flex flex-col gap-2 w-full',\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: 'flex flex-col 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 flex-col gap-2 w-full',\n\tcontent: 'py-2 px-4',\n\theading: '',\n\ttrigger: 'px-4 py-2 rounded-base w-full text-start hover:preset-tonal-primary',\n\titem: 'flex flex-col gap-2',\n\tindicator: '',\n});\n"],"mappings":";AAEA,MAAa,mBAAmB;CAAA,QAAA;CAAA,WAAA;CAAA,WAAA;CAAA,WAAA;CAAA,QAAA;CAAA,aAAA;CAO9B"}

package/dist/classes/combobox.js

@@ -4,7 +4,7 @@ const classesCombobox = {
 	"label": "skb:label-text",
 	"control": "skb:relative",
 	"input": "skb:input",
-	"trigger": "skb:btn-icon skb:btn-icon-sm skb:preset-tonal skb:absolute skb:right-1 skb:top-1/2 skb:-translate-y-1/2",
+	"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": "",

package/dist/classes/combobox.js.map

@@ -1 +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 right-1 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"}
+{"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/file-upload.js

@@ -6,7 +6,7 @@ const classesFileUpload = {
 	"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: '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] 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,SAAA;CAAA,YAAA;CAAA,eAAA;CAAA,WAAA;CAAA,aAAA;CAAA,QAAA;CAAA,YAAA;CAAA,gBAAA;CAAA,qBAAA;CAa/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/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/segmented-control.js

@@ -1,10 +1,10 @@
 //#region src/classes/segmented-control.ts
 const classesSegmentedControl = {
-	"root": "skb:flex skb:flex-col skb:gap-2",
+	"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:data-[orientation=horizontal]:flex-row skb:data-[orientation=vertical]:flex-col",
+	"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: 'flex flex-col gap-2',\n\tlabel: 'label-text',\n\tcontrol: [\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,SAAA;CAAA,WAAA;CAAA,aAAA;CAAA,QAAA;CAAA,YAAA;CAAA,mBAAA;CAgBrC"}
+{"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.js

@@ -1,6 +1,6 @@
 //#region src/classes/slider.ts
 const classesSlider = {
-	"root": "skb:flex skb:flex-col skb:gap-2",
+	"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",

package/dist/classes/slider.js.map

@@ -1 +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',\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"}
+{"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:flex skb:flex-col 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: 'flex flex-col 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

@@ -5,8 +5,9 @@ import { classesCombobox } from "./classes/combobox.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";
@@ -16,4 +17,4 @@ 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, classesCombobox, classesDialog, classesFileUpload, classesNavigation, classesPopover, classesProgressLinear, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };
+export { Theme, classesAccordion, classesAppBar, classesAvatar, classesCombobox, classesDialog, classesFileUpload, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };

package/dist/index.js

@@ -5,8 +5,9 @@ import { classesCombobox } from "./classes/combobox.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";
@@ -17,4 +18,4 @@ import { classesToast } from "./classes/toast.js";
 import { classesTooltip } from "./classes/tooltip.js";
 import { themes } from "./themes.js";
 
-export { classesAccordion, classesAppBar, classesAvatar, classesCombobox, classesDialog, classesFileUpload, classesNavigation, classesPopover, classesProgressLinear, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };
+export { classesAccordion, classesAppBar, classesAvatar, classesCombobox, classesDialog, classesFileUpload, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skeletonlabs/skeleton-common",
-  "version": "1.0.0-next.13",
+  "version": "1.0.0-next.15",
   "description": "The common package for Skeleton.",
   "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {
@@ -20,11 +20,11 @@
   ],
   "sideEffects": false,
   "devDependencies": {
-    "tsdown": "0.14.2",
+    "tsdown": "0.15.5",
     "typescript": "5.9.2",
-    "unplugin-macros": "0.18.1",
-    "unplugin-raw": "0.6.1",
-    "@skeletonlabs/skeleton": "4.0.0-next.6"
+    "unplugin-macros": "0.18.2",
+    "unplugin-raw": "0.6.3",
+    "@skeletonlabs/skeleton": "4.0.0-next.7"
   },
   "license": "MIT",
   "type": "module",

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:flex skb:flex-col skb:gap-2 skb:data-[orientation=horizontal]:w-full skb:data-[orientation=vertical]:items-center",
-	"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'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: '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"}