@kalink-ui/seedly 0.2.0 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @kalink-ui/seedly
 
+## 0.4.0
+
+### Minor Changes
+
+- 293d796: Correctly specify peer dependencies
+
+## 0.3.0
+
+### Minor Changes
+
+- Remove config files and tools folders from published package bundle
+
 ## 0.2.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kalink-ui/seedly",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "sideEffects": false,
   "license": "MIT",
   "exports": {
@@ -48,17 +48,17 @@
     "vite": "^6.2.1",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.8",
-    "@kalink-ui/eslint-config": "0.2.0",
-    "@kalink-ui/typescript-config": "0.1.0"
+    "@kalink-ui/eslint-config": "0.3.0",
+    "@kalink-ui/typescript-config": "0.2.0"
   },
   "peerDependencies": {
-    "@vanilla-extract/css": "^1.17.1",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/dynamic": "^2.1.2",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/sprinkles": "^1.6.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@vanilla-extract/css": "^1",
+    "@vanilla-extract/css-utils": "^0.1",
+    "@vanilla-extract/dynamic": "^2",
+    "@vanilla-extract/recipes": "^0.5",
+    "@vanilla-extract/sprinkles": "^1",
+    "react": "^19",
+    "react-dom": "^19"
   },
   "publishConfig": {
     "access": "public"

package/.storybook/main.mts

@@ -1,16 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-  stories: ['../**/*.mdx', '../**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-  ],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
-  },
-};
-
-export default config;

package/.storybook/preview.ts

@@ -1,27 +0,0 @@
-import './theme/ref.css';
-import './theme/theme.css';
-
-import { type Preview } from '@storybook/react';
-
-const preview: Preview = {
-  parameters: {
-    docs: { controls: { sort: 'requiredFirst' } },
-
-    tags: ['autodocs'],
-
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-
-    options: {
-      storySort: {
-        order: ['Styles', 'Layout', 'Components'],
-      },
-    },
-  },
-};
-
-export default preview;

package/.storybook/theme/ref.css.ts

@@ -1,63 +0,0 @@
-import {
-  createGlobalTheme,
-  createVar,
-  globalStyle,
-} from '@vanilla-extract/css';
-import { calc } from '@vanilla-extract/css-utils';
-
-const sysFluidityMin = createVar();
-const sysFluidityMax = createVar();
-const sysFluidityInterpolation = createVar();
-
-globalStyle(':root', {
-  vars: {
-    [sysFluidityMin]: '23.5',
-    [sysFluidityMax]: '80',
-    [sysFluidityInterpolation]: calc.divide(
-      calc.subtract('100vw', calc.multiply(sysFluidityMin, '1rem')),
-      calc.subtract(sysFluidityMax, sysFluidityMin),
-    ),
-  },
-});
-
-export const refs = createGlobalTheme(':root', {
-  colors: {
-    neutral: {
-      0: '#000000',
-      10: '#161C1D',
-      20: '#2C383A',
-      30: '#435456',
-      40: '#597173',
-      50: '#6F8D90',
-      60: '#8CA4A6',
-      70: '#A9BBBC',
-      80: '#C5D1D3',
-      90: '#E2E8E9',
-      100: '#FFFFFF',
-    },
-    primary: {
-      0: '#000000',
-      10: '#1A1110',
-      20: '#401D10',
-      30: '#7F3A1A',
-      40: '#BF5B21',
-      50: '#F27F1B',
-      60: '#F2A950',
-      70: '#E6BD8A',
-      80: '#E4CEBC',
-      90: '#ECE8E2',
-      100: '#FFFFFF',
-    },
-  },
-
-  fluidity: {
-    min: sysFluidityMin,
-    max: sysFluidityMax,
-    interpolation: sysFluidityInterpolation,
-  },
-
-  typeface: {
-    brand: 'Serif',
-    plain: 'Sans Serif',
-  },
-});

package/.storybook/theme/sprinkles.css.ts

@@ -1,40 +0,0 @@
-import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
-
-const space = {
-  none: '0',
-  small: '4px',
-  medium: '8px',
-  large: '16px',
-};
-
-export const sprinklesProps = {
-  padding: space,
-  backgroundColor: {
-    red: 'red',
-    blue: 'blue',
-  },
-  color: {
-    white: 'white',
-    black: 'black',
-  },
-  textAlign: {
-    center: 'center',
-    start: 'start',
-    end: 'end',
-  },
-} as const;
-
-export const responsiveProperties = defineProperties({
-  conditions: {
-    mobile: {},
-    tablet: { '@media': 'screen and (min-width: 768px)' },
-    desktop: { '@media': 'screen and (min-width: 1024px)' },
-  },
-  defaultCondition: 'mobile',
-  properties: sprinklesProps,
-});
-
-export const sprinkles = createSprinkles(responsiveProperties);
-export type Sprinkles = Parameters<typeof sprinkles>[0];
-
-export type SprinklesFnBase = ReturnType<typeof createSprinkles>;

package/.storybook/theme/theme.css.ts

@@ -1,293 +0,0 @@
-import { createGlobalTheme } from '@vanilla-extract/css';
-
-import { sys } from '../../src/styles/system-contract.css';
-
-import { refs } from './ref.css';
-
-createGlobalTheme(':root', sys, {
-  layout: {
-    measure: '75ch',
-    direction: '1',
-  },
-
-  color: {
-    background: refs.colors.neutral[90],
-    foreground: refs.colors.neutral[10],
-
-    outline: refs.colors.neutral[40],
-    muted: refs.colors.neutral[20],
-  },
-
-  state: {
-    hovered: {
-      opacity: '0.08',
-    },
-    focused: {
-      opacity: '0.12',
-    },
-    pressed: {
-      opacity: '0.2',
-    },
-  },
-
-  shape: {
-    corner: {
-      none: '0',
-      sharp: '0.125rem', // 2px
-      small: '0.25rem', // 4px
-      medium: '0.5rem', // 8px
-      rounded: '0.75rem', // 12px
-      circle: '50%',
-    },
-  },
-
-  elevation: {
-    none: 'none',
-    minimal:
-      '0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)',
-    low: '0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)',
-    moderate:
-      '0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)',
-    high: '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)',
-    peak: '0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)',
-  },
-
-  motion: {
-    duration: {
-      short: {
-        1: '50ms',
-        2: '100ms',
-        3: '150ms',
-        4: '200ms',
-      },
-      medium: {
-        1: '250ms',
-        2: '300ms',
-        3: '350ms',
-        4: '400ms',
-      },
-      long: {
-        1: '450ms',
-        2: '500ms',
-        3: '550ms',
-        4: '600ms',
-      },
-    },
-    easing: {
-      standard: 'cubic-bezier(0.2, 0, 0, 1)',
-      decelerate: {
-        standard: 'cubic-bezier(0.4, 0, 1, 1)',
-        emphasized: 'cubic-bezier(0.05, 0.7, 0.1, 1)',
-      },
-      accelerate: {
-        standard: 'cubic-bezier(0.4, 0, 1, 1)',
-        emphasized: 'cubic-bezier(0.3, 0, 0.8, 0.15)',
-      },
-    },
-  },
-
-  typography: {
-    display: {
-      /* Display Large from 40px to 85px */
-      large: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-display-large-size) * 0.1)`,
-        size: `clamp(2.5rem, calc(2.5rem + (5.3125 - 2.5) * ${refs.fluidity.interpolation}), 5.3125rem)`,
-      },
-
-      /* Display Medium from 34px to 65px */
-      medium: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-display-medium-size) * 0.1)`,
-        size: `clamp(2.125rem, calc(2.125rem + (4.0625 - 2.125) * ${refs.fluidity.interpolation}), 4.0625rem)`,
-      },
-
-      /* Display Small from 28px to 50px */
-      small: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-display-small-size) * 0.1)`,
-        size: `clamp(1.75rem, calc(1.75rem + (3.125 - 1.75) * ${refs.fluidity.interpolation}), 3.125rem)`,
-      },
-    },
-
-    headline: {
-      /* Heading Large from 32px to 68px */
-      large: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-heading-large-size) * 0.1)`,
-        size: `clamp(2rem, calc(2rem + (4.25 - 2) * ${refs.fluidity.interpolation}), 4.25rem)`,
-      },
-
-      /* Heading Medium from 28px to 54px */
-      medium: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-heading-medium-size) * 0.1)`,
-        size: `clamp(1.75rem, calc(1.75rem + (3.375 - 1.75) * ${refs.fluidity.interpolation}), 3.375rem)`,
-      },
-
-      /* Heading Small from 24px to 44px */
-      small: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-heading-small-size) * 0.1)`,
-        size: `clamp(1.5rem, calc(1.5rem + (2.75 - 1.5) * ${refs.fluidity.interpolation}), 2.75rem)`,
-      },
-    },
-
-    /* Title Large from 24px to 36px */
-    title: {
-      large: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-title-large-size) * 0.1)`,
-        size: `clamp(1.5rem, calc(1.5rem + (2.25 - 1.5) * ${refs.fluidity.interpolation}), 2.25rem)`,
-      },
-
-      /* Title Medium from 18px to 24px */
-      medium: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-title-medium-size) * 0.1)`,
-        size: `clamp(1.125rem, calc(1.125rem + (1.5 - 1.125) * ${refs.fluidity.interpolation}), 1.5rem)`,
-      },
-
-      /* Title Small from 17px to 21px */
-      small: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--sys-typography-title-small-size) * 0.1)`,
-        size: `clamp(1.0625rem, calc(1.0625rem + (1.3125 - 1.0625) * ${refs.fluidity.interpolation}), 1.3125rem)`,
-      },
-    },
-
-    body: {
-      /* Body Large from 19px to 25px */
-      large: {
-        font: 'var(--ref-typeface-plain)',
-        weight: 'var(--ref-typeface-weight-regular)',
-        lineHeight: 'var(--ref-line-height-lg)',
-        tracking: 'normal',
-        size: `clamp(1.1875rem, calc(1.1875rem + (1.5625 - 1.1875) * ${refs.fluidity.interpolation}), 1.5625rem)`,
-      },
-
-      /* Body Medium from 14px to 17px */
-      medium: {
-        font: 'var(--ref-typeface-plain)',
-        weight: 'var(--ref-typeface-weight-regular)',
-        lineHeight: 'var(--ref-line-height-xl)',
-        tracking: 'normal',
-        size: `clamp(0.875rem, calc(0.875rem + (1.0625 - 0.875) * ${refs.fluidity.interpolation}), 1.0625rem)`,
-      },
-
-      /* Body Small from 12px to 14px */
-      small: {
-        font: 'var(--ref-typeface-plain)',
-        weight: 'var(--ref-typeface-weight-regular)',
-        lineHeight: 'var(--ref-line-height-md)',
-        tracking: 'normal',
-        size: `clamp(0.75rem, calc(0.75rem + (0.875 - 0.75) * ${refs.fluidity.interpolation}), 0.875rem)`,
-      },
-    },
-
-    label: {
-      /* Label Large from 16px to 20px */
-      large: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--ref-font-size-sm) * 0.1)`,
-        size: `clamp(1rem, calc(1rem + (1.25 - 1) * ${refs.fluidity.interpolation}), 1.25rem)`,
-      },
-
-      /* Label Medium from 14px to 17px */
-      medium: {
-        font: 'var(--ref-typeface-plain)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-xl)',
-        tracking: 'normal',
-        size: `clamp(0.875rem, calc(0.875rem + (1.0625 - 0.875) * ${refs.fluidity.interpolation}), 1.0625rem)`,
-      },
-
-      /* Label Small from 12px to 14px */
-      small: {
-        font: 'var(--ref-typeface-brand)',
-        weight: 'var(--ref-typeface-weight-bold)',
-        lineHeight: 'var(--ref-line-height-sm)',
-        tracking: `calc(var(--ref-font-size-sm) * 0.1)`,
-        size: `clamp(0.75rem, calc(0.75rem + (0.875 - 0.75) * ${refs.fluidity.interpolation}), 0.875rem)`,
-      },
-    },
-  },
-
-  spacing: {
-    0: '0px',
-
-    /* from 4px to 6px */
-    1: `clamp(0.25rem, calc(0.25rem + (0.375 - 0.25) * ${refs.fluidity.interpolation}), 0.375rem)`,
-
-    /* from 8px to 13px */
-    2: `clamp(0.5rem, calc(0.5rem + (0.8125 - 0.5) * ${refs.fluidity.interpolation}), 0.8125rem)`,
-
-    /* from 12px to 21px */
-    3: `clamp(0.75rem, calc(0.75rem + (1.3125 - 0.75) * ${refs.fluidity.interpolation}), 1.3125rem)`,
-
-    /* from 16px to 29px */
-    4: `clamp(1rem, calc(1rem + (1.8125 - 1) * ${refs.fluidity.interpolation}), 1.8125rem)`,
-
-    /* from 20px to 38px */
-    5: `clamp(1.25rem, calc(1.25rem + (2.375 - 1.25) * ${refs.fluidity.interpolation}), 2.375rem)`,
-
-    /* from 24px to 47px */
-    6: `clamp(1.5rem, calc(1.5rem + (2.9375 - 1.5) * ${refs.fluidity.interpolation}), 2.9375rem)`,
-
-    /* from 28px to 57px */
-    7: `clamp(1.75rem, calc(1.75rem + (3.5625 - 1.75) * ${refs.fluidity.interpolation}), 3.5625rem)`,
-
-    /* from 32px to 66px */
-    8: `clamp(2rem, calc(2rem + (4.125 - 2) * ${refs.fluidity.interpolation}), 4.125rem)`,
-
-    /* from 36px to 76px */
-    9: `clamp(2.25rem, calc(2.25rem + (4.75 - 2.25) * ${refs.fluidity.interpolation}), 4.75rem)`,
-
-    /* from 40px to 87px */
-    10: `clamp(2.5rem, calc(2.5rem + (5.4375 - 2.5) * ${refs.fluidity.interpolation}), 5.4375rem)`,
-
-    /* from 44px to 97px */
-    11: `clamp(2.75rem, calc(2.75rem + (6.0625 - 2.75) * ${refs.fluidity.interpolation}), 6.0625rem)`,
-
-    /* from 48px to 108px */
-    12: `clamp(3rem, calc(3rem + (6.75 - 3) * ${refs.fluidity.interpolation}), 6.75rem)`,
-
-    /* from 52px to 119px */
-    13: `clamp(3.25rem, calc(3.25rem + (7.4375 - 3.25) * ${refs.fluidity.interpolation}), 7.4375rem)`,
-
-    /* from 56px to 130px */
-    14: `clamp(3.5rem, calc(3.5rem + (8.125 - 3.5) * ${refs.fluidity.interpolation}), 8.125rem)`,
-
-    /* from 60px to 141px */
-    15: `clamp(3.75rem, calc(3.75rem + (8.8125 - 3.75) * ${refs.fluidity.interpolation}), 8.8125rem)`,
-
-    /* from 64px to 153px */
-    16: `clamp(4rem, calc(4rem + (9.5625 - 4) * ${refs.fluidity.interpolation}), 9.5625rem)`,
-
-    /* from 68px to 164px */
-    17: `clamp(4.25rem, calc(4.25rem + (10.25 - 4.25) * ${refs.fluidity.interpolation}), 10.25rem)`,
-
-    /* from 72px to 176px */
-    18: `clamp(4.5rem, calc(4.5rem + (11 - 4.5) * ${refs.fluidity.interpolation}), 11rem)`,
-  },
-});

package/.turbo/turbo-lint.log

@@ -1,82 +0,0 @@
-
-
-> @kalink/ui@0.0.0 lint /Users/louis/dev/kalink-ui/packages/ui
-> eslint . --max-warnings 0
-
-
-/Users/louis/dev/kalink-ui/packages/ui/src/components/center/center.stories.tsx
-  1:1   error  `@storybook/react` type import should occur after import of `./center.css`      import/order
-  3:36  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe'  import/no-unresolved
-  4:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'            import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/components/cluster/cluster.stories.tsx
-  1:1   error  `@storybook/react` type import should occur after import of `./cluster.css`     import/order
-  3:36  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe'  import/no-unresolved
-  4:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'            import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/components/cover/cover.stories.tsx
-  1:1   error  `@storybook/react` type import should occur after import of `./cover.css`       import/order
-  3:36  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe'  import/no-unresolved
-  4:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'            import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/components/frame/frame.stories.tsx
-  1:1   error  `@storybook/react` type import should occur after import of `./frame.css`       import/order
-  3:36  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe'  import/no-unresolved
-  4:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'            import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/components/grid/grid.stories.tsx
-  1:1   error  `@storybook/react` type import should occur after import of `./grid.css`        import/order
-  3:36  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe'  import/no-unresolved
-  4:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'            import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/components/sidebar/sidebar.stories.tsx
-  1:1   error  `@storybook/react` type import should occur after import of `./sidebar.css`     import/order
-  3:36  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe'  import/no-unresolved
-  4:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'            import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/components/stack/stack.stories.tsx
-  1:1   error  `@storybook/react` type import should occur after import of `./stack.css`       import/order
-  3:36  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe'  import/no-unresolved
-  4:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'            import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/components/switcher/switcher.stories.tsx
-  1:1   error  There should be at least one empty line between import groups                   import/order
-  1:1   error  `@storybook/react` type import should occur after import of `./switcher.css`    import/order
-  4:36  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-recipe'  import/no-unresolved
-  5:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'            import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/styles/seed/seed.stories.tsx
-  2:39  error  Unable to resolve path to module '@/storybook/arg-types/arg-types-from-sprinkles'  import/no-unresolved
-  3:40  error  Unable to resolve path to module '@/storybook/arg-types/common-args'               import/no-unresolved
-  7:8   error  Unable to resolve path to module '@/storybook/styles/sprinkles-mock.css'           import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/types/utils.types.ts
-  3:75  error  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-/Users/louis/dev/kalink-ui/packages/ui/src/utils/__tests__/extract-sprinkles-props.test.ts
-  1:32  error  Unable to resolve path to module '@std/testing/bdd'                    import/no-unresolved
-  2:21  error  Unable to resolve path to module '@std/testing/mock'                   import/no-unresolved
-  3:1   error  `@std/expect` import should occur before import of `@std/testing/bdd`  import/order
-  3:24  error  Unable to resolve path to module '@std/expect'                         import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/utils/__tests__/is-object.test.ts
-  1:1   error  There should be at least one empty line between import groups                   import/order
-  2:1   error  `@std/testing/bdd` import should occur before import of `@/utils/is-object.ts`  import/order
-  2:30  error  Unable to resolve path to module '@std/testing/bdd'                             import/no-unresolved
-  3:1   error  `@std/expect` import should occur before import of `@/utils/is-object.ts`       import/order
-  3:24  error  Unable to resolve path to module '@std/expect'                                  import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/utils/__tests__/map-contract-vars.test.ts
-  1:1   error  There should be at least one empty line between import groups                           import/order
-  2:1   error  `@std/testing/bdd` import should occur before import of `@/utils/map-contract-vars.ts`  import/order
-  2:32  error  Unable to resolve path to module '@std/testing/bdd'                                     import/no-unresolved
-  3:1   error  `@std/expect` import should occur before import of `@/utils/map-contract-vars.ts`       import/order
-  3:24  error  Unable to resolve path to module '@std/expect'                                          import/no-unresolved
-
-/Users/louis/dev/kalink-ui/packages/ui/src/utils/extract-sprinkles-props.ts
-  5:13  error  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-
-✖ 44 problems (44 errors, 0 warnings)
-  16 errors and 0 warnings potentially fixable with the `--fix` option.
-
- ELIFECYCLE  Command failed with exit code 1.

package/.turbo/turbo-tsc.log

@@ -1,227 +0,0 @@
-
-
-> @kalink/ui@0.0.0 tsc /Users/louis/dev/kalink-ui/packages/ui
-> tsc --noEmit
-
-src/components/center/center.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-1 import type { Meta, StoryObj } from "@storybook/react";
-                                      ~~~~~~~~~~~~~~~~~~
-
-src/components/center/center.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
-
-3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
-                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/center/center.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/cluster/cluster.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-1 import type { Meta, StoryObj } from "@storybook/react";
-                                      ~~~~~~~~~~~~~~~~~~
-
-src/components/cluster/cluster.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
-
-3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
-                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/cluster/cluster.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/cover/cover.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-1 import type { Meta, StoryObj } from "@storybook/react";
-                                      ~~~~~~~~~~~~~~~~~~
-
-src/components/cover/cover.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
-
-3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
-                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/cover/cover.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/frame/frame.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-1 import type { Meta, StoryObj } from "@storybook/react";
-                                      ~~~~~~~~~~~~~~~~~~
-
-src/components/frame/frame.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
-
-3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
-                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/frame/frame.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/grid/grid.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-1 import type { Meta, StoryObj } from "@storybook/react";
-                                      ~~~~~~~~~~~~~~~~~~
-
-src/components/grid/grid.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
-
-3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
-                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/grid/grid.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/sidebar/sidebar.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-1 import type { Meta, StoryObj } from "@storybook/react";
-                                      ~~~~~~~~~~~~~~~~~~
-
-src/components/sidebar/sidebar.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
-
-3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
-                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/sidebar/sidebar.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/sidebar/sidebar.stories.tsx:45:14 - error TS7031: Binding element 'sideWidth' implicitly has an 'any' type.
-
-45   render: ({ sideWidth, contentMinWidth, ...args }) => (
-                ~~~~~~~~~
-
-src/components/sidebar/sidebar.stories.tsx:45:25 - error TS7031: Binding element 'contentMinWidth' implicitly has an 'any' type.
-
-45   render: ({ sideWidth, contentMinWidth, ...args }) => (
-                           ~~~~~~~~~~~~~~~
-
-src/components/stack/stack.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-1 import type { Meta, StoryObj } from "@storybook/react";
-                                      ~~~~~~~~~~~~~~~~~~
-
-src/components/stack/stack.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
-
-3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
-                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/stack/stack.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/switcher/switcher.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-1 import type { Meta, StoryObj } from "@storybook/react";
-                                      ~~~~~~~~~~~~~~~~~~
-
-src/components/switcher/switcher.stories.tsx:4:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
-
-4 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
-                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/switcher/switcher.stories.tsx:5:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-5 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/components/switcher/switcher.stories.tsx:52:14 - error TS7031: Binding element 'childCount' implicitly has an 'any' type.
-
-52   render: ({ childCount, ...args }) => {
-                ~~~~~~~~~~
-
-src/styles/seed/seed.stories.tsx:2:39 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-sprinkles' or its corresponding type declarations.
-
-2 import { argTypesFromSprinkles } from '@/storybook/arg-types/arg-types-from-sprinkles';
-                                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/styles/seed/seed.stories.tsx:3:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
-
-3 import { CommonArgs, commonArgs } from '@/storybook/arg-types/common-args';
-                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/styles/seed/seed.stories.tsx:7:8 - error TS2307: Cannot find module '@/storybook/styles/sprinkles-mock.css' or its corresponding type declarations.
-
-7 } from '@/storybook/styles/sprinkles-mock.css';
-         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/styles/seed/seed.stories.tsx:11:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
-
-11 import type { Meta, StoryObj } from '@storybook/react';
-                                       ~~~~~~~~~~~~~~~~~~
-
-src/utils/__tests__/extract-sprinkles-props.test.ts:1:32 - error TS2307: Cannot find module '@std/testing/bdd' or its corresponding type declarations.
-
-1 import { describe, test } from "@std/testing/bdd";
-                                 ~~~~~~~~~~~~~~~~~~
-
-src/utils/__tests__/extract-sprinkles-props.test.ts:2:21 - error TS2307: Cannot find module '@std/testing/mock' or its corresponding type declarations.
-
-2 import { spy } from "@std/testing/mock";
-                      ~~~~~~~~~~~~~~~~~~~
-
-src/utils/__tests__/extract-sprinkles-props.test.ts:3:24 - error TS2307: Cannot find module '@std/expect' or its corresponding type declarations.
-
-3 import { expect } from "@std/expect";
-                         ~~~~~~~~~~~~~
-
-src/utils/__tests__/extract-sprinkles-props.test.ts:8:8 - error TS5097: An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
-
-8 } from "@/utils/extract-sprinkles-props.ts";
-         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/utils/__tests__/is-object.test.ts:1:26 - error TS5097: An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
-
-1 import { isObject } from "@/utils/is-object.ts";
-                           ~~~~~~~~~~~~~~~~~~~~~~
-
-src/utils/__tests__/is-object.test.ts:2:30 - error TS2307: Cannot find module '@std/testing/bdd' or its corresponding type declarations.
-
-2 import { describe, it } from "@std/testing/bdd";
-                               ~~~~~~~~~~~~~~~~~~
-
-src/utils/__tests__/is-object.test.ts:3:24 - error TS2307: Cannot find module '@std/expect' or its corresponding type declarations.
-
-3 import { expect } from "@std/expect";
-                         ~~~~~~~~~~~~~
-
-src/utils/__tests__/map-contract-vars.test.ts:1:33 - error TS5097: An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
-
-1 import { mapContractVars } from "@/utils/map-contract-vars.ts";
-                                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-src/utils/__tests__/map-contract-vars.test.ts:2:32 - error TS2307: Cannot find module '@std/testing/bdd' or its corresponding type declarations.
-
-2 import { describe, test } from "@std/testing/bdd";
-                                 ~~~~~~~~~~~~~~~~~~
-
-src/utils/__tests__/map-contract-vars.test.ts:3:24 - error TS2307: Cannot find module '@std/expect' or its corresponding type declarations.
-
-3 import { expect } from "@std/expect";
-                         ~~~~~~~~~~~~~
-
-
-Found 41 errors in 12 files.
-
-Errors  Files
-     3  src/components/center/center.stories.tsx:1
-     3  src/components/cluster/cluster.stories.tsx:1
-     3  src/components/cover/cover.stories.tsx:1
-     3  src/components/frame/frame.stories.tsx:1
-     3  src/components/grid/grid.stories.tsx:1
-     5  src/components/sidebar/sidebar.stories.tsx:1
-     3  src/components/stack/stack.stories.tsx:1
-     4  src/components/switcher/switcher.stories.tsx:1
-     4  src/styles/seed/seed.stories.tsx:2
-     4  src/utils/__tests__/extract-sprinkles-props.test.ts:1
-     3  src/utils/__tests__/is-object.test.ts:1
-     3  src/utils/__tests__/map-contract-vars.test.ts:1
- ELIFECYCLE  Command failed with exit code 1.

package/dist/utils.types.d.mts

@@ -1,9 +0,0 @@
-import { ElementType, ComponentPropsWithRef } from 'react';
-
-type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
-type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;
-type PolymorphicComponentProps<TUse extends ElementType> = {
-    use?: TUse;
-} & DistributiveOmit<ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>, 'use'>;
-
-export type { DistributiveOmit, PolymorphicComponentProps, UnwrapArray };

package/dist/utils.types.d.ts

@@ -1,9 +0,0 @@
-import { ElementType, ComponentPropsWithRef } from 'react';
-
-type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
-type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;
-type PolymorphicComponentProps<TUse extends ElementType> = {
-    use?: TUse;
-} & DistributiveOmit<ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>, 'use'>;
-
-export type { DistributiveOmit, PolymorphicComponentProps, UnwrapArray };

package/dist/utils.types.js

@@ -1,19 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/types/utils.types.ts
-var utils_types_exports = {};
-module.exports = __toCommonJS(utils_types_exports);
-//# sourceMappingURL=utils.types.js.map

package/dist/utils.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/utils.types.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react';\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any\n  ? Omit<T, TOmitted>\n  : never;\n\nexport type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;\n\nexport type PolymorphicComponentProps<TUse extends ElementType> = {\n  use?: TUse;\n} & DistributiveOmit<\n  ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>,\n  'use'\n>;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/utils.types.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=utils.types.mjs.map

package/dist/utils.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/eslint.config.mts

@@ -1,3 +0,0 @@
-import { reactEslintConfig } from '@kalink-ui/eslint-config/react-eslint-config';
-
-export default reactEslintConfig;

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "extends": "@kalink-ui/typescript-config/react-library.json",
-  "include": ["**/*.ts", "**/*.tsx", "eslint.config.mts", "tsup.config.ts"],
-  "exclude": ["node_modules"],
-  "compilerOptions": {
-    "paths": {
-      "@/storybook/*": ["./.storybook/*"],
-      "@/utils/*": ["./src/utils/*"],
-      "@/types/*": ["./src/types/*"],
-      "@/components/*": ["./src/components/*"],
-      "@/styles/*": ["./src/styles/*"],
-    }
-  }
-}

package/tsup.config.ts

@@ -1,18 +0,0 @@
-import { defineConfig } from 'tsup';
-
-export default defineConfig((options) => ({
-  // entry: ['src/**/!(*.(style|css|test|spec|stories)).(ts|tsx)'],
-  entry: ['src/types/utils.types.ts'],
-  format: ['esm', 'cjs'],
-  dts: true,
-  sourcemap: true,
-  external: [
-    'react',
-    '@vanilla-extract/css',
-    '@vanilla-extract/recipes',
-    '@vanilla-extract/sprinkles',
-    '@vanilla-extract/css-utils',
-  ],
-  clean: true,
-  ...options,
-}));

package/turbo/generators/config.ts

@@ -1,35 +0,0 @@
-import type { PlopTypes } from '@turbo/gen';
-
-// Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
-
-export default function generator(plop: PlopTypes.NodePlopAPI): void {
-  // A simple generator to add a new React component to the internal UI library
-  plop.setGenerator('ui-component', {
-    description: 'Adds a new react component',
-    prompts: [
-      {
-        type: 'input',
-        name: 'name',
-        message: 'What is the name of the component?',
-      },
-    ],
-    actions: [
-      {
-        type: 'add',
-        path: 'src/components/{{kebabCase name}}/{{kebabCase name}}.tsx',
-        templateFile: 'templates/component.hbs',
-      },
-      {
-        type: 'add',
-        path: 'src/components/{{kebabCase name}}/{{kebabCase name}}.css.ts',
-        templateFile: 'templates/style.hbs',
-      },
-      {
-        type: 'append',
-        path: 'package.json',
-        pattern: /"exports": {(?<insertion>)/g,
-        templateFile: 'templates/export.hbs',
-      },
-    ],
-  });
-}

package/turbo/generators/templates/component.hbs

@@ -1,21 +0,0 @@
-import { clsx } from 'clsx';
-import { ReactNode } from 'react';
-
-import { {{ camelCase name }} } from './{{ kebabCase name }}.css';
-
-type {{ pascalCase name }}Props = {
-  children: ReactNode;
-  className?: string;
-}
-
-export function {{ pascalCase name }}({ 
-  children,
-  className,
-}: {{ pascalCase name }}Props) {
-  return (
-    <div className={clsx({{ camelCase name }}, className)}>
-      <h1>{{ pascalCase name }} Component</h1>
-      {children}
-    </div>
-  );
-};

package/turbo/generators/templates/export.hbs

@@ -1,5 +0,0 @@
-    "./{{kebabCase name}}": {
-      "types": "./src/components/{{kebabCase name}}.tsx",
-      "import": "./dist/components/{{kebabCase name}}.mjs",
-      "require": "./dist/components/{{kebabCase name}}.js"
-    },

package/turbo/generators/templates/style.hbs

@@ -1,3 +0,0 @@
-import { style } from '@vanilla-extract/css';
-
-export const {{ camelCase name }} = style({});

package/vite.config.mts

@@ -1,9 +0,0 @@
-import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
-import react from '@vitejs/plugin-react';
-import tsconfigPaths from 'vite-tsconfig-paths';
-
-import type { UserConfig } from 'vite';
-
-export default {
-  plugins: [tsconfigPaths(), react(), vanillaExtractPlugin()],
-} satisfies UserConfig;