@kalink-ui/seedly 0.32.1 → 0.33.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/package.json +37 -36
  3. package/src/components/collapsible/collapsible-content.css.ts +48 -0
  4. package/src/components/collapsible/collapsible-content.tsx +13 -0
  5. package/src/components/collapsible/collapsible.tsx +6 -0
  6. package/src/components/collapsible/index.ts +3 -0
  7. package/src/components/index.ts +1 -0
  8. package/src/components/sheet/sheet-title.tsx +2 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @kalink-ui/seedly
2
2
 
3
+ ## 0.33.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 8ec0736: Fix typing issues and tooling configuration
8
+ - @kalink-ui/dibbly@0.5.2
9
+
10
+ ## 0.33.0
11
+
12
+ ### Minor Changes
13
+
14
+ - c8c98c0: Introduce the Radix-based `Collapsible` primitives and animated `CollapsibleContent`, and pull the new `@radix-ui/react-collapsible` dependency into Seedly.
15
+
3
16
  ## 0.32.1
4
17
 
5
18
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kalink-ui/seedly",
3
- "version": "0.32.1",
3
+ "version": "0.33.1",
4
4
  "description": "A set of components for building UIs with React and TypeScript",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",
@@ -16,35 +16,35 @@
16
16
  "./styles/layers": "./src/styles/layers.css.ts"
17
17
  },
18
18
  "devDependencies": {
19
- "@chromatic-com/storybook": "^4.0.0",
20
- "@storybook/addon-docs": "^9.0.8",
21
- "@storybook/addon-onboarding": "^9.0.8",
22
- "@storybook/react-vite": "^9.0.8",
23
- "@turbo/gen": "^2.5.4",
24
- "@types/node": "^24.0.0",
25
- "@types/react": "19.1.7",
26
- "@types/react-dom": "19.1.6",
27
- "@vanilla-extract/css": "^1.17.3",
28
- "@vanilla-extract/css-utils": "^0.1.5",
29
- "@vanilla-extract/dynamic": "^2.1.4",
30
- "@vanilla-extract/recipes": "^0.5.6",
31
- "@vanilla-extract/sprinkles": "^1.6.4",
32
- "@vanilla-extract/vite-plugin": "^5.0.5",
33
- "@vitejs/plugin-react": "^4.5.2",
34
- "eslint": "^9.28.0",
35
- "eslint-plugin-storybook": "9.0.8",
36
- "lucide-react": "^0.514.0",
37
- "react": "^19.1.0",
19
+ "@chromatic-com/storybook": "^4.1.1",
20
+ "@storybook/addon-docs": "^9.1.10",
21
+ "@storybook/addon-onboarding": "^9.1.10",
22
+ "@storybook/react-vite": "^9.1.10",
23
+ "@turbo/gen": "^2.5.8",
24
+ "@types/node": "^24.6.2",
25
+ "@types/react": "^19.2.0",
26
+ "@types/react-dom": "^19.2.0",
27
+ "@vanilla-extract/css": "^1.17.4",
28
+ "@vanilla-extract/css-utils": "^0.1.6",
29
+ "@vanilla-extract/dynamic": "^2.1.5",
30
+ "@vanilla-extract/recipes": "^0.5.7",
31
+ "@vanilla-extract/sprinkles": "^1.6.5",
32
+ "@vanilla-extract/vite-plugin": "^5.1.1",
33
+ "@vitejs/plugin-react": "^5.0.4",
34
+ "eslint": "^9.37.0",
35
+ "eslint-plugin-storybook": "9.1.10",
36
+ "lucide-react": "^0.544.0",
37
+ "react": "^19.2.0",
38
38
  "react-docgen-typescript": "^2.4.0",
39
- "react-dom": "^19.1.0",
40
- "storybook": "^9.0.8",
41
- "type-fest": "^4.41.0",
42
- "typescript": "^5.8.3",
43
- "vite": "^6.3.5",
39
+ "react-dom": "^19.2.0",
40
+ "storybook": "^9.1.10",
41
+ "type-fest": "^5.0.1",
42
+ "typescript": "^5.9.3",
43
+ "vite": "^7.1.9",
44
44
  "vite-tsconfig-paths": "^5.1.4",
45
- "vitest": "^3.2.3",
46
- "@kalink-ui/eslint-config": "0.10.0",
47
- "@kalink-ui/typescript-config": "0.4.0"
45
+ "vitest": "^3.2.4",
46
+ "@kalink-ui/typescript-config": "0.4.0",
47
+ "@kalink-ui/eslint-config": "0.10.1"
48
48
  },
49
49
  "peerDependencies": {
50
50
  "@vanilla-extract/css": "^1.17.1",
@@ -52,16 +52,17 @@
52
52
  "@vanilla-extract/dynamic": "^2.1.2",
53
53
  "@vanilla-extract/recipes": "^0.5.5",
54
54
  "@vanilla-extract/sprinkles": "^1.6.3",
55
- "react": "^19.0.0",
56
- "react-dom": "^19.0.0",
57
- "typescript": "^5.8.2"
55
+ "react": "^19.1.1",
56
+ "react-dom": "^19.1.1",
57
+ "typescript": "^5.9.2"
58
58
  },
59
59
  "dependencies": {
60
- "@radix-ui/react-alert-dialog": "^1.1.14",
61
- "@radix-ui/react-dialog": "^1.1.14",
62
- "@radix-ui/react-popover": "^1.1.14",
63
- "@radix-ui/react-scroll-area": "^1.2.9",
64
- "@radix-ui/react-select": "^2.2.5",
60
+ "@radix-ui/react-alert-dialog": "^1.1.15",
61
+ "@radix-ui/react-collapsible": "^1.1.12",
62
+ "@radix-ui/react-dialog": "^1.1.15",
63
+ "@radix-ui/react-popover": "^1.1.15",
64
+ "@radix-ui/react-scroll-area": "^1.2.10",
65
+ "@radix-ui/react-select": "^2.2.6",
65
66
  "@radix-ui/react-slot": "^1.2.3",
66
67
  "clsx": "^2.1.1",
67
68
  "cmdk": "^1.1.1",
package/src/components/collapsible/collapsible-content.css.ts ADDED
@@ -0,0 +1,48 @@
1
+ import { keyframes, style } from '@vanilla-extract/css';
2
+
3
+ import { sys } from '../../styles';
4
+ import { components } from '../../styles/layers.css';
5
+
6
+ const slideDown = keyframes({
7
+ '0%': {
8
+ height: 0,
9
+ opacity: 0,
10
+ },
11
+ '100%': {
12
+ height: 'var(--radix-collapsible-content-height)',
13
+ opacity: 1,
14
+ },
15
+ });
16
+
17
+ const slideUp = keyframes({
18
+ '0%': {
19
+ height: 'var(--radix-collapsible-content-height)',
20
+ opacity: 1,
21
+ },
22
+ '100%': {
23
+ height: 0,
24
+ opacity: 0,
25
+ },
26
+ });
27
+
28
+ export const collapsibleContent = style({
29
+ '@layer': {
30
+ [components]: {
31
+ overflow: 'hidden',
32
+
33
+ animationDuration: sys.motion.duration.medium[2],
34
+ animationTimingFunction: sys.motion.easing.standard,
35
+ animationFillMode: 'both',
36
+ willChange: 'height',
37
+
38
+ selectors: {
39
+ '&[data-state="open"]': {
40
+ animationName: slideDown,
41
+ },
42
+ '&[data-state="closed"]': {
43
+ animationName: slideUp,
44
+ },
45
+ },
46
+ },
47
+ },
48
+ });
package/src/components/collapsible/collapsible-content.tsx ADDED
@@ -0,0 +1,13 @@
1
+ 'use client';
2
+
3
+ import { CollapsibleContentProps, Content } from '@radix-ui/react-collapsible';
4
+ import { clsx } from 'clsx';
5
+
6
+ import { collapsibleContent } from './collapsible-content.css';
7
+
8
+ export function CollapsibleContent({
9
+ className,
10
+ ...props
11
+ }: CollapsibleContentProps) {
12
+ return <Content className={clsx(collapsibleContent, className)} {...props} />;
13
+ }
package/src/components/collapsible/collapsible.tsx ADDED
@@ -0,0 +1,6 @@
1
+ 'use client';
2
+
3
+ import { Root, Trigger } from '@radix-ui/react-collapsible';
4
+
5
+ export const Collapsible = Root;
6
+ export const CollapsibleTrigger = Trigger;
package/src/components/collapsible/index.ts ADDED
@@ -0,0 +1,3 @@
1
+ export { Collapsible, CollapsibleTrigger } from './collapsible';
2
+ export { CollapsibleContent } from './collapsible-content';
3
+ export { collapsibleContent } from './collapsible-content.css';
package/src/components/index.ts CHANGED
@@ -5,6 +5,7 @@ export * from './button-icon';
5
5
  export * from './card';
6
6
  export * from './center';
7
7
  export * from './cluster';
8
+ export * from './collapsible';
8
9
  export * from './command';
9
10
  export * from './conditional-wrapper';
10
11
  export * from './cover';
package/src/components/sheet/sheet-title.tsx CHANGED
@@ -4,6 +4,7 @@ import { Title } from '@radix-ui/react-dialog';
4
4
  import { ComponentPropsWithRef } from 'react';
5
5
 
6
6
  import { Heading, HeadingProps, HeadingTypes } from '../heading';
7
+ import { TextProps } from '../text';
7
8
 
8
9
  type SheetTitleProps<TUse extends HeadingTypes> = ComponentPropsWithRef<
9
10
  typeof Title
@@ -29,7 +30,7 @@ export function SheetTitle<TUse extends HeadingTypes>(
29
30
  return (
30
31
  <Title asChild {...rest}>
31
32
  <Heading
32
- use={use as HeadingProps<TUse>['use']}
33
+ use={use as TextProps<TUse>['use']}
33
34
  variant={variant}
34
35
  size={size}
35
36
  className={className}