@kalink-ui/seedly 0.8.0 → 0.8.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @kalink-ui/seedly
 
+## 0.8.1
+
+### Patch Changes
+
+- 6670251: Do not ignore arg-types files from npm package
+
 ## 0.8.0
 
 ### Minor Changes

package/build-storybook.log

@@ -0,0 +1,67 @@
+
+> @kalink-ui/seedly@0.8.0 build-storybook /Users/louis/dev/kalink-ui/packages/seedly
+> storybook build --output-dir\=/tmp/chromatic--31226-9S6bTYf09Tsv --webpack-stats-json\=/tmp/chromatic--31226-9S6bTYf09Tsv
+
+@storybook/core v8.6.4
+
+info => Cleaning outputDir: ../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv
+info => Loading presets
+info => Building manager..
+info => Manager built (106 ms)
+info => Building preview..
+vite v6.2.1 building for production...
+transforming...
+✓ 172 modules transformed.
+rendering chunks...
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/iframe.html                                       17.54 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/layers.css.ts-C66eHa0l.css                  0.07 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/text-or75WcbY.css                           0.11 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/frame-wUsZLpNa.css                          0.38 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/grid-svOAN5eX.css                           0.84 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/seed-BSZyHzsv.css                           0.86 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/stack-fHq0j-Mf.css                          0.94 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/sidebar-BfSQAuXb.css                        0.95 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/center-DXS2n_JN.css                         1.03 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/cover-ClXyrnXr.css                          1.03 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/cluster-BYRTQ7OR.css                        1.04 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/switcher-CaEmo08Z.css                       1.15 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/box-C2bbsHZY.css                            1.38 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/typography.css.ts-SSimWp8t.css              2.25 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/button-Bz5cKKrj.css                         2.70 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/preview-CT6mYyLc.js                         0.16 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/preview-BtThajRf.js                         0.17 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/preview-DoMOH9fu.js                         0.23 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/vanilla-extract-dynamic.esm-BUlnp6I2.js     0.31 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/preview-caVMbCIR.js                         0.69 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/typography.css-DQ-nfkim.js                  0.75 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/index-ogSvIofg.js                           0.77 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/stack-CyXomRKS.js                           0.78 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/cluster.stories-CPq7agrP.js                 0.82 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/cluster-Dy3GR3gU.js                         0.94 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/frame.stories-5pt_eAa4.js                   0.98 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/clsx-yWx7DIeZ.js                            1.09 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/common-args-BxOi7vI0.js                     1.16 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/heading.stories-DnTp5v4g.js                 1.18 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/center.stories-DVx4loHB.js                  1.24 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/box.stories-D4I0_iYq.js                     1.31 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/text.stories-B94F4zrO.js                    1.38 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/cover.stories-D5Tpwx4p.js                   1.44 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/switcher.stories-vZpJAqZC.js                1.62 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/grid.stories-Cg2miXZJ.js                    1.66 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/sidebar.stories-BsY8S9Y-.js                 1.87 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/createRuntimeFn-62c9670f.esm-BmIeg6ni.js    2.04 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/stack.stories-B3r3rUis.js                   2.14 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/preview-A6H2BGQG.js                         3.40 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/preview-xOAuwTm5.js                         4.87 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/seed.stories-OnvavYFI.js                    5.10 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/preview-DY_pW_WS.js                         7.62 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/button.stories-CoUSjtPq.js                  7.87 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/preview-CuLlOZat.js                         8.08 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/entry-preview-B0dZ39Bz.js                  38.10 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/react-18-Uoay0tNS.js                      177.34 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/iframe-2U23pR0X.js                        210.78 kB
+../../../../../../tmp/chromatic--31226-9S6bTYf09Tsv/assets/index-0CFqCGht.js                         658.80 kB
+✓ built in 1.79s
+info => Preview built (2.14 s)
+info => preview stats written to /tmp/chromatic--31226-9S6bTYf09Tsv/preview-stats.json
+info => Output directory: /tmp/chromatic--31226-9S6bTYf09Tsv

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kalink-ui/seedly",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "A set of components for building UIs with React and TypeScript",
   "sideEffects": false,
   "license": "MIT",
@@ -46,9 +46,9 @@
     "vite": "^6.2.1",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.8",
-    "@kalink-ui/dibbly": "0.2.0",
+    "@kalink-ui/typescript-config": "0.4.0",
     "@kalink-ui/eslint-config": "0.7.0",
-    "@kalink-ui/typescript-config": "0.4.0"
+    "@kalink-ui/dibbly": "0.2.0"
   },
   "peerDependencies": {
     "@vanilla-extract/css": "^1.17.1",

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

@@ -0,0 +1,36 @@
+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,
+        },
+      };
+    },
+    {},
+  );
+}

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

@@ -0,0 +1,43 @@
+import { isObject } from '@kalink-ui/dibbly';
+
+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

@@ -0,0 +1,13 @@
+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

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

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,26 @@
+/* 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

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