@ckc-net/puck-extended 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Hugo Debard
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,417 @@
+import * as react0 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import * as _measured_puck0 from "@measured/puck";
+import { Fields } from "@measured/puck";
+
+//#region src/components/ui/checkbox.d.ts
+type CheckboxLayout = "horizontal" | "inline";
+//#endregion
+//#region src/components/Fields/NumberUnit/index.d.ts
+type NumberUnitValue = {
+  value: string;
+  unit: string;
+};
+//#endregion
+//#region src/components/ui/radio.d.ts
+type RadioLayout = "horizontal" | "inline";
+//#endregion
+//#region src/overrides/plugin.d.ts
+declare const createPuckOverridesPlugin: () => {
+  overrides: {
+    actionBar: {
+      ({
+        label,
+        parentAction,
+        children
+      }: {
+        label?: string;
+        parentAction?: react0.ReactNode;
+        children?: react0.ReactNode;
+      }): react_jsx_runtime0.JSX.Element;
+      Action: ({
+        children,
+        label,
+        onClick
+      }: {
+        children: react0.ReactNode;
+        label?: string;
+        onClick: (e: react0.SyntheticEvent) => void;
+      }) => react_jsx_runtime0.JSX.Element;
+      Label: ({
+        label
+      }: {
+        label: string;
+      }) => react_jsx_runtime0.JSX.Element;
+      Group: ({
+        children
+      }: {
+        children: react0.ReactNode;
+      }) => react_jsx_runtime0.JSX.Element;
+      Separator: () => react_jsx_runtime0.JSX.Element;
+    };
+    drawer: ({
+      children
+    }: {
+      children: React.ReactNode;
+    }) => react_jsx_runtime0.JSX.Element;
+    drawerItem: ({
+      name,
+      icon
+    }: {
+      name: string;
+      icon?: React.ReactNode;
+    }) => react_jsx_runtime0.JSX.Element;
+    fields: ({
+      children
+    }: {
+      children: React.ReactNode;
+      isLoading: boolean;
+      itemSelector?: {
+        path?: string;
+        index?: number;
+      } | null;
+    }) => react_jsx_runtime0.JSX.Element;
+    fieldLabel: ({
+      children,
+      label
+    }: {
+      children: React.ReactNode;
+      label: string;
+    }) => react_jsx_runtime0.JSX.Element;
+    fieldTypes: {
+      checkbox: ({
+        onChange,
+        value,
+        readOnly,
+        field,
+        label
+      }: (_measured_puck0.FieldProps<_measured_puck0.Field<any>> & {
+        name: string;
+        field: _measured_puck0.Field<any> & {
+          options?: ReadonlyArray<{
+            label: React.ReactNode;
+            value: any;
+          }>;
+          layout?: CheckboxLayout;
+        };
+      }) & {
+        label: string;
+      }) => react_jsx_runtime0.JSX.Element | null;
+      numberUnit: ({
+        onChange,
+        value,
+        label,
+        field,
+        readOnly
+      }: {
+        onChange: (value: NumberUnitValue) => void;
+        value: NumberUnitValue;
+        label: string;
+        field: any;
+        readOnly?: boolean;
+      }) => react_jsx_runtime0.JSX.Element;
+      radio: ({
+        onChange,
+        value,
+        readOnly,
+        field,
+        label
+      }: (_measured_puck0.FieldProps<_measured_puck0.Field<any>> & {
+        name: string;
+        field: _measured_puck0.Field<any> & {
+          options?: ReadonlyArray<{
+            label: React.ReactNode;
+            value: any;
+          }>;
+          layout?: RadioLayout;
+        };
+      }) & {
+        label: string;
+      }) => react_jsx_runtime0.JSX.Element | null;
+      select: ({
+        onChange,
+        value,
+        label,
+        field,
+        readOnly
+      }: {
+        onChange: (value: any) => void;
+        value: any;
+        label: string;
+        field: any;
+        readOnly?: boolean;
+      }) => react_jsx_runtime0.JSX.Element;
+      text: ({
+        onChange,
+        label,
+        field,
+        readOnly
+      }: {
+        onChange: (value: any) => void;
+        label: string;
+        field: any;
+        readOnly?: boolean;
+      }) => react_jsx_runtime0.JSX.Element;
+      textarea: ({
+        onChange,
+        label,
+        field,
+        readOnly
+      }: {
+        onChange: (value: any) => void;
+        label: string;
+        field: any;
+        readOnly?: boolean;
+      }) => react_jsx_runtime0.JSX.Element;
+    };
+  };
+};
+//#endregion
+//#region src/components/Fields/Label/index.d.ts
+declare const Label: ({
+  label,
+  readOnly
+}: {
+  label?: string;
+  readOnly?: boolean;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/MediaPicker/index.d.ts
+type MediaItem = {
+  id: number;
+  name: string;
+  url: string;
+  thumbnail: string;
+  type: string;
+};
+type MediaPickerValue = {
+  type?: "url" | "media";
+  url?: string;
+  media?: MediaItem | null;
+};
+type MediaPickerProps = {
+  value?: MediaPickerValue;
+  onChange: (value: MediaPickerValue) => void;
+  mediaType?: string;
+};
+declare const MediaPicker: ({
+  value,
+  onChange,
+  mediaType
+}: MediaPickerProps) => react_jsx_runtime0.JSX.Element;
+declare const getMediaUrl: (value?: MediaPickerValue) => string | undefined;
+//#endregion
+//#region src/components/Pagination/index.d.ts
+type PaginationProps = {
+  currentPage: number;
+  totalPages: number;
+  totalItems: number;
+  itemsPerPage: number;
+  onPageChange: (page: number) => void;
+  onItemsPerPageChange: (itemsPerPage: number) => void;
+  pageSizeOptions?: number[];
+  maxVisiblePages?: number;
+  showInfo?: boolean;
+  showPageSizeSelect?: boolean;
+  className?: string;
+};
+declare const TablePagination: ({
+  currentPage,
+  totalPages,
+  totalItems,
+  itemsPerPage,
+  onPageChange,
+  onItemsPerPageChange,
+  pageSizeOptions,
+  maxVisiblePages,
+  showInfo,
+  showPageSizeSelect,
+  className
+}: PaginationProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/utils/display.d.ts
+type DisplayTraitProps = {
+  display?: 'hidden' | 'inline' | 'inline-block' | 'block' | 'flex' | 'inline-flex';
+};
+declare const displayField: Fields;
+declare function displayToClasses(display?: 'hidden' | 'inline' | 'inline-block' | 'block' | 'flex' | 'inline-flex'): string;
+declare const displayDefaultProps: DisplayTraitProps;
+//#endregion
+//#region src/utils/fontWeight.d.ts
+type FontWeightTraitProps = {
+  fontWeight?: '' | 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+};
+declare const fontWeightField: Fields;
+declare function fontWeightToClasses(fontWeight?: string): string;
+declare const fontWeightDefaultProps: {
+  fontWeight: "";
+};
+//#endregion
+//#region src/utils/lineHeight.d.ts
+type LineHeightTraitProps = {
+  lineHeight?: "" | "1" | "1.25" | "1.5" | "2";
+};
+declare const lineHeightField: Fields;
+declare function lineHeightToClasses(lineHeight?: string): string;
+declare const lineHeightDefaultProps: {
+  lineHeight: "";
+};
+//#endregion
+//#region src/utils/margins.d.ts
+type MarginValue = {
+  value: string;
+  unit: string;
+};
+type MarginItem = {
+  breakpoint?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+  direction: "all" | "top" | "right" | "bottom" | "left" | "x" | "y";
+  margin: MarginValue;
+};
+type MarginsTraitProps = {
+  margins?: Array<MarginItem>;
+};
+declare const marginsField: Fields;
+declare function marginsToClasses(margins?: Array<MarginItem>): string;
+declare const marginsDefaultProps: {
+  margins: Array<MarginItem>;
+};
+//#endregion
+//#region src/utils/paddings.d.ts
+type PaddingValue = {
+  value: string;
+  unit: string;
+};
+type PaddingItem = {
+  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+  direction: 'all' | 'top' | 'right' | 'bottom' | 'left' | 'x' | 'y';
+  padding: PaddingValue;
+};
+type PaddingsTraitProps = {
+  paddings?: Array<PaddingItem>;
+};
+declare const paddingsField: Fields;
+declare function paddingsToClasses(paddings?: Array<PaddingItem>): string;
+declare const paddingsDefaultProps: {
+  paddings: Array<PaddingItem>;
+};
+//#endregion
+//#region src/utils/position.d.ts
+type PositionTraitProps = {
+  position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
+  top?: string;
+  right?: string;
+  bottom?: string;
+  left?: string;
+  zIndex?: number;
+};
+declare const positionField: Fields;
+declare function positionToClasses(position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky', top?: string, right?: string, bottom?: string, left?: string, zIndex?: number): string;
+declare const positionDefaultProps: PositionTraitProps;
+//#endregion
+//#region src/utils/size.d.ts
+type SizeValue = {
+  value: string;
+  unit: string;
+};
+type SizeTraitProps = {
+  width?: SizeValue;
+  minWidth?: SizeValue;
+  maxWidth?: SizeValue;
+  height?: SizeValue;
+  minHeight?: SizeValue;
+  maxHeight?: SizeValue;
+};
+declare const sizeField: Fields;
+declare function sizeToClasses(width?: SizeValue, minWidth?: SizeValue, maxWidth?: SizeValue, height?: SizeValue, minHeight?: SizeValue, maxHeight?: SizeValue): string;
+declare const sizeDefaultProps: SizeTraitProps;
+//#endregion
+//#region src/utils/spacing.d.ts
+type SpacingTraitProps = MarginsTraitProps & PaddingsTraitProps;
+declare const spacingFields: {
+  [x: string]: _measured_puck0.Field<any, {}>;
+  [x: number]: _measured_puck0.Field<any, {}>;
+};
+declare const spacingDefaultProps: {
+  paddings: Array<PaddingItem>;
+  margins: Array<MarginItem>;
+};
+declare function spacingToClasses(props: Partial<SpacingTraitProps>): string;
+declare const spacingFieldNames: readonly ["margins", "paddings"];
+//#endregion
+//#region src/utils/spacingOptions.d.ts
+declare const spacingOptions: {
+  label: string;
+  value: string;
+}[];
+//#endregion
+//#region src/utils/textAlign.d.ts
+type TextAlignTraitProps = {
+  textAlign?: "left" | "center" | "right" | "justify";
+};
+declare const textAlignField: Fields;
+declare function textAlignToClasses(textAlign?: string): string;
+declare const textAlignDefaultProps: {
+  textAlign: "left";
+};
+//#endregion
+//#region src/utils/textColor.d.ts
+type TextColorTraitProps = {
+  textColor?: string;
+};
+declare const textColorField: Fields;
+declare function textColorToClasses(textColor?: string): string;
+declare const textColorDefaultProps: {
+  textColor: string | undefined;
+};
+//#endregion
+//#region src/utils/textDecoration.d.ts
+type TextDecorationTraitProps = {
+  textDecoration?: Array<"bold" | "light" | "italic" | "underline" | "line-through">;
+};
+declare const textDecorationField: Fields;
+declare function textDecorationToClasses(textDecoration?: Array<"bold" | "light" | "italic" | "underline" | "line-through">): string;
+declare const textDecorationDefaultProps: TextDecorationTraitProps;
+//#endregion
+//#region src/utils/textSize.d.ts
+type TextSizeTraitProps = {
+  textSize?: "" | "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
+};
+declare const textSizeField: Fields;
+declare function textSizeToClasses(textSize?: string): string;
+declare const textSizeDefaultProps: {
+  textSize: "";
+};
+//#endregion
+//#region src/utils/textTransform.d.ts
+type TextTransformTraitProps = {
+  textTransform?: "none" | "uppercase" | "lowercase" | "capitalize";
+};
+declare const textTransformField: Fields;
+declare function textTransformToClasses(textTransform?: string): string;
+declare const textTransformDefaultProps: {
+  textTransform: "none";
+};
+//#endregion
+//#region src/utils/typography.d.ts
+type TypographyTraitProps = TextAlignTraitProps & TextTransformTraitProps & TextDecorationTraitProps & TextSizeTraitProps & TextColorTraitProps & LineHeightTraitProps & FontWeightTraitProps;
+declare const typographyFields: {
+  [x: string]: _measured_puck0.Field<any, {}>;
+  [x: number]: _measured_puck0.Field<any, {}>;
+};
+declare const typographyDefaultProps: {
+  fontWeight: "";
+  lineHeight: "";
+  textColor: string | undefined;
+  textSize: "";
+  textDecoration?: Array<"bold" | "light" | "italic" | "underline" | "line-through">;
+  textTransform: "none";
+  textAlign: "left";
+};
+declare function typographyToClasses(props: Partial<TypographyTraitProps>): string;
+declare const typographyFieldNames: readonly ["textAlign", "textTransform", "textDecoration", "textSize", "textColor", "lineHeight", "fontWeight"];
+//#endregion
+export { DisplayTraitProps, FontWeightTraitProps, Label, LineHeightTraitProps, MarginItem, MarginValue, MarginsTraitProps, type MediaItem, MediaPicker, type MediaPickerProps, type MediaPickerValue, PaddingItem, PaddingValue, PaddingsTraitProps, type PaginationProps, PositionTraitProps, SizeTraitProps, SizeValue, SpacingTraitProps, TablePagination, TextAlignTraitProps, TextColorTraitProps, TextDecorationTraitProps, TextSizeTraitProps, TextTransformTraitProps, TypographyTraitProps, createPuckOverridesPlugin, displayDefaultProps, displayField, displayToClasses, fontWeightDefaultProps, fontWeightField, fontWeightToClasses, getMediaUrl, lineHeightDefaultProps, lineHeightField, lineHeightToClasses, marginsDefaultProps, marginsField, marginsToClasses, paddingsDefaultProps, paddingsField, paddingsToClasses, positionDefaultProps, positionField, positionToClasses, sizeDefaultProps, sizeField, sizeToClasses, spacingDefaultProps, spacingFieldNames, spacingFields, spacingOptions, spacingToClasses, textAlignDefaultProps, textAlignField, textAlignToClasses, textColorDefaultProps, textColorField, textColorToClasses, textDecorationDefaultProps, textDecorationField, textDecorationToClasses, textSizeDefaultProps, textSizeField, textSizeToClasses, textTransformDefaultProps, textTransformField, textTransformToClasses, typographyDefaultProps, typographyFieldNames, typographyFields, typographyToClasses };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components/ui/checkbox.tsx","../src/components/Fields/NumberUnit/index.tsx","../src/components/ui/radio.tsx","../src/overrides/plugin.tsx","../src/components/Fields/Label/index.tsx","../src/components/MediaPicker/index.tsx","../src/components/Pagination/index.tsx","../src/utils/display.tsx","../src/utils/fontWeight.tsx","../src/utils/lineHeight.tsx","../src/utils/margins.tsx","../src/utils/paddings.tsx","../src/utils/position.tsx","../src/utils/size.tsx","../src/utils/spacing.tsx","../src/utils/spacingOptions.ts","../src/utils/textAlign.tsx","../src/utils/textColor.tsx","../src/utils/textDecoration.tsx","../src/utils/textSize.tsx","../src/utils/textTransform.tsx","../src/utils/typography.tsx"],"sourcesContent":[],"mappings":"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"}