@kalink-ui/seedly 0.1.1 → 0.2.0

package/src/utils/__tests__/extract-sprinkles-props.test.ts

@@ -1,101 +0,0 @@
-import { describe, test } from '@std/testing/bdd';
-import { spy } from '@std/testing/mock';
-import { expect } from '@std/expect';
-
-import {
-  extractSprinklesProps,
-  type SprinklesFnBase,
-} from '@/utils/extract-sprinkles-props';
-
-describe('extractSprinklesProps', () => {
-  const mockSprinkles: SprinklesFnBase = {
-    properties: new Set(['color', 'fontSize', 'padding']),
-  } as SprinklesFnBase;
-
-  test('should correctly separate sprinkles props from component props', () => {
-    const props = {
-      color: 'red',
-      fontSize: '16px',
-      padding: '10px',
-      onClick: spy(),
-      className: 'custom-class',
-    };
-
-    const [sprinkleProps, componentProps] = extractSprinklesProps(
-      props,
-      mockSprinkles,
-    );
-
-    expect(sprinkleProps).toEqual({
-      color: 'red',
-      fontSize: '16px',
-      padding: '10px',
-    });
-
-    expect(componentProps).toEqual({
-      onClick: expect.any(Function),
-      className: 'custom-class',
-    });
-  });
-
-  test('should handle props with no sprinkles properties', () => {
-    const props = {
-      onClick: spy(),
-      className: 'custom-class',
-    };
-
-    const [sprinkleProps, componentProps] = extractSprinklesProps(
-      props,
-      mockSprinkles,
-    );
-
-    expect(sprinkleProps).toEqual({});
-    expect(componentProps).toEqual(props);
-  });
-
-  test('should handle props with only sprinkles properties', () => {
-    const props = {
-      color: 'blue',
-      fontSize: '14px',
-    };
-
-    const [sprinkleProps, componentProps] = extractSprinklesProps(
-      props,
-      mockSprinkles,
-    );
-
-    expect(sprinkleProps).toEqual(props);
-    expect(componentProps).toEqual({});
-  });
-
-  test('should handle empty props object', () => {
-    const props = {};
-
-    const [sprinkleProps, componentProps] = extractSprinklesProps(
-      props,
-      mockSprinkles,
-    );
-
-    expect(sprinkleProps).toEqual({});
-    expect(componentProps).toEqual({});
-  });
-
-  test('should handle sprinkles function with empty properties set', () => {
-    const emptySprinkles: SprinklesFnBase = {
-      properties: new Set(),
-    } as SprinklesFnBase;
-
-    const props = {
-      color: 'green',
-      onClick: spy(),
-    };
-
-    const [sprinkleProps, componentProps] = extractSprinklesProps(
-      props,
-      emptySprinkles,
-    );
-
-    expect(sprinkleProps).toEqual({});
-    expect(componentProps).toEqual(props);
-  });
-});

package/src/utils/__tests__/is-object.test.ts

@@ -1,24 +0,0 @@
-import { isObject } from "@/utils/is-object.ts";
-import { describe, it } from "@std/testing/bdd";
-import { expect } from "@std/expect";
-
-describe("isObject", () => {
-  it("should return true if value is an object", () => {
-    expect(isObject({})).toEqual(true);
-  });
-
-  it("should return false if value is an array", () => {
-    expect(isObject([])).toEqual(false);
-  });
-
-  it("should return false if value is null or undefined", () => {
-    expect(isObject(null)).toEqual(false);
-    expect(isObject(undefined)).toEqual(false);
-  });
-
-  it("should return false if value is any scalar", () => {
-    expect(isObject(1)).toEqual(false);
-    expect(isObject("foo")).toEqual(false);
-    expect(isObject(true)).toEqual(false);
-  });
-});

package/src/utils/__tests__/map-contract-vars.test.ts

@@ -1,34 +0,0 @@
-import { mapContractVars } from "@/utils/map-contract-vars.ts";
-import { describe, test } from "@std/testing/bdd";
-import { expect } from "@std/expect";
-
-describe("mapContractVars", () => {
-  test("should map contract vars", () => {
-    const contract = {
-      foo: "foo",
-      bar: "bar",
-    };
-
-    const result = mapContractVars(contract, (key) => ({
-      padding: `var(--${key})`,
-      vars: {
-        [`--${key}`]: contract[key],
-      },
-    }));
-
-    expect(result).toEqual({
-      foo: {
-        padding: "var(--foo)",
-        vars: {
-          "--foo": "foo",
-        },
-      },
-      bar: {
-        padding: "var(--bar)",
-        vars: {
-          "--bar": "bar",
-        },
-      },
-    });
-  });
-});

package/src/utils/arg-types/arg-types-from-recipe.ts

@@ -1,37 +0,0 @@
-import { type ComplexStyleRule } from '@vanilla-extract/css';
-import { type RuntimeFn } from '@vanilla-extract/recipes';
-
-type RecipeStyleRule = ComplexStyleRule | string;
-type VariantDefinitions = Record<string, RecipeStyleRule>;
-type VariantGroups = Record<string, VariantDefinitions>;
-
-export function argTypesFromRecipe(
-  recipe: RuntimeFn<VariantGroups>,
-  excludes: string[] = [],
-) {
-  return Object.entries(recipe.classNames.variants).reduce(
-    (acc, [name, variant]) => {
-      if (excludes.includes(name)) {
-        return acc;
-      }
-
-      const options = Object.keys(variant);
-      let control = options.length > 5 ? 'select' : 'radio';
-
-      if (options.length === 1 && options[0] === 'true') {
-        options.push('false');
-        control = 'boolean';
-      }
-
-      return {
-        ...acc,
-        [name]: {
-          control,
-          options,
-          table: { category: 'Styling props' },
-        },
-      };
-    },
-    {},
-  );
-}

package/src/utils/arg-types/arg-types-from-sprinkles.ts

@@ -1,43 +0,0 @@
-import { isObject } from '@kalink/ui/utils';
-
-type ArgTypesFromSprinklesProps = {
-  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-  props: Record<string, any>;
-  excludes?: string[];
-  category?: string;
-} & {};
-
-export function argTypesFromSprinkles({
-  props,
-  excludes = [],
-  category = 'Sprinkles props',
-}: ArgTypesFromSprinklesProps) {
-  return Object.entries(props).reduce((acc, [name]) => {
-    if (Array.isArray(excludes) && excludes.includes(name)) {
-      return acc;
-    }
-
-    let options = props[name] || [];
-    let control = 'select';
-
-    if (options.length === 1 && options[0] === 'true') {
-      options.push('false');
-      control = 'boolean';
-    }
-
-    if (isObject(options)) {
-      options = Object.fromEntries(
-        Object.keys(options).map((key) => [key, key]),
-      );
-    }
-
-    return {
-      ...acc,
-      [name]: {
-        control,
-        options,
-        table: { category },
-      },
-    };
-  }, {});
-}

package/src/utils/arg-types/common/composable.ts

@@ -1,13 +0,0 @@
-export const composable = {
-  children: {
-    control: false,
-    description: 'Content of the component.',
-    defaultValue: '',
-    table: {
-      category: 'Intrinsic props',
-      type: {
-        summary: 'ReactNode',
-      },
-    },
-  },
-};

package/src/utils/arg-types/common/index.ts

@@ -1,4 +0,0 @@
-export { composable } from './composable';
-export { polymorphic } from './polymorphic';
-export { referable } from './referable';
-export { stylable } from './stylable';

package/src/utils/arg-types/common/polymorphic.ts

@@ -1,14 +0,0 @@
-export const polymorphic = {
-  use: {
-    control: false,
-    description:
-      'The component used to render the root node of the component. Either a string to use an `JSX.IntrinsicElements` or a component reference to use a `React.ComponentType`',
-    defaultValue: '',
-    table: {
-      category: 'Intrinsic props',
-      type: {
-        summary: 'ElementType',
-      },
-    },
-  },
-};

package/src/utils/arg-types/common/referable.ts

@@ -1,10 +0,0 @@
-export const referable = {
-  ref: {
-    control: false,
-    description: 'Ref passed to the component root.',
-    defaultValue: '',
-    table: {
-      category: 'Intrinsic props',
-    },
-  },
-};

package/src/utils/arg-types/common/stylable.ts

@@ -1,14 +0,0 @@
-export const stylable = {
-  className: {
-    control: false,
-    description:
-      'A class name string passed to the component. Merged with the inner class names.',
-    defaultValue: '',
-    table: {
-      category: 'Intrinsic props',
-      type: {
-        summary: 'string',
-      },
-    },
-  },
-};

package/src/utils/arg-types/common-args.ts

@@ -1,26 +0,0 @@
-/* eslint-disable import/namespace */
-import * as CommonArgDefs from './common';
-
-export enum CommonArgs {
-  COMPOSABLE = 'composable',
-  POLYMORPHIC = 'polymorphic',
-  STYLABLE = 'stylable',
-  REFERABLE = 'referable',
-}
-
-export function commonArgs(args: CommonArgs[]) {
-  const argTypes: Partial<Record<string, object>> = {};
-  const knownArgs = Object.values(CommonArgs);
-
-  for (const arg of args) {
-    if (!knownArgs.includes(arg)) {
-      continue;
-    }
-
-    for (const argDef in CommonArgDefs[arg]) {
-      argTypes[argDef] = (CommonArgDefs[arg] as Record<string, object>)[argDef];
-    }
-  }
-
-  return argTypes;
-}

package/src/utils/arg-types/index.ts

@@ -1,3 +0,0 @@
-export { argTypesFromRecipe } from './arg-types-from-recipe';
-export { argTypesFromSprinkles } from './arg-types-from-sprinkles';
-export { commonArgs, CommonArgs } from './common-args';