@blockle/blocks 0.9.1 → 0.10.0

package/dist/styles/components/form/Slider/slider.css.mjs

@@ -0,0 +1,74 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { style } from "@vanilla-extract/css";
+import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
+setFileScope("src/components/form/Slider/slider.css.ts", "@blockle/blocks");
+const container = style({
+  "@layer": {
+    [blocksLayer]: {
+      position: "relative",
+      writingMode: "horizontal-tb"
+    }
+  }
+}, "container");
+const containerVertical = style({
+  "@layer": {
+    [blocksLayer]: {
+      writingMode: "vertical-lr"
+    }
+  }
+}, "containerVertical");
+const track = style({
+  "@layer": {
+    [blocksLayer]: {
+      cursor: "pointer",
+      position: "absolute",
+      inlineSize: "100%",
+      insetBlockStart: "50%",
+      transform: "translateY(-50%)",
+      selectors: {
+        [`${containerVertical} &`]: {
+          transform: "translateX(-50%)"
+        }
+      }
+    }
+  }
+}, "track");
+const filledTrack = style({
+  "@layer": {
+    [blocksLayer]: {
+      position: "absolute",
+      blockSize: "100%",
+      borderRadius: "inherit",
+      selectors: {
+        [`${containerVertical} &`]: {
+          insetInlineEnd: "0%"
+        }
+      }
+    }
+  }
+}, "filledTrack");
+const thumb = style({
+  "@layer": {
+    [blocksLayer]: {
+      cursor: "pointer",
+      position: "absolute",
+      blockSize: "100%",
+      insetBlockStart: "50%",
+      transform: "translate(-50%, -50%)",
+      touchAction: "none",
+      selectors: {
+        [`${containerVertical} &`]: {
+          transform: "translate(-50%, 50%)"
+        }
+      }
+    }
+  }
+}, "thumb");
+endFileScope();
+export {
+  container,
+  containerVertical,
+  filledTrack,
+  thumb,
+  track
+};

package/dist/styles/components/form/Switch/switch.css.cjs

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
-fileScope.setFileScope("src/components/form/Switch/switch.css.ts", "blocks");
+fileScope.setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks");
 const container = css.style({
   "@layer": {
     [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {

package/dist/styles/components/form/Switch/switch.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
-setFileScope("src/components/form/Switch/switch.css.ts", "blocks");
+setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks");
 const container = style({
   "@layer": {
     [blocksLayer]: {

package/dist/styles/components/overlay/Dialog/dialog.css.cjs

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
-fileScope.setFileScope("src/components/overlay/Dialog/dialog.css.ts", "blocks");
+fileScope.setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks");
 const backdrop = css.style({
   "@layer": {
     [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {

package/dist/styles/components/overlay/Dialog/dialog.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
-setFileScope("src/components/overlay/Dialog/dialog.css.ts", "blocks");
+setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks");
 const backdrop = style({
   "@layer": {
     [blocksLayer]: {

package/dist/styles/components/typography/Heading/heading.css.cjs

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
-fileScope.setFileScope("src/components/typography/Heading/heading.css.ts", "blocks");
+fileScope.setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks");
 const heading = css.style({
   "@layer": {
     [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {

package/dist/styles/components/typography/Heading/heading.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
-setFileScope("src/components/typography/Heading/heading.css.ts", "blocks");
+setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks");
 const heading = style({
   "@layer": {
     [blocksLayer]: {

package/dist/styles/components/typography/Text/text.css.cjs

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
-fileScope.setFileScope("src/components/typography/Text/text.css.ts", "blocks");
+fileScope.setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks");
 const text = css.style({
   "@layer": {
     [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {

package/dist/styles/components/typography/Text/text.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
-setFileScope("src/components/typography/Text/text.css.ts", "blocks");
+setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks");
 const text = style({
   "@layer": {
     [blocksLayer]: {

package/dist/styles/lib/css/atoms/sprinkles.css.cjs

@@ -3,7 +3,7 @@ const fileScope = require("@vanilla-extract/css/fileScope");
 const sprinkles = require("@vanilla-extract/sprinkles");
 const styles_lib_css_atoms_atomicProperties_cjs = require("./atomicProperties.cjs");
 const styles_lib_css_atoms_breakpoints_cjs = require("./breakpoints.cjs");
-fileScope.setFileScope("src/lib/css/atoms/sprinkles.css.ts", "blocks");
+fileScope.setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
 const unresponsiveAtomicProperties = sprinkles.defineProperties({
   properties: styles_lib_css_atoms_atomicProperties_cjs.unresponsiveProperties,
   shorthands: {

package/dist/styles/lib/css/atoms/sprinkles.css.mjs

@@ -2,7 +2,7 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
 import { unresponsiveProperties, responsiveProperties } from "./atomicProperties.mjs";
 import { breakpointQuery, breakpointNames } from "./breakpoints.mjs";
-setFileScope("src/lib/css/atoms/sprinkles.css.ts", "blocks");
+setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
 const unresponsiveAtomicProperties = defineProperties({
   properties: unresponsiveProperties,
   shorthands: {

package/dist/styles/lib/css/layers/layers.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/css/layers/layers.css.ts", "blocks");
+fileScope.setFileScope("src/lib/css/layers/layers.css.ts", "@blockle/blocks");
 const blocksLayer = css.layer("blockle-blocks");
 fileScope.endFileScope();
 exports.blocksLayer = blocksLayer;

package/dist/styles/lib/css/layers/layers.css.mjs

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { layer } from "@vanilla-extract/css";
-setFileScope("src/lib/css/layers/layers.css.ts", "blocks");
+setFileScope("src/lib/css/layers/layers.css.ts", "@blockle/blocks");
 const blocksLayer = layer("blockle-blocks");
 endFileScope();
 export {

package/dist/styles/lib/theme/vars.css.cjs

@@ -3,7 +3,7 @@ const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
 const styles_lib_theme_tokens_cjs = require("./tokens.cjs");
-fileScope.setFileScope("src/lib/theme/vars.css.ts", "blocks");
+fileScope.setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
 const vars = css.createThemeContract(styles_lib_theme_makeVanillaTheme_cjs.makeVanillaTheme(styles_lib_theme_tokens_cjs.tokens));
 fileScope.endFileScope();
 exports.vars = vars;

package/dist/styles/lib/theme/vars.css.mjs

@@ -2,7 +2,7 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { createThemeContract } from "@vanilla-extract/css";
 import { makeVanillaTheme } from "./makeVanillaTheme.mjs";
 import { tokens } from "./tokens.mjs";
-setFileScope("src/lib/theme/vars.css.ts", "blocks");
+setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
 const vars = createThemeContract(makeVanillaTheme(tokens));
 endFileScope();
 export {

package/dist/styles/themes/momotaro/components/button.css.cjs

@@ -5,7 +5,7 @@ const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
 const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/button.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/button.css.ts", "@blockle/blocks");
 const intentColor = css.createVar("intentColor");
 const hoverBackgroundColor = css.createVar("hoverBackgroundColor");
 const button = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("button", {

package/dist/styles/themes/momotaro/components/button.css.mjs

@@ -4,7 +4,7 @@ import { style } from "../../../lib/css/style/style.mjs";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { vars } from "../../../lib/theme/vars.css.mjs";
 import { clickable, focusRingColor } from "./helpers.css.mjs";
-setFileScope("src/themes/momotaro/components/button.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/button.css.ts", "@blockle/blocks");
 const intentColor = createVar("intentColor");
 const hoverBackgroundColor = createVar("hoverBackgroundColor");
 const button = makeComponentTheme("button", {

package/dist/styles/themes/momotaro/components/checkbox.css.cjs

@@ -6,7 +6,7 @@ const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs")
 const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
 const styles_themes_momotaro_components_transitions_cjs = require("./transitions.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/checkbox.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/checkbox.css.ts", "@blockle/blocks");
 const checkbox = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("checkbox", {
   base: css.style([{
     display: "flex",

package/dist/styles/themes/momotaro/components/checkbox.css.mjs

@@ -5,7 +5,7 @@ import { vars } from "../../../lib/theme/vars.css.mjs";
 import { focusable } from "./helpers.css.mjs";
 import { bounceOut } from "./transitions.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/checkbox.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/checkbox.css.ts", "@blockle/blocks");
 const checkbox = makeComponentTheme("checkbox", {
   base: style([{
     display: "flex",

package/dist/styles/themes/momotaro/components/dialog.css.cjs

@@ -3,7 +3,7 @@ const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/dialog.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/dialog.css.ts", "@blockle/blocks");
 const dialog = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("dialog", {
   dialog: css.style([styles_lib_css_atoms_sprinkles_css_cjs.atoms({
     display: "flex",

package/dist/styles/themes/momotaro/components/dialog.css.mjs

@@ -2,7 +2,7 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/dialog.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/dialog.css.ts", "@blockle/blocks");
 const dialog = makeComponentTheme("dialog", {
   dialog: style([atoms({
     display: "flex",

package/dist/styles/themes/momotaro/components/divider.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/divider.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/divider.css.ts", "@blockle/blocks");
 const divider = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("divider", {
   defaultVariants: {
     color: "textLight"

package/dist/styles/themes/momotaro/components/divider.css.mjs

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-setFileScope("src/themes/momotaro/components/divider.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/divider.css.ts", "@blockle/blocks");
 const divider = makeComponentTheme("divider", {
   defaultVariants: {
     color: "textLight"

package/dist/styles/themes/momotaro/components/dropdown.css.cjs

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/dropdown.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/dropdown.css.ts", "@blockle/blocks");
 const dropdown = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("dropdown", {
   base: styles_lib_css_style_style_cjs.style({
     backgroundColor: "white",

package/dist/styles/themes/momotaro/components/dropdown.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "../../../lib/css/style/style.mjs";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-setFileScope("src/themes/momotaro/components/dropdown.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/dropdown.css.ts", "@blockle/blocks");
 const dropdown = makeComponentTheme("dropdown", {
   base: style({
     backgroundColor: "white",

package/dist/styles/themes/momotaro/components/helpers.css.cjs

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/helpers.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/helpers.css.ts", "@blockle/blocks");
 const focusRingColor = css.createVar("focusRingColor");
 const focusable = css.style({
   "@media": {

package/dist/styles/themes/momotaro/components/helpers.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { createVar, style, fallbackVar } from "@vanilla-extract/css";
 import { vars } from "../../../lib/theme/vars.css.mjs";
-setFileScope("src/themes/momotaro/components/helpers.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/helpers.css.ts", "@blockle/blocks");
 const focusRingColor = createVar("focusRingColor");
 const focusable = style({
   "@media": {

package/dist/styles/themes/momotaro/components/index.cjs

@@ -10,6 +10,7 @@ const styles_themes_momotaro_components_link_css_cjs = require("./link.css.cjs")
 const styles_themes_momotaro_components_progress_css_cjs = require("./progress.css.cjs");
 const styles_themes_momotaro_components_radio_css_cjs = require("./radio.css.cjs");
 const styles_themes_momotaro_components_select_css_cjs = require("./select.css.cjs");
+const styles_themes_momotaro_components_slider_css_cjs = require("./slider.css.cjs");
 const styles_themes_momotaro_components_spinner_css_cjs = require("./spinner.css.cjs");
 const styles_themes_momotaro_components_switch_css_cjs = require("./switch.css.cjs");
 const components = {
@@ -25,6 +26,7 @@ const components = {
   radio: styles_themes_momotaro_components_radio_css_cjs.radio,
   select: styles_themes_momotaro_components_select_css_cjs.select,
   spinner: styles_themes_momotaro_components_spinner_css_cjs.spinner,
-  switch: styles_themes_momotaro_components_switch_css_cjs.switchTheme
+  switch: styles_themes_momotaro_components_switch_css_cjs.switchTheme,
+  slider: styles_themes_momotaro_components_slider_css_cjs.slider
 };
 exports.components = components;

package/dist/styles/themes/momotaro/components/index.mjs

@@ -9,6 +9,7 @@ import { link } from "./link.css.mjs";
 import { progress } from "./progress.css.mjs";
 import { radio } from "./radio.css.mjs";
 import { select } from "./select.css.mjs";
+import { slider } from "./slider.css.mjs";
 import { spinner } from "./spinner.css.mjs";
 import { switchTheme } from "./switch.css.mjs";
 const components = {
@@ -24,7 +25,8 @@ const components = {
   radio,
   select,
   spinner,
-  switch: switchTheme
+  switch: switchTheme,
+  slider
 };
 export {
   components

package/dist/styles/themes/momotaro/components/input.css.cjs

@@ -4,7 +4,7 @@ const css = require("@vanilla-extract/css");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/input.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
 const input = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("input", {
   input: css.style([styles_lib_css_atoms_sprinkles_css_cjs.atoms({
     color: "text",

package/dist/styles/themes/momotaro/components/input.css.mjs

@@ -3,7 +3,7 @@ import { style } from "@vanilla-extract/css";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { vars } from "../../../lib/theme/vars.css.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/input.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
 const input = makeComponentTheme("input", {
   input: style([atoms({
     color: "text",

package/dist/styles/themes/momotaro/components/label.css.cjs

@@ -3,7 +3,7 @@ const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/label.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/label.css.ts", "@blockle/blocks");
 const label = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("label", {
   base: css.style({}, "label_base"),
   variants: {

package/dist/styles/themes/momotaro/components/label.css.mjs

@@ -2,7 +2,7 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { vars } from "../../../lib/theme/vars.css.mjs";
-setFileScope("src/themes/momotaro/components/label.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/label.css.ts", "@blockle/blocks");
 const label = makeComponentTheme("label", {
   base: style({}, "label_base"),
   variants: {

package/dist/styles/themes/momotaro/components/link.css.cjs

@@ -4,7 +4,7 @@ const css = require("@vanilla-extract/css");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/link.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/link.css.ts", "@blockle/blocks");
 const link = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("link", {
   base: css.style([{
     outline: "none",

package/dist/styles/themes/momotaro/components/link.css.mjs

@@ -3,7 +3,7 @@ import { style } from "@vanilla-extract/css";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { focusable } from "./helpers.css.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/link.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/link.css.ts", "@blockle/blocks");
 const link = makeComponentTheme("link", {
   base: style([{
     outline: "none",

package/dist/styles/themes/momotaro/components/progress.css.cjs

@@ -4,7 +4,7 @@ const css = require("@vanilla-extract/css");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/progress.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
 const indeterminateAnimation = css.keyframes({
   "0%": {
     transform: "translateX(-100%)"

package/dist/styles/themes/momotaro/components/progress.css.mjs

@@ -3,7 +3,7 @@ import { keyframes, style } from "@vanilla-extract/css";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { vars } from "../../../lib/theme/vars.css.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/progress.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
 const indeterminateAnimation = keyframes({
   "0%": {
     transform: "translateX(-100%)"

package/dist/styles/themes/momotaro/components/radio.css.cjs

@@ -6,7 +6,7 @@ const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs")
 const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
 const styles_themes_momotaro_components_transitions_cjs = require("./transitions.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/radio.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/radio.css.ts", "@blockle/blocks");
 const radio = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("radio", {
   base: css.style([{
     display: "flex",

package/dist/styles/themes/momotaro/components/radio.css.mjs

@@ -5,7 +5,7 @@ import { vars } from "../../../lib/theme/vars.css.mjs";
 import { focusable } from "./helpers.css.mjs";
 import { bounceOut } from "./transitions.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/radio.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/radio.css.ts", "@blockle/blocks");
 const radio = makeComponentTheme("radio", {
   base: style([{
     display: "flex",

package/dist/styles/themes/momotaro/components/select.css.cjs

@@ -4,7 +4,7 @@ const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
 const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/select.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/select.css.ts", "@blockle/blocks");
 const select = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("select", {
   // wrapper: style({}),
   select: styles_lib_css_style_style_cjs.style([{

package/dist/styles/themes/momotaro/components/select.css.mjs

@@ -3,7 +3,7 @@ import { style } from "../../../lib/css/style/style.mjs";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { vars } from "../../../lib/theme/vars.css.mjs";
 import { focusable } from "./helpers.css.mjs";
-setFileScope("src/themes/momotaro/components/select.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/select.css.ts", "@blockle/blocks");
 const select = makeComponentTheme("select", {
   // wrapper: style({}),
   select: style([{

package/dist/styles/themes/momotaro/components/slider.css.cjs

@@ -0,0 +1,65 @@
+"use strict";
+const fileScope = require("@vanilla-extract/css/fileScope");
+const css = require("@vanilla-extract/css");
+const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
+const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
+const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
+const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
+fileScope.setFileScope("src/themes/momotaro/components/slider.css.ts", "@blockle/blocks");
+const trackBackground = css.createVar("trackBackground");
+const filledTrackBackground = css.createVar("filledTrackBackground");
+const thumbBackground = css.createVar("thumbBackground");
+const slider = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("slider", {
+  base: styles_lib_css_style_style_cjs.style({
+    blockSize: "20px"
+  }),
+  track: styles_lib_css_style_style_cjs.style({
+    blockSize: "4px",
+    backgroundColor: trackBackground,
+    borderRadius: "small"
+  }),
+  filledTrack: styles_lib_css_style_style_cjs.style({
+    backgroundColor: filledTrackBackground
+  }),
+  thumb: styles_lib_css_style_style_cjs.style([{
+    backgroundColor: thumbBackground,
+    borderRadius: "50%",
+    height: "16px",
+    width: "16px"
+  }, styles_themes_momotaro_components_helpers_css_cjs.focusable]),
+  variants: {
+    size: {
+      small: styles_lib_css_style_style_cjs.style({
+        inlineSize: "100px"
+      }),
+      medium: styles_lib_css_style_style_cjs.style({
+        inlineSize: "200px"
+      }),
+      large: styles_lib_css_style_style_cjs.style({
+        inlineSize: "300px"
+      })
+    },
+    colorScheme: {
+      primary: styles_lib_css_style_style_cjs.style({
+        vars: {
+          [trackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primaryLight,
+          [filledTrackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primary,
+          [thumbBackground]: styles_lib_theme_vars_css_cjs.vars.color.primary
+        }
+      }),
+      secondary: styles_lib_css_style_style_cjs.style({
+        vars: {
+          [trackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primaryLight,
+          [filledTrackBackground]: styles_lib_theme_vars_css_cjs.vars.color.secondary,
+          [thumbBackground]: styles_lib_theme_vars_css_cjs.vars.color.secondary
+        }
+      })
+    }
+  },
+  defaultVariants: {
+    size: "medium",
+    colorScheme: "primary"
+  }
+});
+fileScope.endFileScope();
+exports.slider = slider;