@salty-css/core 0.0.1-alpha.2 → 0.0.1-alpha.21

package/pascal-case-BQpR5PdN.js

@@ -0,0 +1,6 @@
+function p(e) {
+  return e ? typeof e != "string" ? p(String(e)) : e.replace(/\s/g, "-").replace(/[-_]([a-z0-9])/g, (a) => a[1].toUpperCase()).replace(/^[a-z]/, (a) => a.toUpperCase()) : "";
+}
+export {
+  p
+};

package/pascal-case-iWoaJWwT.cjs

@@ -0,0 +1 @@
+"use strict";function r(e){return e?typeof e!="string"?r(String(e)):e.replace(/\s/g,"-").replace(/[-_]([a-z0-9])/g,a=>a[1].toUpperCase()).replace(/^[a-z]/,a=>a.toUpperCase()):""}exports.pascalCase=r;

package/react-styled-file-CGVf5n1B.js

@@ -0,0 +1,11 @@
+const e = `import { styled } from "@salty-css/react/styled";
+
+export const <%- name %> = styled('<%- tag %>', {
+  <% if(className) { %>className: '<%- className %>',<% } %>
+  base: {
+    // Add your styles here
+  }
+})`;
+export {
+  e as default
+};

package/react-styled-file-Dkubsz-U.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=`import { styled } from "@salty-css/react/styled";
+
+export const <%- name %> = styled('<%- tag %>', {
+  <% if(className) { %>className: '<%- className %>',<% } %>
+  base: {
+    // Add your styles here
+  }
+})`;exports.default=e;

package/salty.config-BupieCfE.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=`import { defineConfig } from '@salty-css/core/config';
+
+export const config = defineConfig({
+  // Add your custom config here
+});
+`;exports.default=o;

package/salty.config-D9ANEDiH.js

@@ -0,0 +1,9 @@
+const n = `import { defineConfig } from '@salty-css/core/config';
+
+export const config = defineConfig({
+  // Add your custom config here
+});
+`;
+export {
+  n as default
+};

package/types/index.cjs

@@ -0,0 +1 @@
+"use strict";

package/types/index.d.ts

@@ -0,0 +1,63 @@
+import { AllHTMLAttributes, ReactDOM, ReactNode } from 'react';
+import { StyleComponentGenerator } from '../generator';
+import { OrString } from './util-types';
+export type CreateElementProps = {
+    extend?: Tag<any>;
+    children?: ReactNode;
+    className?: string;
+    element?: string;
+    passVariantProps?: boolean;
+    style?: any;
+    /** vks = Variant key set */
+    _vks?: Set<string>;
+};
+export type StyledComponentProps = Record<string, unknown> & CreateElementProps;
+type FnComponent<PROPS extends StyledComponentProps> = {
+    (props: PROPS): ReactNode;
+    generator?: StyleComponentGenerator;
+};
+export type Tag<PROPS extends StyledComponentProps> = OrString | keyof ReactDOM | FnComponent<PROPS>;
+export type CompoundVariant = {
+    [key: PropertyKey]: any;
+    css: CssStyles;
+};
+type InvalidVariantKeys = keyof AllHTMLAttributes<HTMLElement>;
+type StyleKeys = keyof Required<AllHTMLAttributes<HTMLElement>>['style'];
+export type StyleValue<K extends string> = K extends StyleKeys ? Required<AllHTMLAttributes<HTMLElement>>['style'][K] : never;
+type VariantOptions = {
+    [key in InvalidVariantKeys]?: never;
+};
+type Variants = {
+    variants?: VariantOptions & {
+        [key: PropertyKey]: {
+            [key: string]: Styles;
+        };
+    };
+    defaultVariants?: {
+        [key: PropertyKey]: any;
+    };
+    compoundVariants?: CompoundVariant[];
+};
+type VariantPropValue<T> = T extends 'true' ? 'true' | true : T;
+export type VariantProps<STYLES extends StyledParams> = STYLES['variants'] extends undefined ? object : {
+    [K in keyof STYLES['variants']]?: VariantPropValue<keyof STYLES['variants'][K]> | '';
+};
+type CssValuePropKey = `props-${string}`;
+export type ValueProps = {
+    [key: CssValuePropKey]: string;
+};
+export type ParentComponentProps<TAG extends Tag<any>> = TAG extends (props: infer P) => ReactNode ? P : unknown;
+type StylePropertyValue = Record<never, never> & unknown;
+export type CssStyles = {
+    [key in StyleKeys | OrString]?: StyleValue<key> | StylePropertyValue | PropertyValueToken | CssStyles;
+};
+export type Styles = CssStyles & Variants;
+export interface GeneratorOptions {
+    className?: string;
+    displayName?: string;
+    element?: string;
+}
+export interface StyledParams extends GeneratorOptions, Variants {
+    base?: CssStyles;
+}
+export {};

package/types/index.js

@@ -0,0 +1 @@
+

package/types/util-types.d.ts

@@ -0,0 +1,13 @@
+export type CommonRecord<TYPE = unknown> = Record<PropertyKey, TYPE>;
+export type IsUnion<T, U extends T = T> = T extends unknown ? ([U] extends [T] ? false : true) : false;
+export type IsSpecifiedString<T> = T extends string ? (string extends T ? false : true) : false;
+export type NeverObj = Record<never, never>;
+export type OrAny = any & NeverObj;
+export type NotFunction = string | number | boolean | object | null | undefined | CommonRecord;
+export type OrT<T> = T & NeverObj;
+export type OrString = OrT<string>;
+export type OrNumber = OrT<number>;
+export type ReplaceAny<TYPE, WITH = unknown> = TYPE extends any ? WITH : TYPE;
+export type BothTrue<T, U> = T extends true ? (U extends true ? true : false) : false;
+export type EitherTrue<T, U> = T extends true ? true : U extends true ? true : false;
+export type Tail<T extends any[]> = ((...args: T) => any) extends (arg: any, ...rest: infer R) => any ? R : never;

package/util/camel-case.d.ts

@@ -0,0 +1 @@
+export declare function camelCase(str: PropertyKey): string;

package/util/dash-case.d.ts

@@ -0,0 +1 @@
+export declare function dashCase(str: PropertyKey): string;

package/util/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../dash-case-DKzpenwY.cjs"),t=require("../pascal-case-iWoaJWwT.cjs");function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/-([a-z])/g,r=>r[1].toUpperCase()):""}exports.dashCase=a.dashCase;exports.toHash=a.toHash;exports.pascalCase=t.pascalCase;exports.camelCase=s;

package/util/index.d.ts

@@ -0,0 +1,4 @@
+export * from './camel-case';
+export * from './dash-case';
+export * from './pascal-case';
+export * from './to-hash';

package/util/index.js

@@ -0,0 +1,11 @@
+import { d as o, t as s } from "../dash-case-DMQMcCO6.js";
+import { p as f } from "../pascal-case-BQpR5PdN.js";
+function r(e) {
+  return e ? typeof e != "string" ? r(String(e)) : e.replace(/\s/g, "-").replace(/-([a-z])/g, (a) => a[1].toUpperCase()) : "";
+}
+export {
+  r as camelCase,
+  o as dashCase,
+  f as pascalCase,
+  s as toHash
+};

package/util/pascal-case.d.ts

@@ -0,0 +1 @@
+export declare function pascalCase(str: PropertyKey): string;

package/util/to-hash.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Create unique hash string from any value
+ */
+export declare const toHash: (value: unknown, length?: number) => string;