@blockle/blocks 0.11.0 → 0.11.1

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

@@ -0,0 +1,41 @@
+"use strict";
+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");
+const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
+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",
+    padding: "large",
+    border: "none",
+    borderRadius: "small"
+  }), {
+    outline: "none",
+    background: "transparent",
+    "::placeholder": {
+      color: styles_lib_theme_vars_css_cjs.vars.color.textLight
+    },
+    ":disabled": {}
+  }], "input_input"),
+  container: css.style([{
+    minHeight: 56,
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: `box-shadow ${styles_lib_theme_vars_css_cjs.vars.transition.fast}`
+      }
+    },
+    ":focus-within": {
+      outline: "2px solid transparent",
+      outlineOffset: "2px",
+      boxShadow: `${styles_lib_theme_vars_css_cjs.vars.shadow.small}, ${styles_lib_theme_vars_css_cjs.vars.focus.boxShadow}`
+    }
+  }, styles_lib_css_atoms_sprinkles_css_cjs.atoms({
+    backgroundColor: "white",
+    borderRadius: "medium",
+    boxShadow: "medium"
+  })], "input_container")
+});
+fileScope.endFileScope();
+exports.input = input;

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

@@ -0,0 +1,42 @@
+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";
+import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
+setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
+const input = makeComponentTheme("input", {
+  input: style([atoms({
+    color: "text",
+    padding: "large",
+    border: "none",
+    borderRadius: "small"
+  }), {
+    outline: "none",
+    background: "transparent",
+    "::placeholder": {
+      color: vars.color.textLight
+    },
+    ":disabled": {}
+  }], "input_input"),
+  container: style([{
+    minHeight: 56,
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: `box-shadow ${vars.transition.fast}`
+      }
+    },
+    ":focus-within": {
+      outline: "2px solid transparent",
+      outlineOffset: "2px",
+      boxShadow: `${vars.shadow.small}, ${vars.focus.boxShadow}`
+    }
+  }, atoms({
+    backgroundColor: "white",
+    borderRadius: "medium",
+    boxShadow: "medium"
+  })], "input_container")
+});
+endFileScope();
+export {
+  input
+};

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

@@ -0,0 +1,33 @@
+"use strict";
+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", "@blockle/blocks");
+const label = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("label", {
+  base: css.style({}, "label_base"),
+  variants: {
+    size: {
+      small: css.style({
+        fontSize: styles_lib_theme_vars_css_cjs.vars.fontSize.xsmall
+      }, "label_variants_size_small"),
+      medium: css.style({
+        fontSize: styles_lib_theme_vars_css_cjs.vars.fontSize.small
+      }, "label_variants_size_medium"),
+      large: css.style({
+        fontSize: styles_lib_theme_vars_css_cjs.vars.fontSize.medium
+      }, "label_variants_size_large")
+    },
+    required: css.style({
+      ":after": {
+        content: '"*"',
+        marginLeft: styles_lib_theme_vars_css_cjs.vars.space.xsmall
+      }
+    }, "label_variants_required")
+  },
+  defaultVariants: {
+    size: "large"
+  }
+});
+fileScope.endFileScope();
+exports.label = label;

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

@@ -0,0 +1,34 @@
+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", "@blockle/blocks");
+const label = makeComponentTheme("label", {
+  base: style({}, "label_base"),
+  variants: {
+    size: {
+      small: style({
+        fontSize: vars.fontSize.xsmall
+      }, "label_variants_size_small"),
+      medium: style({
+        fontSize: vars.fontSize.small
+      }, "label_variants_size_medium"),
+      large: style({
+        fontSize: vars.fontSize.medium
+      }, "label_variants_size_large")
+    },
+    required: style({
+      ":after": {
+        content: '"*"',
+        marginLeft: vars.space.xsmall
+      }
+    }, "label_variants_required")
+  },
+  defaultVariants: {
+    size: "large"
+  }
+});
+endFileScope();
+export {
+  label
+};

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

@@ -0,0 +1,47 @@
+"use strict";
+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_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", "@blockle/blocks");
+const link = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("link", {
+  base: css.style([{
+    outline: "none",
+    border: "none",
+    textDecoration: "none",
+    background: "transparent",
+    borderRadius: 1,
+    ":hover": {
+      textDecoration: "underline"
+    },
+    ":focus-visible": {
+      textDecoration: "underline"
+    },
+    cursor: "pointer"
+  }, styles_themes_momotaro_components_helpers_css_cjs.focusable], "link_base"),
+  variants: {
+    variant: {
+      inherit: css.style({
+        color: "inherit",
+        fontWeight: "inherit"
+      }, "link_variants_variant_inherit"),
+      primary: styles_lib_css_atoms_sprinkles_css_cjs.atoms({
+        color: "primary",
+        fontWeight: "medium"
+      }),
+      secondary: styles_lib_css_atoms_sprinkles_css_cjs.atoms({
+        color: "secondary",
+        fontWeight: "medium"
+      })
+    },
+    underline: css.style({
+      textDecoration: "underline"
+    }, "link_variants_underline")
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+fileScope.endFileScope();
+exports.link = link;

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

@@ -0,0 +1,48 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+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", "@blockle/blocks");
+const link = makeComponentTheme("link", {
+  base: style([{
+    outline: "none",
+    border: "none",
+    textDecoration: "none",
+    background: "transparent",
+    borderRadius: 1,
+    ":hover": {
+      textDecoration: "underline"
+    },
+    ":focus-visible": {
+      textDecoration: "underline"
+    },
+    cursor: "pointer"
+  }, focusable], "link_base"),
+  variants: {
+    variant: {
+      inherit: style({
+        color: "inherit",
+        fontWeight: "inherit"
+      }, "link_variants_variant_inherit"),
+      primary: atoms({
+        color: "primary",
+        fontWeight: "medium"
+      }),
+      secondary: atoms({
+        color: "secondary",
+        fontWeight: "medium"
+      })
+    },
+    underline: style({
+      textDecoration: "underline"
+    }, "link_variants_underline")
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+endFileScope();
+export {
+  link
+};

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

@@ -0,0 +1,55 @@
+"use strict";
+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");
+const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
+fileScope.setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
+const indeterminateAnimation = css.keyframes({
+  "0%": {
+    transform: "translateX(-100%)"
+  },
+  "100%": {
+    transform: "translateX(100%)"
+  }
+}, "indeterminateAnimation");
+const progress = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("progress", {
+  base: css.style([{
+    height: 8
+  }, styles_lib_css_atoms_sprinkles_css_cjs.atoms({
+    inlineSize: "full",
+    borderRadius: "small",
+    backgroundColor: "textLight",
+    color: "primary",
+    overflow: "hidden"
+  })], "progress_base"),
+  bar: css.style({
+    borderRadius: "inherit",
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: "transform 180ms ease-out"
+      }
+    }
+  }, "progress_bar"),
+  variants: {
+    indeterminate: css.style({
+      "@media": {
+        // For reduce motion we show a striped pattern instead of animating
+        "(prefers-reduced-motion: reduce)": {
+          backgroundImage: `repeating-linear-gradient(
+            45deg,
+            transparent,
+            transparent 20px,
+            ${styles_lib_theme_vars_css_cjs.vars.color.primaryDark} 20px,
+            ${styles_lib_theme_vars_css_cjs.vars.color.primaryDark} 40px
+          )`
+        },
+        "(prefers-reduced-motion: no-preference)": {
+          animation: `${indeterminateAnimation} 3s ease-in-out infinite`
+        }
+      }
+    }, "progress_variants_indeterminate")
+  }
+});
+fileScope.endFileScope();
+exports.progress = progress;

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

@@ -0,0 +1,56 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+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", "@blockle/blocks");
+const indeterminateAnimation = keyframes({
+  "0%": {
+    transform: "translateX(-100%)"
+  },
+  "100%": {
+    transform: "translateX(100%)"
+  }
+}, "indeterminateAnimation");
+const progress = makeComponentTheme("progress", {
+  base: style([{
+    height: 8
+  }, atoms({
+    inlineSize: "full",
+    borderRadius: "small",
+    backgroundColor: "textLight",
+    color: "primary",
+    overflow: "hidden"
+  })], "progress_base"),
+  bar: style({
+    borderRadius: "inherit",
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: "transform 180ms ease-out"
+      }
+    }
+  }, "progress_bar"),
+  variants: {
+    indeterminate: style({
+      "@media": {
+        // For reduce motion we show a striped pattern instead of animating
+        "(prefers-reduced-motion: reduce)": {
+          backgroundImage: `repeating-linear-gradient(
+            45deg,
+            transparent,
+            transparent 20px,
+            ${vars.color.primaryDark} 20px,
+            ${vars.color.primaryDark} 40px
+          )`
+        },
+        "(prefers-reduced-motion: no-preference)": {
+          animation: `${indeterminateAnimation} 3s ease-in-out infinite`
+        }
+      }
+    }, "progress_variants_indeterminate")
+  }
+});
+endFileScope();
+export {
+  progress
+};

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

@@ -0,0 +1,60 @@
+"use strict";
+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");
+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", "@blockle/blocks");
+const radio = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("radio", {
+  base: css.style([{
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    inlineSize: 24,
+    blockSize: 24,
+    borderRadius: 12,
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: `background-color ${styles_lib_theme_vars_css_cjs.vars.transition.fast}, box-shadow ${styles_lib_theme_vars_css_cjs.vars.transition.fast}`
+      }
+    },
+    ":hover": {
+      backgroundColor: styles_lib_theme_vars_css_cjs.vars.color.primaryDark
+    },
+    selectors: {
+      "&:has(input:checked):not(:hover)": {
+        backgroundColor: styles_lib_theme_vars_css_cjs.vars.color.primary
+      }
+    }
+  }, styles_lib_css_atoms_sprinkles_css_cjs.atoms({
+    backgroundColor: "primaryLight"
+  }), styles_themes_momotaro_components_helpers_css_cjs.focusable], "radio_base"),
+  icon: css.style({
+    height: 12,
+    width: 12,
+    backgroundColor: "white",
+    borderRadius: "8px",
+    transform: "scale(0)",
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: `transform ${styles_lib_theme_vars_css_cjs.vars.transition.normal} ${styles_themes_momotaro_components_transitions_cjs.bounceOut}`
+      }
+    },
+    selectors: {
+      "input:checked ~ &": {
+        transform: "scale(1)"
+      }
+    }
+  }, "radio_icon"),
+  label: styles_lib_css_atoms_sprinkles_css_cjs.atoms({
+    display: "flex",
+    flexDirection: "row",
+    padding: "xsmall",
+    gap: "medium",
+    cursor: "pointer"
+  })
+});
+fileScope.endFileScope();
+exports.radio = radio;

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

@@ -0,0 +1,61 @@
+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";
+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", "@blockle/blocks");
+const radio = makeComponentTheme("radio", {
+  base: style([{
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    inlineSize: 24,
+    blockSize: 24,
+    borderRadius: 12,
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: `background-color ${vars.transition.fast}, box-shadow ${vars.transition.fast}`
+      }
+    },
+    ":hover": {
+      backgroundColor: vars.color.primaryDark
+    },
+    selectors: {
+      "&:has(input:checked):not(:hover)": {
+        backgroundColor: vars.color.primary
+      }
+    }
+  }, atoms({
+    backgroundColor: "primaryLight"
+  }), focusable], "radio_base"),
+  icon: style({
+    height: 12,
+    width: 12,
+    backgroundColor: "white",
+    borderRadius: "8px",
+    transform: "scale(0)",
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: `transform ${vars.transition.normal} ${bounceOut}`
+      }
+    },
+    selectors: {
+      "input:checked ~ &": {
+        transform: "scale(1)"
+      }
+    }
+  }, "radio_icon"),
+  label: atoms({
+    display: "flex",
+    flexDirection: "row",
+    padding: "xsmall",
+    gap: "medium",
+    cursor: "pointer"
+  })
+});
+endFileScope();
+export {
+  radio
+};

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

@@ -0,0 +1,44 @@
+"use strict";
+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");
+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", "@blockle/blocks");
+const select = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("select", {
+  select: styles_lib_css_style_style_cjs.style([{
+    color: "text",
+    padding: "large",
+    border: "none",
+    outline: "none",
+    backgroundColor: "white",
+    borderRadius: "medium",
+    boxShadow: "medium",
+    minHeight: 56,
+    transitionDuration: styles_lib_theme_vars_css_cjs.vars.transition.fast,
+    transitionProperty: "box-shadow",
+    ":focus-within": {
+      outline: "2px solid transparent",
+      outlineOffset: "2px",
+      boxShadow: `${styles_lib_theme_vars_css_cjs.vars.shadow.small}, ${styles_lib_theme_vars_css_cjs.vars.focus.boxShadow}`
+    }
+  }, styles_themes_momotaro_components_helpers_css_cjs.focusable]),
+  variants: {
+    variant: {
+      outline: styles_lib_css_style_style_cjs.style({
+        borderWidth: "small",
+        borderStyle: "solid",
+        borderColor: "primary"
+      }),
+      solid: styles_lib_css_style_style_cjs.style({})
+    }
+  },
+  icon: styles_lib_css_style_style_cjs.style({
+    paddingInline: "large"
+  }),
+  defaultVariants: {
+    variant: "solid"
+  }
+});
+fileScope.endFileScope();
+exports.select = select;

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

@@ -0,0 +1,45 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+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", "@blockle/blocks");
+const select = makeComponentTheme("select", {
+  select: style([{
+    color: "text",
+    padding: "large",
+    border: "none",
+    outline: "none",
+    backgroundColor: "white",
+    borderRadius: "medium",
+    boxShadow: "medium",
+    minHeight: 56,
+    transitionDuration: vars.transition.fast,
+    transitionProperty: "box-shadow",
+    ":focus-within": {
+      outline: "2px solid transparent",
+      outlineOffset: "2px",
+      boxShadow: `${vars.shadow.small}, ${vars.focus.boxShadow}`
+    }
+  }, focusable]),
+  variants: {
+    variant: {
+      outline: style({
+        borderWidth: "small",
+        borderStyle: "solid",
+        borderColor: "primary"
+      }),
+      solid: style({})
+    }
+  },
+  icon: style({
+    paddingInline: "large"
+  }),
+  defaultVariants: {
+    variant: "solid"
+  }
+});
+endFileScope();
+export {
+  select
+};

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;