@jorgequevedoc/react-gridforms 1.1.0

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export { GridForm } from './GridForm';
+export { FormRow } from './FormRow';
+export { FormField } from './FormField';
+export { FormSection } from './FormSection';
+export { TextInput } from './inputs/TextInput';
+export { SelectInput } from './inputs/SelectInput';
+export { RadioGroup } from './inputs/RadioGroup';
+export { ThemeToggle } from './ThemeToggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,9 @@
+export { GridForm } from './GridForm';
+export { FormRow } from './FormRow';
+export { FormField } from './FormField';
+export { FormSection } from './FormSection';
+export { TextInput } from './inputs/TextInput';
+export { SelectInput } from './inputs/SelectInput';
+export { RadioGroup } from './inputs/RadioGroup';
+export { ThemeToggle } from './ThemeToggle';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/inputs/RadioGroup.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface RadioOption {
+    value: string;
+    label: string;
+}
+export interface RadioGroupProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    options: RadioOption[];
+    name: string;
+    className?: string;
+}
+export declare const RadioGroup: React.FC<RadioGroupProps>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/inputs/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BhD,CAAC"}

package/dist/components/inputs/RadioGroup.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+const RadioContainer = styled.div `
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${(props) => props.theme.spacing.md};
+
+  @media only screen and (max-width: 768px) {
+    flex-direction: column;
+    gap: ${(props) => props.theme.spacing.sm};
+  }
+`;
+const RadioItem = styled.label `
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  font-size: ${(props) => props.theme.typography.fontSizeBase};
+  text-transform: none;
+  letter-spacing: normal;
+  color: ${(props) => props.theme.colors.textPrimary};
+
+  input[type='radio'] {
+    margin-right: ${(props) => props.theme.spacing.sm};
+    cursor: pointer;
+  }
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+export const RadioGroup = ({ value, onChange, options, name, className, }) => {
+    const handleChange = (e) => {
+        if (onChange) {
+            onChange(e.target.value);
+        }
+    };
+    return (_jsx(RadioContainer, { className: className, children: options.map((option) => (_jsxs(RadioItem, { children: [_jsx("input", { type: "radio", name: name, value: option.value, checked: value === option.value, onChange: handleChange }), option.label] }, option.value))) }));
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/inputs/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/inputs/RadioGroup.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAevC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;;;WAI/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;CAE3C,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA;;;;eAIf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY;;;WAGlD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;;;oBAGhC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;;;;;;CAOpD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,GACV,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YACjC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,SAAS,eACR,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,QAAQ,EAAE,YAAY,GACtB,EACD,MAAM,CAAC,KAAK,KARC,MAAM,CAAC,KAAK,CAShB,CACb,CAAC,GACa,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/inputs/SelectInput.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectInputProps {
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    options: SelectOption[];
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const SelectInput: React.FC<SelectInputProps>;
+//# sourceMappingURL=SelectInput.d.ts.map

package/dist/components/inputs/SelectInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiClD,CAAC"}

package/dist/components/inputs/SelectInput.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+const StyledSelect = styled.select `
+  font-size: ${(props) => props.theme.typography.fontSizeLarge};
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  border: 0;
+  background: ${(props) => props.theme.colors.inputBackground};
+  cursor: pointer;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
+  option {
+    background: ${(props) => props.theme.colors.surface};
+    color: ${(props) => props.theme.colors.textPrimary};
+  }
+`;
+export const SelectInput = ({ value, onChange, options, placeholder, name, id, required, disabled, className, }) => {
+    return (_jsxs(StyledSelect, { value: value, onChange: onChange, name: name, id: id, required: required, disabled: disabled, className: className, children: [placeholder && (_jsx("option", { value: "", disabled: true, children: placeholder })), options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }));
+};
+//# sourceMappingURL=SelectInput.js.map

package/dist/components/inputs/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAmBvC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;eACnB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa;;;;;gBAK9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;;;;;;;;;kBAa3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;aAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;;CAErD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,MAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,aAEnB,WAAW,IAAI,CACd,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,WAAW,GACL,CACV,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,IACW,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/inputs/TextInput.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface TextInputProps {
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number' | 'date' | 'datetime-local' | 'month' | 'time' | 'week';
+    name?: string;
+    id?: string;
+    required?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    className?: string;
+}
+export declare const TextInput: React.FC<TextInputProps>;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/components/inputs/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EACD,MAAM,GACN,OAAO,GACP,UAAU,GACV,QAAQ,GACR,KAAK,GACL,KAAK,GACL,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0B9C,CAAC"}

package/dist/components/inputs/TextInput.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
+const StyledInput = styled.input `
+  font-size: ${(props) => props.theme.typography.fontSizeLarge};
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  border: 0;
+  background: ${(props) => props.theme.colors.inputBackground};
+
+  &::placeholder {
+    font-weight: ${(props) => props.theme.typography.fontWeightLight};
+    color: ${(props) => props.theme.colors.inputPlaceholder};
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+`;
+export const TextInput = ({ value, onChange, placeholder, type = 'text', name, id, required, disabled, autoFocus, className, }) => {
+    return (_jsx(StyledInput, { type: type, value: value, onChange: onChange, placeholder: placeholder, name: name, id: id, required: required, disabled: disabled, autoFocus: autoFocus, className: className }));
+};
+//# sourceMappingURL=TextInput.js.map

package/dist/components/inputs/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/inputs/TextInput.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AA2BvC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;eACjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa;;;;;gBAK9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe;;;mBAG1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe;aACvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB;;;;;;;;;;;CAW1D,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,EAAE;IACH,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { GridForm, FormSection, FormRow, FormField, TextInput, SelectInput, RadioGroup, ThemeToggle, } from './components';
+export { ThemeProvider, useTheme } from './theme/ThemeContext';
+export { lightTheme, darkTheme } from './theme';
+export type { TextInputProps } from './components/inputs/TextInput';
+export type { SelectInputProps, SelectOption, } from './components/inputs/SelectInput';
+export type { RadioGroupProps, RadioOption, } from './components/inputs/RadioGroup';
+export type { Theme, ThemeColors, ThemeMode } from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGhD,YAAY,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,YAAY,EACV,gBAAgB,EAChB,YAAY,GACb,MAAM,iCAAiC,CAAC;AACzC,YAAY,EACV,eAAe,EACf,WAAW,GACZ,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+// Main library exports
+export { GridForm, FormSection, FormRow, FormField, TextInput, SelectInput, RadioGroup, ThemeToggle, } from './components';
+// Theme exports
+export { ThemeProvider, useTheme } from './theme/ThemeContext';
+export { lightTheme, darkTheme } from './theme';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,OAAO,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,cAAc,CAAC;AAEtB,gBAAgB;AAChB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.ts

@@ -0,0 +1,27 @@
+// Main library exports
+export {
+  GridForm,
+  FormSection,
+  FormRow,
+  FormField,
+  TextInput,
+  SelectInput,
+  RadioGroup,
+  ThemeToggle,
+} from './components';
+
+// Theme exports
+export { ThemeProvider, useTheme } from './theme/ThemeContext';
+export { lightTheme, darkTheme } from './theme';
+
+// Type exports
+export type { TextInputProps } from './components/inputs/TextInput';
+export type {
+  SelectInputProps,
+  SelectOption,
+} from './components/inputs/SelectInput';
+export type {
+  RadioGroupProps,
+  RadioOption,
+} from './components/inputs/RadioGroup';
+export type { Theme, ThemeColors, ThemeMode } from './theme';

package/dist/lib.d.ts

@@ -0,0 +1,4 @@
+export { GridForm, FormSection, FormRow, FormField, TextInput, SelectInput, RadioGroup, ThemeToggle, } from './components';
+export { ThemeProvider, useTheme } from './theme/ThemeContext';
+export { lightTheme, darkTheme } from './theme';
+//# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib.js

@@ -0,0 +1,6 @@
+// Main library exports (without type exports for rollup)
+export { GridForm, FormSection, FormRow, FormField, TextInput, SelectInput, RadioGroup, ThemeToggle, } from './components';
+// Theme exports
+export { ThemeProvider, useTheme } from './theme/ThemeContext';
+export { lightTheme, darkTheme } from './theme';
+//# sourceMappingURL=lib.js.map

package/dist/lib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,OAAO,EACL,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,cAAc,CAAC;AAEtB,gBAAgB;AAChB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/theme/ThemeContext.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { ThemeMode } from './types';
+interface ThemeContextType {
+    themeMode: ThemeMode;
+    toggleTheme: () => void;
+    setThemeMode: (mode: ThemeMode) => void;
+}
+interface ThemeProviderProps {
+    children: ReactNode;
+    initialTheme?: ThemeMode;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useTheme: () => ThemeContextType;
+export {};
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/theme/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAID,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8BtD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,gBAM3B,CAAC"}

package/dist/theme/ThemeContext.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect } from 'react';
+import { ThemeProvider as StyledThemeProvider } from 'styled-components';
+import { lightTheme, darkTheme } from './themes';
+const ThemeContext = createContext(undefined);
+export const ThemeProvider = ({ children, initialTheme = 'light', }) => {
+    const [themeMode, setThemeMode] = useState(initialTheme);
+    // Load theme from localStorage on mount
+    useEffect(() => {
+        const savedTheme = localStorage.getItem('gridforms-theme');
+        if (savedTheme && (savedTheme === 'light' || savedTheme === 'dark')) {
+            setThemeMode(savedTheme);
+        }
+    }, []);
+    // Save theme to localStorage when it changes
+    useEffect(() => {
+        localStorage.setItem('gridforms-theme', themeMode);
+    }, [themeMode]);
+    const toggleTheme = () => {
+        setThemeMode((prev) => (prev === 'light' ? 'dark' : 'light'));
+    };
+    const currentTheme = themeMode === 'light' ? lightTheme : darkTheme;
+    return (_jsx(ThemeContext.Provider, { value: { themeMode, toggleTheme, setThemeMode }, children: _jsx(StyledThemeProvider, { theme: currentTheme, children: children }) }));
+};
+export const useTheme = () => {
+    const context = useContext(ThemeContext);
+    if (context === undefined) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=ThemeContext.js.map

package/dist/theme/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AASjD,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAO5E,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,YAAY,GAAG,OAAO,GACvB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,YAAY,CAAC,CAAC;IAEpE,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAc,CAAC;QACxE,IAAI,UAAU,IAAI,CAAC,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,MAAM,CAAC,EAAE,CAAC;YACpE,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpE,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,YACpE,KAAC,mBAAmB,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAuB,GACpD,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAqB,EAAE;IAC7C,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+export { lightTheme, darkTheme } from './themes';
+export type { Theme, ThemeColors, ThemeMode } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACjD,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,2 @@
+export { lightTheme, darkTheme } from './themes';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC"}

package/dist/theme/themes.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from './types';
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;
+//# sourceMappingURL=themes.d.ts.map

package/dist/theme/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/theme/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0CvB,CAAC"}

package/dist/theme/themes.js

@@ -0,0 +1,87 @@
+export const lightTheme = {
+    colors: {
+        background: '#ffffff',
+        surface: '#fafafa',
+        textPrimary: '#333333',
+        textSecondary: '#666666',
+        textMuted: '#999999',
+        border: '#333333',
+        borderLight: '#e0e0e0',
+        focusBackground: '#f5f5dc',
+        focusBorder: '#333333',
+        legend: '#333333',
+        inputBackground: 'transparent',
+        inputPlaceholder: '#999999',
+        hover: '#f0f0f0',
+        active: '#e0e0e0',
+    },
+    spacing: {
+        xs: '4px',
+        sm: '8px',
+        md: '16px',
+        lg: '24px',
+        xl: '32px',
+    },
+    typography: {
+        fontSizeSmall: '10px',
+        fontSizeBase: '16px',
+        fontSizeLarge: '18px',
+        fontWeightLight: 100,
+        fontWeightNormal: 400,
+        fontWeightBold: 700,
+    },
+    borderRadius: {
+        sm: '2px',
+        md: '4px',
+        lg: '8px',
+    },
+    shadows: {
+        sm: '0 1px 3px rgba(0, 0, 0, 0.1)',
+        md: '0 4px 6px rgba(0, 0, 0, 0.1)',
+        lg: '0 10px 15px rgba(0, 0, 0, 0.1)',
+    },
+};
+export const darkTheme = {
+    colors: {
+        background: '#1a1a1a',
+        surface: '#2d2d2d',
+        textPrimary: '#ffffff',
+        textSecondary: '#cccccc',
+        textMuted: '#888888',
+        border: '#555555',
+        borderLight: '#404040',
+        focusBackground: '#3a3a2a',
+        focusBorder: '#888888',
+        legend: '#ffffff',
+        inputBackground: 'transparent',
+        inputPlaceholder: '#666666',
+        hover: '#404040',
+        active: '#505050',
+    },
+    spacing: {
+        xs: '4px',
+        sm: '8px',
+        md: '16px',
+        lg: '24px',
+        xl: '32px',
+    },
+    typography: {
+        fontSizeSmall: '10px',
+        fontSizeBase: '16px',
+        fontSizeLarge: '18px',
+        fontWeightLight: 100,
+        fontWeightNormal: 400,
+        fontWeightBold: 700,
+    },
+    borderRadius: {
+        sm: '2px',
+        md: '4px',
+        lg: '8px',
+    },
+    shadows: {
+        sm: '0 1px 3px rgba(0, 0, 0, 0.3)',
+        md: '0 4px 6px rgba(0, 0, 0, 0.3)',
+        lg: '0 10px 15px rgba(0, 0, 0, 0.3)',
+    },
+};
+//# sourceMappingURL=themes.js.map

package/dist/theme/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/theme/themes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE;QACN,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,SAAS;QACjB,eAAe,EAAE,aAAa;QAC9B,gBAAgB,EAAE,SAAS;QAC3B,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;KAClB;IACD,OAAO,EAAE;QACP,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,UAAU,EAAE;QACV,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,cAAc,EAAE,GAAG;KACpB;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV;IACD,OAAO,EAAE;QACP,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,gCAAgC;KACrC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,MAAM,EAAE;QACN,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;QACxB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,SAAS;QACjB,eAAe,EAAE,aAAa;QAC9B,gBAAgB,EAAE,SAAS;QAC3B,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;KAClB;IACD,OAAO,EAAE;QACP,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,UAAU,EAAE;QACV,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,GAAG;QACpB,gBAAgB,EAAE,GAAG;QACrB,cAAc,EAAE,GAAG;KACpB;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV;IACD,OAAO,EAAE;QACP,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,8BAA8B;QAClC,EAAE,EAAE,gCAAgC;KACrC;CACF,CAAC"}

package/dist/theme/types.d.ts

@@ -0,0 +1,46 @@
+export interface ThemeColors {
+    background: string;
+    surface: string;
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    border: string;
+    borderLight: string;
+    focusBackground: string;
+    focusBorder: string;
+    legend: string;
+    inputBackground: string;
+    inputPlaceholder: string;
+    hover: string;
+    active: string;
+}
+export interface Theme {
+    colors: ThemeColors;
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    typography: {
+        fontSizeSmall: string;
+        fontSizeBase: string;
+        fontSizeLarge: string;
+        fontWeightLight: number;
+        fontWeightNormal: number;
+        fontWeightBold: number;
+    };
+    borderRadius: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    shadows: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}
+export type ThemeMode = 'light' | 'dark';
+//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAE1B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IAGpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IAGpB,MAAM,EAAE,MAAM,CAAC;IAGf,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IAGzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,UAAU,EAAE;QACV,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,EAAE,MAAM,CAAC;QACrB,aAAa,EAAE,MAAM,CAAC;QACtB,eAAe,EAAE,MAAM,CAAC;QACxB,gBAAgB,EAAE,MAAM,CAAC;QACzB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC"}

package/dist/theme/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@jorgequevedoc/react-gridforms",
+  "version": "1.1.0",
+  "description": "A modern React TypeScript implementation of GridForms - a compact and beautiful grid-based form system",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:lib": "tsc --project tsconfig.lib.json && cp src/index.ts dist/",
+    "prepublishOnly": "yarn build:lib",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "react",
+    "typescript",
+    "forms",
+    "grid",
+    "form-builder",
+    "styled-components",
+    "responsive"
+  ],
+  "author": "Jorge Quevedo",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "styled-components": ">=5.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^8.56.0",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@types/styled-components": "^5.1.34",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "globals": "^13.24.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^4.46.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2",
+    "styled-components": "^6.1.8",
+    "typescript": "~5.3.3",
+    "typescript-eslint": "^8.38.0",
+    "vite": "^5.0.8"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/JorgeQuevedoC/react-gridforms.git"
+  },
+  "bugs": {
+    "url": "https://github.com/JorgeQuevedoC/react-gridforms/issues"
+  },
+  "homepage": "https://github.com/JorgeQuevedoC/react-gridforms#readme"
+}