@skeletonlabs/skeleton-common 1.0.0-next.10 → 1.0.0-next.12

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/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:w-full skb:space-y-1",
+	"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",
+	"positioner": "",
+	"content": "skb:card skb:bg-surface-50-950 skb:border skb:border-surface-200-800 skb:p-2 skb:space-y-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: 'w-full space-y-1',\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 space-y-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/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]:space-y-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]:space-y-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/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:space-y-3",
+	"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: 'space-y-3',\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/index.d.ts

@@ -1,16 +1,19 @@
 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 { classesDialog } from "./classes/dialog.js";
 import { classesFileUpload } from "./classes/file-upload.js";
+import { classesNavigation } from "./classes/navigation.js";
 import { classesPopover } from "./classes/popover.js";
 import { classesProgressLinear } from "./classes/progress-linear.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, classesDialog, classesFileUpload, classesNavigation, classesPopover, classesProgressLinear, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };

package/dist/index.js

@@ -1,12 +1,15 @@
 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 { classesDialog } from "./classes/dialog.js";
 import { classesFileUpload } from "./classes/file-upload.js";
+import { classesNavigation } from "./classes/navigation.js";
 import { classesPopover } from "./classes/popover.js";
 import { classesProgressLinear } from "./classes/progress-linear.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 +17,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, classesDialog, classesFileUpload, classesNavigation, classesPopover, classesProgressLinear, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesTooltip, themes };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@skeletonlabs/skeleton-common",
-  "version": "1.0.0-next.10",
-  "type": "module",
+  "version": "1.0.0-next.12",
+  "description": "The common package for Skeleton.",
+  "author": "endigo9740 <chris@skeletonlabs.dev>",
   "repository": {
     "type": "git",
-    "url": "https://github.com/skeletonlabs/skeleton",
+    "url": "git+https://github.com/skeletonlabs/skeleton.git",
     "directory": "packages/skeleton-common"
   },
   "exports": {
@@ -14,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.5"
+    "@skeletonlabs/skeleton": "4.0.0-next.6"
   },
+  "license": "MIT",
+  "type": "module",
   "scripts": {
     "dev": "tsdown --watch",
     "build": "tsdown",