@discourser/design-system 0.2.2 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@discourser/design-system",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Aesthetic-agnostic design system with Panda CSS and Ark UI",
   "type": "module",
   "publishConfig": {
@@ -63,6 +63,10 @@
     "tokens:generate": "tsx scripts/generate-palette.ts",
     "tokens:sync": "tsx scripts/sync-tokens.ts",
     "tokens:full": "pnpm tokens:generate && pnpm build:panda",
+    "organize-tokens": "tsx scripts/organize-figma-exports.ts",
+    "clean:old-backups": "bash scripts/clean-old-backups.sh",
+    "transform:dtcg-to-contract": "tsx scripts/dtcg-to-design-language.ts",
+    "transform:contract-to-dtcg": "tsx scripts/design-language-to-dtcg.ts",
     "docs:generate": "tsx scripts/generate-storybook-docs.ts",
     "typecheck": "tsc --noEmit",
     "changeset": "changeset",
@@ -92,6 +96,7 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
+    "@types/inquirer": "^9.0.9",
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
@@ -104,6 +109,7 @@
     "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "husky": "^9.1.7",
+    "inquirer": "^13.1.0",
     "jest-axe": "^10.0.0",
     "jsdom": "^27.4.0",
     "lint-staged": "^16.2.7",

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

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface HeadingVariant {
+  /**
+ * @default "xl"
+ */
+size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl"
+}
+
+type HeadingVariantMap = {
+  [key in keyof HeadingVariant]: Array<HeadingVariant[key]>
+}
+
+
+
+export type HeadingVariantProps = {
+  [key in keyof HeadingVariant]?: ConditionalValue<HeadingVariant[key]> | undefined
+}
+
+export interface HeadingRecipe {
+  
+  __type: HeadingVariantProps
+  (props?: HeadingVariantProps): string
+  raw: (props?: HeadingVariantProps) => HeadingVariantProps
+  variantMap: HeadingVariantMap
+  variantKeys: Array<keyof HeadingVariant>
+  splitVariantProps<Props extends HeadingVariantProps>(props: Props): [HeadingVariantProps, Pretty<DistributiveOmit<Props, keyof HeadingVariantProps>>]
+  getVariantProps: (props?: HeadingVariantProps) => HeadingVariantProps
+}
+
+
+export declare const heading: HeadingRecipe

package/styled-system/recipes/heading.mjs

@@ -0,0 +1,40 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const headingFn = /* @__PURE__ */ createRecipe('heading', {
+  "size": "xl"
+}, [])
+
+const headingVariantMap = {
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "6xl",
+    "7xl"
+  ]
+}
+
+const headingVariantKeys = Object.keys(headingVariantMap)
+
+export const heading = /* @__PURE__ */ Object.assign(memo(headingFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'heading',
+  __getCompoundVariantCss__: headingFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: headingVariantKeys,
+  variantMap: headingVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, headingVariantKeys)
+  },
+  getVariantProps: headingFn.getVariantProps,
+})

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

@@ -1,13 +1,16 @@
 /* eslint-disable */
 export * from './button';
 export * from './input';
+export * from './input-addon';
 export * from './group';
 export * from './spinner';
 export * from './absolute-center';
+export * from './heading';
 export * from './badge';
 export * from './skeleton';
 export * from './textarea';
 export * from './field';
+export * from './input-group';
 export * from './card';
 export * from './accordion';
 export * from './drawer';

package/styled-system/recipes/index.mjs

@@ -1,12 +1,15 @@
 export * from './button.mjs';
 export * from './input.mjs';
+export * from './input-addon.mjs';
 export * from './group.mjs';
 export * from './spinner.mjs';
 export * from './absolute-center.mjs';
+export * from './heading.mjs';
 export * from './badge.mjs';
 export * from './skeleton.mjs';
 export * from './textarea.mjs';
 export * from './field.mjs';
+export * from './input-group.mjs';
 export * from './card.mjs';
 export * from './accordion.mjs';
 export * from './drawer.mjs';

package/styled-system/recipes/input-addon.d.ts

@@ -0,0 +1,38 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface InputAddonVariant {
+  /**
+ * @default "outline"
+ */
+variant: "outline" | "surface" | "subtle"
+/**
+ * @default "md"
+ */
+size: "xs" | "sm" | "md" | "lg" | "xl"
+}
+
+type InputAddonVariantMap = {
+  [key in keyof InputAddonVariant]: Array<InputAddonVariant[key]>
+}
+
+
+
+export type InputAddonVariantProps = {
+  [key in keyof InputAddonVariant]?: ConditionalValue<InputAddonVariant[key]> | undefined
+}
+
+export interface InputAddonRecipe {
+  
+  __type: InputAddonVariantProps
+  (props?: InputAddonVariantProps): string
+  raw: (props?: InputAddonVariantProps) => InputAddonVariantProps
+  variantMap: InputAddonVariantMap
+  variantKeys: Array<keyof InputAddonVariant>
+  splitVariantProps<Props extends InputAddonVariantProps>(props: Props): [InputAddonVariantProps, Pretty<DistributiveOmit<Props, keyof InputAddonVariantProps>>]
+  getVariantProps: (props?: InputAddonVariantProps) => InputAddonVariantProps
+}
+
+
+export declare const inputAddon: InputAddonRecipe

package/styled-system/recipes/input-addon.mjs

@@ -0,0 +1,40 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const inputAddonFn = /* @__PURE__ */ createRecipe('input-addon', {
+  "size": "md",
+  "variant": "outline"
+}, [])
+
+const inputAddonVariantMap = {
+  "variant": [
+    "outline",
+    "surface",
+    "subtle"
+  ],
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+  ]
+}
+
+const inputAddonVariantKeys = Object.keys(inputAddonVariantMap)
+
+export const inputAddon = /* @__PURE__ */ Object.assign(memo(inputAddonFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'inputAddon',
+  __getCompoundVariantCss__: inputAddonFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: inputAddonVariantKeys,
+  variantMap: inputAddonVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, inputAddonVariantKeys)
+  },
+  getVariantProps: inputAddonFn.getVariantProps,
+})

package/styled-system/recipes/input-group.d.ts

@@ -0,0 +1,34 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface InputGroupVariant {
+  /**
+ * @default "md"
+ */
+size: "xs" | "sm" | "md" | "lg" | "xl"
+}
+
+type InputGroupVariantMap = {
+  [key in keyof InputGroupVariant]: Array<InputGroupVariant[key]>
+}
+
+type InputGroupSlot = "root" | "element"
+
+export type InputGroupVariantProps = {
+  [key in keyof InputGroupVariant]?: ConditionalValue<InputGroupVariant[key]> | undefined
+}
+
+export interface InputGroupRecipe {
+  __slot: InputGroupSlot
+  __type: InputGroupVariantProps
+  (props?: InputGroupVariantProps): Pretty<Record<InputGroupSlot, string>>
+  raw: (props?: InputGroupVariantProps) => InputGroupVariantProps
+  variantMap: InputGroupVariantMap
+  variantKeys: Array<keyof InputGroupVariant>
+  splitVariantProps<Props extends InputGroupVariantProps>(props: Props): [InputGroupVariantProps, Pretty<DistributiveOmit<Props, keyof InputGroupVariantProps>>]
+  getVariantProps: (props?: InputGroupVariantProps) => InputGroupVariantProps
+}
+
+
+export declare const inputGroup: InputGroupRecipe

package/styled-system/recipes/input-group.mjs

@@ -0,0 +1,49 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const inputGroupDefaultVariants = {
+  "size": "md"
+}
+const inputGroupCompoundVariants = []
+
+const inputGroupSlotNames = [
+  [
+    "root",
+    "input-group__root"
+  ],
+  [
+    "element",
+    "input-group__element"
+  ]
+]
+const inputGroupSlotFns = /* @__PURE__ */ inputGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))])
+
+const inputGroupFn = memo((props = {}) => {
+  return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const inputGroupVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...inputGroupDefaultVariants, ...compact(variants) })
+
+export const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {
+  __recipe__: false,
+  __name__: 'inputGroup',
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: inputGroupVariantKeys,
+  variantMap: {
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, inputGroupVariantKeys)
+  },
+  getVariantProps
+})

package/styled-system/recipes/radio-group.d.ts

@@ -11,6 +11,10 @@ variant: "solid"
  * @default "md"
  */
 size: "sm" | "md" | "lg"
+/**
+ * @default "vertical"
+ */
+orientation: "horizontal" | "vertical"
 }
 
 type RadioGroupVariantMap = {

package/styled-system/recipes/radio-group.mjs

@@ -3,7 +3,8 @@ import { createRecipe } from './create-recipe.mjs';
 
 const radioGroupDefaultVariants = {
   "variant": "solid",
-  "size": "md"
+  "size": "md",
+  "orientation": "vertical"
 }
 const radioGroupCompoundVariants = []
 
@@ -41,7 +42,8 @@ const radioGroupFn = memo((props = {}) => {
 
 const radioGroupVariantKeys = [
   "variant",
-  "size"
+  "size",
+  "orientation"
 ]
 const getVariantProps = (variants) => ({ ...radioGroupDefaultVariants, ...compact(variants) })
 
@@ -59,6 +61,10 @@ export const radioGroup = /* @__PURE__ */ Object.assign(radioGroupFn, {
     "sm",
     "md",
     "lg"
+  ],
+  "orientation": [
+    "horizontal",
+    "vertical"
   ]
 },
   splitVariantProps(props) {