@discourser/design-system 0.1.0

package/styled-system/recipes/switch-control.d.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface SwitchControlVariant {
+  /**
+ * @default "md"
+ */
+size: "sm" | "md"
+}
+
+type SwitchControlVariantMap = {
+  [key in keyof SwitchControlVariant]: Array<SwitchControlVariant[key]>
+}
+
+export type SwitchControlVariantProps = {
+  [key in keyof SwitchControlVariant]?: ConditionalValue<SwitchControlVariant[key]> | undefined
+}
+
+export interface SwitchControlRecipe {
+  __type: SwitchControlVariantProps
+  (props?: SwitchControlVariantProps): Pretty<Record<"root" | "control" | "thumb" | "label", string>>
+  raw: (props?: SwitchControlVariantProps) => SwitchControlVariantProps
+  variantMap: SwitchControlVariantMap
+  variantKeys: Array<keyof SwitchControlVariant>
+  splitVariantProps<Props extends SwitchControlVariantProps>(props: Props): [SwitchControlVariantProps, Pretty<DistributiveOmit<Props, keyof SwitchControlVariantProps>>]
+  getVariantProps: (props?: SwitchControlVariantProps) => SwitchControlVariantProps
+}
+
+/**
+ * Material Design 3 switch component
+
+
+ */
+export declare const switchControl: SwitchControlRecipe

package/styled-system/recipes/switch-control.mjs

@@ -0,0 +1,53 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const switchControlDefaultVariants = {
+  "size": "md"
+}
+const switchControlCompoundVariants = []
+
+const switchControlSlotNames = [
+  [
+    "root",
+    "switchControl__root"
+  ],
+  [
+    "control",
+    "switchControl__control"
+  ],
+  [
+    "thumb",
+    "switchControl__thumb"
+  ],
+  [
+    "label",
+    "switchControl__label"
+  ]
+]
+const switchControlSlotFns = /* @__PURE__ */ switchControlSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, switchControlDefaultVariants, getSlotCompoundVariant(switchControlCompoundVariants, slotName))])
+
+const switchControlFn = memo((props = {}) => {
+  return Object.fromEntries(switchControlSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const switchControlVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...switchControlDefaultVariants, ...compact(variants) })
+
+export const switchControl = /* @__PURE__ */ Object.assign(switchControlFn, {
+  __recipe__: false,
+  __name__: 'switchControl',
+  raw: (props) => props,
+  variantKeys: switchControlVariantKeys,
+  variantMap: {
+  "size": [
+    "sm",
+    "md"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, switchControlVariantKeys)
+  },
+  getVariantProps
+})

package/styled-system/recipes/switch.d.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface SwitchVariant {
+  /**
+ * @default "md"
+ */
+size: "sm" | "md"
+}
+
+type SwitchVariantMap = {
+  [key in keyof SwitchVariant]: Array<SwitchVariant[key]>
+}
+
+export type SwitchVariantProps = {
+  [key in keyof SwitchVariant]?: ConditionalValue<SwitchVariant[key]> | undefined
+}
+
+export interface SwitchRecipe {
+  __type: SwitchVariantProps
+  (props?: SwitchVariantProps): Pretty<Record<"root" | "control" | "thumb" | "label", string>>
+  raw: (props?: SwitchVariantProps) => SwitchVariantProps
+  variantMap: SwitchVariantMap
+  variantKeys: Array<keyof SwitchVariant>
+  splitVariantProps<Props extends SwitchVariantProps>(props: Props): [SwitchVariantProps, Pretty<DistributiveOmit<Props, keyof SwitchVariantProps>>]
+  getVariantProps: (props?: SwitchVariantProps) => SwitchVariantProps
+}
+
+/**
+ * Material Design 3 switch component
+
+
+ */
+export declare const switch: SwitchRecipe

package/styled-system/recipes/switch.mjs

@@ -0,0 +1,53 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const switchDefaultVariants = {
+  "size": "md"
+}
+const switchCompoundVariants = []
+
+const switchSlotNames = [
+  [
+    "root",
+    "switchControl__root"
+  ],
+  [
+    "control",
+    "switchControl__control"
+  ],
+  [
+    "thumb",
+    "switchControl__thumb"
+  ],
+  [
+    "label",
+    "switchControl__label"
+  ]
+]
+const switchSlotFns = /* @__PURE__ */ switchSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, switchDefaultVariants, getSlotCompoundVariant(switchCompoundVariants, slotName))])
+
+const switchFn = memo((props = {}) => {
+  return Object.fromEntries(switchSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const switchVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...switchDefaultVariants, ...compact(variants) })
+
+export const switch = /* @__PURE__ */ Object.assign(switchFn, {
+  __recipe__: false,
+  __name__: 'switch',
+  raw: (props) => props,
+  variantKeys: switchVariantKeys,
+  variantMap: {
+  "size": [
+    "sm",
+    "md"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, switchVariantKeys)
+  },
+  getVariantProps
+})

package/styled-system/tokens/index.d.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+import type { Token } from './tokens';
+
+export declare const token: {
+  (path: Token, fallback?: string): string
+  var: (path: Token, fallback?: string) => string
+}
+
+export * from './tokens';