@kalink-ui/seedly 0.9.0 → 0.11.0

package/src/styles/extract-sprinkles-props.ts

@@ -1,46 +1,40 @@
-import type { SprinklesProperties } from '@vanilla-extract/sprinkles';
-import type { UnknownRecord } from 'type-fest';
+import { UnknownRecord } from 'type-fest';
 
-/* eslint-disable-next-line @typescript-eslint/consistent-type-definitions */
-export interface SprinklesFnBase {
-  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-  (...args: any): string;
-  properties: Set<string>;
+export interface SprinklesFnBase<TSprinklesProps = Record<string, unknown>> {
+  (props: TSprinklesProps): string;
+  properties: Set<Extract<keyof TSprinklesProps, string>>;
 }
 
-export type GetSprinkles<T extends SprinklesFnBase> = Parameters<T>[0];
+export type GetSprinkles<T extends SprinklesFnBase> =
+  T extends SprinklesFnBase<infer TSprinklesProps> ? TSprinklesProps : never;
 
-export type SprinklesProps<TSprinklesFnBase extends SprinklesFnBase> =
-  TSprinklesFnBase['properties'] extends Set<infer T>
-    ? {
-        [KeyType in keyof T]: T[KeyType] extends SprinklesProperties
-          ? KeyType
-          : never;
-      }
-    : never;
-
-/**
- * Extracts the sprinkles properties from the given component props,
- * returning an array containing the extracted sprinkle props and
- * the remaining component props.
- */
 export const extractSprinklesProps = <
-  ComponentProps extends UnknownRecord,
-  SprinklesFn extends SprinklesFnBase,
+  TProps extends UnknownRecord,
+  TSprinkles extends SprinklesFnBase,
 >(
-  props: ComponentProps,
-  sprinkles: SprinklesFn,
-) => {
-  const sprinkleProps: Record<string, unknown> = {};
-  const componentProps: Record<string, unknown> = {};
+  props: TProps,
+  sprinkles: TSprinkles,
+): [
+  Pick<TProps, Extract<keyof TProps, keyof GetSprinkles<TSprinkles>>>,
+  Omit<TProps, Extract<keyof TProps, keyof GetSprinkles<TSprinkles>>>,
+] => {
+  const sprinkleProps = {} as Pick<
+    TProps,
+    Extract<keyof TProps, keyof GetSprinkles<TSprinkles>>
+  >;
+  const componentProps = {} as Omit<
+    TProps,
+    Extract<keyof TProps, keyof GetSprinkles<TSprinkles>>
+  >;
 
-  for (const prop of Object.keys(props)) {
-    if (sprinkles.properties.has(prop)) {
-      sprinkleProps[prop] = props[prop];
-      continue;
+  for (const key of Object.keys(props) as (keyof TProps)[]) {
+    if (sprinkles.properties.has(key as string)) {
+      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+      (sprinkleProps as any)[key] = props[key];
+    } else {
+      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+      (componentProps as any)[key] = props[key];
     }
-
-    componentProps[prop] = props[prop];
   }
 
   return [sprinkleProps, componentProps];

package/src/styles/index.ts

@@ -13,3 +13,12 @@ export {
 } from './extract-sprinkles-props';
 
 export { mapContractVars } from './map-contract-vars';
+
+export {
+  defineResponsiveProperties,
+  type ResponsiveProperties,
+} from './define-responsive-properties';
+
+export { transition, type CreateTransitionFn } from './transition';
+
+export { visuallyHidden } from './visually-hidden.css';

package/src/styles/reset.css.ts

@@ -85,6 +85,7 @@ globalStyle('button', {
 globalStyle('a', {
   '@layer': {
     [base]: {
+      color: 'currentColor',
       textDecoration: 'none',
     },
   },

package/src/styles/visually-hidden.css.ts

@@ -0,0 +1,21 @@
+import { recipe } from '@vanilla-extract/recipes';
+
+// See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+export const visuallyHidden = recipe({
+  variants: {
+    hidden: {
+      true: {
+        position: 'absolute',
+        border: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: 'hidden',
+        clip: 'rect(0, 0, 0, 0)',
+        whiteSpace: 'nowrap',
+        wordWrap: 'normal',
+      },
+    },
+  },
+});